.welfare-box{
	padding: 3rem 0;
}
.welfare-box .index-news .item{
	margin-bottom: 2.25rem;
}
.welfare-box .index-news .page-box{
	margin-top: .9rem;
}


.culture-page header{
	height: 0;
}
.culture-box{
	height: 100vh;
	overflow: hidden;
	position: relative;
}
.culture-box .line-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.culture-box .line{
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 100%;
	transform: translate(-50%, -50%);
}
.culture-box .line:before{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	margin: -50% 0 0 -50%;
	border-radius: 100%;
}
.culture-box .line1{
	width: 59.375%;
	padding-top: 59.375%;
	
}
.culture-box .line1:before{
	border: 1px solid rgba(215,12,37,.2);
}
.culture-box .line2{
	width: 81.25%;
	padding-top: 81.25%;
}
.culture-box .line2:before{
	border: 1px solid rgba(215,12,37,.1);
}
.culture-box .bubble-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.culture-box .bubble-bg .bubble{
	position: absolute;
	border-radius: 100%;
}
.culture-box .bubble-bg .bubble .circle{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}
.culture-box .bubble-bg .bubble1{
	width: 12%;
	padding-top: 12%;
	left: -4.427%;
	top: -9.26%;
}
.culture-box .bubble-bg .bubble1 .circle{
	background-color: #d80c25;
	opacity: .05;
}
.culture-box .bubble-bg .bubble2{
	width: 10px;
	padding-top: 10px;
	left: 7.4%;
	top: 33.7%;
}
.culture-box .bubble-bg .bubble2 .circle{
	background-color: #d80c25;
	opacity: .1;	
}
.culture-box .bubble-bg .bubble3{
	width: 6px;
	padding-top: 6px;
	left: 10.78125%;
	top: 42.59%;
}
.culture-box .bubble-bg .bubble3 .circle{
	background-color: #d80c25;
	opacity: .1;	
}

.culture-box .bubble-bg .bubble4{
	width: 10px;
	padding-top: 10px;
	left: 30%;
	top: 36.296%;
}
.culture-box .bubble-bg .bubble4 .circle{
	background-color: #d80c25;
	opacity: .1;	
}
.culture-box .bubble-bg .bubble5{
	width: 70px;
	padding-top: 70px;
	left: -2.08%;
	top: 36.48%;
}
.culture-box .bubble-bg .bubble5 .circle{
	background-color: #d80c25;	
}
.culture-box .bubble-bg .bubble6{
	width: 30px;
	padding-top: 30px;
	left: 24.74%;
	top: 67.22%;
}
.culture-box .bubble-bg .bubble6 .circle{
	background-color: #d80c25;	
	opacity: .1;
}
.culture-box .bubble-bg .bubble7{
	width: 5px;
	padding-top: 5px;
	left: 62.34375%;
	top: 30.09%;
}
.culture-box .bubble-bg .bubble7 .circle{
	background-color: #d80c25;
}
.culture-box .bubble-bg .bubble8{
	width: 12px;
	padding-top: 12px;
	left: 77.24%;
	top: 21.3%;
}
.culture-box .bubble-bg .bubble8 .circle{
	background-color: #d80c25;
}
.culture-box .bubble-bg .bubble9{
	width: 10px;
	padding-top: 10px;
	left: 80.3125%;
	top: 37%;
}
.culture-box .bubble-bg .bubble9 .circle{
	background-color: #d80c25;
	opacity: .1;
}
.culture-box .bubble-bg .bubble10{
	width: 6px;
	padding-top: 6px;
	left: 67.1875%;
	top: 46.296%;
}
.culture-box .bubble-bg .bubble10 .circle{
	background-color: #d80c25;
	opacity: .1;
}
.culture-box .bubble-bg .bubble11{
	width: 6px;
	padding-top: 6px;
	left: 74.8958%;
	top: 53.98%;
}
.culture-box .bubble-bg .bubble11 .circle{
	background-color: #d80c25;
	opacity: .1;
}
.culture-box .bubble-bg .bubble12{
	width: 16px;
	padding-top: 16px;
	left: 65.98958%;
	top: 53.4259%;
}
.culture-box .bubble-bg .bubble12 .circle{
	background-color: #d80c25;
	opacity: .1;
}
.culture-box .bubble-bg .bubble13{
	width: 16px;
	padding-top: 16px;
	left: 67.7%;
	top: 67.13%;
}
.culture-box .bubble-bg .bubble13 .circle{
	background-color: #d80c25;
	opacity: .1;
}

.culture-box .bubble-bg .bubble14{
	width: 10.73%;
	padding-top: 10.73%;
	left: 75.52%;
	top: 90.74%;
}
.culture-box .bubble-bg .bubble14 .circle{
	border:1px solid #ddd;
}
.culture-box .bubble-bg .bubble15{
	width: 25%;
	padding-top: 25%;
	left: 87.5%;
	top: 69.44%;
}
.culture-box .bubble-bg .bubble15 .circle{
	background: -webkit-linear-gradient(135deg, #fdf3f4,#fff 55%,#fff 65%,#fdf3f4 100%);
    background: -ms-linear-gradient(135deg, #fdf3f4,#fff 55%,#fff 65%,#fdf3f4 100%);
    background: linear-gradient(135deg, #fdf3f4,#fff 55%,#fff 65%,#fdf3f4 100%);
}
.culture-box .bubble-bg .bubble16{
	width: 30px;
	padding-top: 30px;
	left: 91.67%;
	top: 76.48%;
}
.culture-box .bubble-bg .bubble16 .circle{
	border:1px solid #d80c25;
}
.culture-box .bubble-bg .bubble17{
	width: 60px;
	padding-top: 60px;
	left: 29.8958%;
	top: 18.74%;
}
.culture-box .bubble-bg .bubble17 .circle{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url('../img/culture-circle.png');
}
.culture-box .bubble-bg .bubble18{
	width: 72px;
	padding-top: 72px;
	left: -2%;
	top: 75.27%;
}
.culture-box .bubble-bg .bubble18 .circle{
	border:1px solid #d80c25;
}
.culture-box .bubble-bg .bubble{
	animation:spin 6s infinite linear;
	transform-origin: 50% 40%;
}
.culture-box .bubble-bg .bubble:nth-child(2n){
	animation:spin2 6s infinite linear;
}
.culture-box .bubble-bg .bubble .circle{
	animation:spin-reverse 6s infinite linear;
}
.culture-box .bubble-bg .bubble:nth-child(2n) .circle{
	animation:spin-reverse2 6s infinite linear;
}
.culture-box .bubble-bg .sm-bubble{
	transform-origin: 30% 30px;
}

.culture-box .tab-box .tab-item{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	transition: all .3s;
}
.culture-box .tab-box .tab-item.cur{
	visibility: visible;
	opacity: 1;
}
.culture-box .tab-box .img{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 28.125%;
	transform: translate(-50%, -50%);
}
.culture-box .tab-box .img img{
	width: 100%;
}
.culture-box .tab-box .text-item{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.culture-box .tab-box .tit{
	position: absolute;
	left: 50%;
	bottom: 100%;
	padding-bottom: 1.2rem;
	white-space: nowrap;
	text-align: center;
	transform: translateX(-50%);
	font-size: 1rem;
	line-height: 1.1rem;
	color: #333;
}
.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: 45%;
	padding-top: 45%;
}
.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: 34.8958%;
	padding-top: 34.8958%;
}
.culture-box .tab-box .text-item .txt{
	position: absolute;
	left: 0%;
	width: 100%;
	font-size: 1rem;
	line-height: 1rem;
	color: #333;
	white-space: nowrap;
}

.culture-box .tab-box .tab-item:nth-child(1) .text-item:nth-child(1) .txt,
.culture-box .tab-box .tab-item:nth-child(1) .text-item:nth-child(2) .txt,
.culture-box .tab-box .tab-item:nth-child(2) .text-item:nth-child(1) .txt,
.culture-box .tab-box .tab-item:nth-child(3) .text-item:nth-child(1) .txt{
	top: 0;
}

.culture-box .tab-box .tab-item:nth-child(1) .text-item:nth-child(3) .txt,
.culture-box .tab-box .tab-item:nth-child(1) .text-item:nth-child(4) .txt{
	bottom: 0;
}
.culture-box .tab-box .tab-item:nth-child(1) .text-item:nth-child(1) .txt{
	transform: translateX(15%) rotate(15deg);
}
.culture-box .tab-box .tab-item:nth-child(1) .text-item:nth-child(2) .txt{
	transform: rotate(-34deg) translate(-27%,-150%);
}
.culture-box .tab-box .tab-item:nth-child(1) .text-item:nth-child(3) .txt{
    transform: rotate(-45deg) translate(34%,250%);
}
.culture-box .tab-box .tab-item:nth-child(1) .text-item:nth-child(4) .txt{
    transform: rotate(15deg) translate(-11%,0%);
}
.culture-box .tab-box .tab-item:nth-child(2) .text-item:nth-child(1) .txt{
	transform: rotate(-36deg) translate(-28%,-130%);
}
.culture-box .tab-box .tab-item:nth-child(3) .text-item:nth-child(1) .txt{
	transform: rotate(-9.5deg) translate(-8%,-30%);
}
.culture-box .tab-box .tab-item:nth-child(4) .text-item:nth-child(1) .txt{
	transform: rotate(-43deg) translate(34%,130%);
}
.culture-box .tab-box .tab-item:nth-child(5) .text-item:nth-child(1) .txt{
	transform: rotate(-43deg) translate(34%,130%);
}

.culture-box .tab-btns .item{
	position: absolute;
}
.culture-box .tab-btns .item .icon{
	width: 100%;
	position: relative;
}
.culture-box .tab-btns .item img{
	width: 100%;
}
.culture-box .tab-btns .item:nth-child(1){
	width: 2.5rem;
	left: 19.53125%;
	top: 26.85%;
}

.culture-box .tab-btns .item .txt{
	position: absolute;
	left: 0;
	width: 100%;
	font-size: .35rem;
	line-height: .4rem;
	color: #333;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}
.culture-box .tab-btns .item .hover{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.culture-box .tab-btns .item:nth-child(1) .txt{
	top: 100%;
	padding-top: .25rem;
	transform: rotate(-12deg) translate(13%,-10%);
}

.culture-box .tab-btns .item:nth-child(2){
	width: 2.5rem;
	left: 74%;
    top: 15%;
}

.culture-box .tab-btns .item:nth-child(2) .txt{
	bottom: 100%;
	padding-bottom: .25rem;
	transform: rotate(10deg) translate(15%,0%);
}

.culture-box .tab-btns .item:nth-child(3){
	width: 3.575rem;
	left: 85.677%;
	top: 27.78%;
}
.culture-box .tab-btns .item:nth-child(3) .txt{
	top: 100%;
	padding-top: .25rem;
	transform: rotate(-30deg) translate(30%,30%);
}

.culture-box .tab-btns .item:nth-child(4){
	width: 2.25rem;
	left: 11.5625%;
	top: 76.85%;
}
.culture-box .tab-btns .item:nth-child(4) .txt{
	bottom: 100%;
	padding-bottom: .25rem;
	transform: rotate(-49deg) translate(-50%,-60%);
}

.culture-box .tab-btns .item:nth-child(5){
	width: 2.25rem;
	left: 70%;
	top: 86%;
}
.culture-box .tab-btns .item:nth-child(5) .txt{
	bottom: 100%;
	padding-bottom: .25rem;
	transform: rotate(-12deg) translate(-17%,-10%);
}
.culture-box .tab-btns .item.cur .init{
	opacity: 0;
}
.culture-box .tab-btns .item.cur .hover{
	opacity: 1;
}
.culture-box .tab-btns .item.cur .txt{
	color: #d80c25;
}
.culture-box.red{
	background-color: #d80c25;
}
.culture-box.red .tab-btns .item .txt{
	color: #fff;
}
.culture-box.red .tab-box .txt{
	color: #fff;
}
.culture-box.red .line1:before{
	border-color: rgba(255,255,255,.5);
}
.culture-box.red .line2:before{
	border-color: rgba(255,255,255,.2);
}
.culture-box.red .bubble-bg .bubble14{
	border-color: #fff;
}
.culture-box.red .bubble-bg .bubble15{
	opacity: 0;
}
.culture-box.red .bubble-bg .bubble16 .circle{
	border-color: #fff;
}
.culture-box.red .bubble-bg .bubble18 .circle{
	border-color: #fff;
}

.develop-box{
	height: 100vh;
	position: relative;
	overflow: hidden;
	background-color: #d10a30;
}
.develop-box .bg-tab{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.develop-box .bg-tab .swiper-slide{
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.develop-box .bg-tab .slider-inner{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.develop-box .bg-tab .swiper-slide .img{
	background-size: cover;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	/* transform: scale(1.04); */
	/* transition: transform 5.3s ease .7s; */
}
.develop-box .bg-tab .swiper-slide .m-img{
	display: none;
}
.develop-box .bg-tab .swiper-slide-active .img{
	transform: scale(1);
}
.develop-box .develop-mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	z-index: 3;
	transition: 1.5s;
}
.develop-box .mask-svg{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}
.develop-box .mask-svg>rect{
	-webkit-mask: url(#develop-mask);
	mask: url(#develop-mask);
	fill: #d80c25;
	opacity: 0.9;
}
.develop-box .text-tab{
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	padding: 0 14%;
	left: 0;
	bottom: 12%;
	z-index: 4;
	overflow: hidden;
}
.develop-box .text-tab .tit{
	font-size: 1.25rem;
	line-height: 1.4rem;
	color: #fff;
}
.develop-box .text-tab .tit br{
	display: none;
}
.develop-box .text-tab .time{
	font-size: .75rem;
	line-height: .8rem;
	color: #fff;
	margin-top: .25rem;
	font-family: "gilroy-regular";
	margin-top: .3rem;
}
.develop-box .text-tab .buttons{
	margin-top: 1.25rem;
	font-size: 0;
}
.develop-box .text-tab .buttons a{
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 1.25rem;
	height: 1.25rem;
	border: 2px solid #fff;
	margin-right: .25rem;
	border-radius: 100%;
	background-position: center;
	background-size: 6px;
	background-repeat: no-repeat;
	transition: all .3s;
}
.develop-box .text-tab .buttons .prev{
	background-image: url('../img/develop-prev.png');
}
.develop-box .text-tab .buttons .next{
	background-image: url('../img/develop-next.png');
}
.develop-box .time-tab{
	position: absolute;
	left: 50%;
	top: 50%;
	height: 124px;
	z-index: 3;
	margin-top: -62px;
}
.develop-box .time-tab img{
	height: 100%;
}
.develop-box .time-tab .item{
	position: absolute;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	cursor: pointer;
}
.develop-box .time-tab .item:nth-child(1){
	top: 72px;
	left: 0;
}
.develop-box .time-tab .item:nth-child(2){
	top: 20px;
	left: 500px;
}
.develop-box .time-tab .item:nth-child(3){
	top: 2px;
	left: 1000px;
}
.develop-box .time-tab .item:nth-child(4){
	top: 6px;
	left: 1500px;
}
.develop-box .time-tab .item:nth-child(5){
	top: 28px;
	left: 2000px;
}
.develop-box .time-tab .item:nth-child(6){
	top: 66px;
	left: 2500px;
}
.develop-box .time-tab .item:nth-child(7){
	top: 102px;
	left: 3000px;
}
.develop-box .time-tab .item:nth-child(8){
	top: 120px;
	left: 3500px;
}
.develop-box .time-tab .item:nth-child(9){
	top: 122px;
	left: 4000px;
}
.develop-box .time-tab .item:nth-child(10){
	top: 115px;
	left: 4500px;
}
.develop-box .time-tab .item:nth-child(11){
	top: 102px;
	left: 5000px;
}
.develop-box .time-tab .item:nth-child(12){
	top: 84px;
	left: 5500px;
}
.develop-box .time-tab .item:nth-child(13){
	top: 68px;
	left: 6000px;
}
.develop-box .time-tab .item:nth-child(14){
	top: 50px;
	left: 6500px;
}
.develop-box .time-tab .item:nth-child(15){
	top: 35px;
	left: 7000px;
}
.develop-box .time-tab .item:nth-child(16){
	top: 32px;
	left: 7500px;
}
.develop-box .time-tab .item:nth-child(17){
	top: 64px;
	left: 8000px;
}
.develop-box .time-tab .item:nth-child(18){
	top: 112px;
	left: 8500px;
}
.develop-box .time-tab .item:nth-child(19){
	top: 110px;
	left: 9000px;
}
.develop-box .time-tab .item:nth-child(20){
	top: 90px;
	left: 9500px;
}
.develop-box .time-tab .item .point{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 100%;
}
.develop-box .time-tab .item .point:before,
.develop-box .time-tab .item .point:after{
	content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(216, 12, 37, 0.2);
    opacity: 0;
}

@keyframes pointAni {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0
    }

    20% {
        opacity: 1
    }

    75% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0
    }

    100% {
        opacity: 0
    }

}
.develop-box .time-tab .item .year{
	position: absolute;
	left: 50%;
	bottom: 0;
	font-size: 14px;
	font-family: "gilroy-bold";
	transform:translateX(-50%);
	white-space: nowrap;
	color: #fff;
	padding-bottom: .25rem;
	transition: all .3s;
}

.develop-box .time-tab .item.cur .year{
	opacity: 0;
}
.develop-box .time-tab .item.cur .point{
	background-color: #d80c25;
}
.develop-box .time-tab .item.cur .point:before,
.develop-box .time-tab .item.cur .point:after{
	opacity: 1;
}
.develop-box .time-tab .item.cur .point:before {
    animation: pointAni 3s .75s infinite;
}

.develop-box .time-tab .item.cur .point:after {
    animation: pointAni 3s infinite;
}
.develop-box.on .develop-mask{
	transform: scale(10);
}
.develop-box .bubbles-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}
.develop-box .bubbles-bg .bubble{
	position: absolute;
}
.develop-box .bubbles-bg .bubble .circle{
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}
.develop-box .bubbles-bg .bubble1{
	width: 36px;
	height: 36px;
	left: 13.125%;
	top: 33.88%;
}
.develop-box .bubbles-bg .bubble1 .circle{
	background-color: #fff;
}
.develop-box .bubbles-bg .bubble2{
	width: 54px;
	height: 54px;
	left: 7.29%;
	top: 66.67%;
}
.develop-box .bubbles-bg .bubble2 .circle{
	border: 1px solid #fff;
}
.develop-box .bubbles-bg .bubble3{
	width: 115px;
	height: 115px;
	left: 61.25%;
	top: -5%;
}
.develop-box .bubbles-bg .bubble3 .circle{
	border: 1px solid #fff;
}
.develop-box .bubbles-bg .bubble4{
	width: 115px;
	height: 115px;
	left: 80.83%;
	top: 13.88%;
}
.develop-box .bubbles-bg .bubble4 .circle{
	background-color: #ff495f;
}
.develop-box .bubbles-bg .bubble5{
	width: 16px;
	height: 16px;
	left: 79.6875%;
	top: 58.33%;
}
.develop-box .bubbles-bg .bubble5 .circle{
	background-color: #fff;
	opacity: .1;
}
.develop-box .bubbles-bg .bubble6{
	width: 15px;
	height: 15px;
	left: 73.958%;
	top: 78%;
}
.develop-box .bubbles-bg .bubble6 .circle{
	background-color: #fff;
}

.develop-box .bubbles-bg .bubble{
	animation:spin 6s infinite linear;
	transform-origin: 50% 40%;
}
.develop-box .bubbles-bg .bubble:nth-child(2n){
	animation:spin2 6s infinite linear;
}
.develop-box .bubbles-bg .bubble .circle{
	animation:spin-reverse 6s infinite linear;
}
.develop-box .bubbles-bg .bubble:nth-child(2n) .circle{
	animation:spin-reverse2 6s infinite linear;
}
.develop-box .bubbles-bg .sm-bubble{
	transform-origin: 30% 30px;
}
.develop-box .all-btn{
	position: absolute;
	left: 50%;
	bottom: 7.78%;
	width: 1.75rem;
	height: 1.75rem;
	margin-left: -.875rem;
	z-index: 5;
}
.develop-box .all-btn .con-box{
	display: block;
}
.develop-box .all-btn .icon{
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url('../img/all-btn.png');
}
.develop-box .all-btn .icon img{
	width: 100%;
}
.develop-box .all-btn .txt{
	position: absolute;
	right: 100%;
	top: 50%;
	font-size: .4rem;
	line-height: .5rem;
	margin-top: -.25rem;
	padding-right: .3rem;
	white-space: nowrap;
	color: #fff;
}
.all-bg{
	position: absolute;
	width: 120vw;
	height: 120vw;
	left: 50%;
	top: 50%;
	margin: -60vw 0 0 -60vw;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url('../img/search-bg.jpg');
	transform: scale(0);
	/* z-index: 3; */
	/* transition: transform .8s cubic-bezier(.77,0,.175,1); */
}
.all-bubbles{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.all-bubbles .bubble{
	position: absolute;
}
.all-bubbles .bubble .circle{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}
.all-bubbles .bubble1{
	width: 115px;
	padding-top: 115px;
	left: 38%;
	top: -6.1%;
}
.all-bubbles .bubble1 .circle{
	border: 1px solid #fff;
}
.all-bubbles .bubble2{
	width: 12px;
	padding-top: 12px;
	left: 24.79%;
	top: 20.37%;
}
.all-bubbles .bubble2 .circle{
	background-color: #ff495f;
}
.all-bubbles .bubble3{
	width: 35px;
	padding-top: 35px;
	left: 13.28%;
	top: 31%;
}
.all-bubbles .bubble3 .circle{
	background-color: #fff;
}

.all-bubbles .bubble4{
	width: 56.875%;
	padding-top: 56.875%;
	left: -26%;
	top: 48.15%;
}
.all-bubbles .bubble4 .circle{
	background: -webkit-linear-gradient(135deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
	background: -ms-linear-gradient(135deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
}
.all-bubbles .bubble5{
	width: 54px;
	padding-top: 54px;
	left: 7.552%;
	top: 63.88%;
}
.all-bubbles .bubble5 .circle{
	border: 1px solid #fff;
}

.all-bubbles .bubble6{
	width: 56.875%;
	padding-top: 56.875%;
	left: 71.1875%;
	top: -50.9%;
}
.all-bubbles .bubble6 .circle{
	background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,0) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,0) 100%);
}
.all-bubbles .bubble7{
	width: 84px;
	padding-top: 84px;
	left: 72%;
	top: 20.55%;
}
.all-bubbles .bubble7 .circle{
	background-color: #ff495f;
}
.all-bubbles .bubble8{
	width: 56.875%;
	padding-top: 56.875%;
	left: 50%;
	top: 85.648%;
}
.all-bubbles .bubble8 .circle{
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,.0),rgba(255,255,255,.05) 100%);
	background: -ms-linear-gradient(90deg, rgba(255,255,255,.0),rgba(255,255,255,.05) 100%);
	background: linear-gradient(90deg, rgba(255,255,255,.0),rgba(255,255,255,.05) 100%);
}
.all-bubbles .bubble9{
	width: 26px;
	padding-top: 26px;
	left: 70.98958%;
	top: 90.27%;
}
.all-bubbles .bubble9 .circle{
	border: 1px solid #fff;
}
.all-bubbles .bubble10{
	width: 38px;
	padding-top: 38px;
	left: 87.2%;
	top: 97.685%;
}
.all-bubbles .bubble10 .circle{
	background-color: #fff;
}
.all-bubbles .bubble{
	animation:spin 6s infinite linear;
	transform-origin: 50% 40%;
}
.all-bubbles .bubble:nth-child(2n){
	animation:spin2 6s infinite linear;
}
.all-bubbles .bubble .circle{
	animation:spin-reverse 6s infinite linear;
}
.all-bubbles .bubble:nth-child(2n) .circle{
	animation:spin-reverse2 6s infinite linear;
}
.all-bubbles .sm-bubble{
	transform-origin: 30% 30px;
}

.all-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 60;
	visibility: hidden;
	opacity: 0;
}
.all-box .year-tab{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	transform: translateY(-5rem);
	opacity: 0;
	visibility: hidden;
}
.all-box .year-tab .year{
	font-size: 10rem;
	line-height: 10rem;
	font-family: "gilroy-bold";
	color: #fff;
	opacity: .08;
}
.all-box .all-tab{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
}
.all-view{
	max-width: 900px;
	margin: 0 auto;
	padding: 0 5%;
}

.all-tab .swiper-slide{
	height: auto;
	margin-bottom: 1.25rem;
}
.all-tab .swiper-slide:nth-child(3n){
	margin-bottom: 2.5rem;
}
.all-tab .swiper-slide:last-child{
	margin-bottom: 0;
}
.all-tab .swiper-slide .con-box{
	display: block;
}
.all-tab .swiper-slide .time{
	font-size: .75rem;
	line-height: .8rem;
	color: #fff;
	font-family: "gilroy-regular";
}
.all-tab .swiper-slide .title{
	font-size: 1.25rem;
	line-height: 1.75rem;
	color: #fff;
	font-family: "gilroy-regular";
	/* min-height: 3.5rem; */
	margin-top: .4rem;	
}
.develop-box.is-open .all-btn .all-bg{
	transform: scale(1);
}
.develop-box.is-open .all-box{
	opacity: 1;
	visibility: visible;
	transition: all .5s .5s;
}

/* .section-wrap{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.section-wrap .mCSB_scrollTools{
    opacity: 1;
    right: 0;
    visibility: hidden;
    opacity: 0;
}
.section-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #e60012;
    opacity: 1;
    width: 6px;
    border-radius: 0;
}
.section-wrap .mCSB_scrollTools{
    width: 6px;
}

.section-wrap .mCSB_scrollTools .mCSB_draggerRail{
    width: 6px;
    background-color: #fff;
}
.section-wrap .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.section-wrap .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{
	background-color: #e60012;
}
.section-wrap .mCSB_inside>.mCSB_container{
	margin-right: 0;
} */

.ban-about-wrap{
	height: 100vh;
	position: relative;
}
.ban-about{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.fix{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.ban-about .text{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
}
.ban-about .text .sub-tit{
	font-size: 1rem;
	line-height: 1.1rem;
	color: #fff;
}
.ban-about .text .tit{
	font-size: 1.75rem;
	line-height: 1.8rem;
	color: #fff;
	margin-top: .4rem;
}

.ban-about .ban-mask{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	transform: scale(34);
	transform-origin: center 45.37%;
}
.ban-about .ban-mask .mask-svg{
	position: absolute;
	left: 0;
	top: 0;
}
.ban-about .mask-svg>rect{
	-webkit-mask: url(#cup-mask);
	mask: url(#cup-mask);
	fill: #fff;
}
.heart-box{
	position: relative;
	height: 100vh;
	z-index: 1;
}
.heart-box .heart-wrap{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.heart-box .heart-bubbles-bg{
	position: absolute;
	left:0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
}
.heart-box .heart-bubbles-bg .bubble{
	position: absolute;
}
.heart-box .heart-bubbles-bg .bubble .circle{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}
.heart-box .heart-bubbles-bg .bubble1{
	left: -15.625%;
	top: -15%;
	width: 44.17%;
	padding-top: 44.17%;
}
.heart-box .heart-bubbles-bg .bubble1 .circle{
	background: -webkit-linear-gradient(180deg, rgba(255,236,238,0),rgba(255,236,238,.5) 100%);
    background: -ms-linear-gradient(180deg, rgba(255,236,238,0),rgba(255,236,238,.5) 100%);
    background: linear-gradient(180deg, rgba(255,236,238,0),rgba(255,236,238,.5) 100%);
}
.heart-box .heart-bubbles-bg .bubble2{
	left: 72.9%;
	top: -47.22%;
	width: 49.375%;
	padding-top: 49.375%;
}
.heart-box .heart-bubbles-bg .bubble2 .circle{
	background-color: rgba(255,236,238,.5);
}
.heart-box .heart-bubbles-bg .bubble3{
	left: 72.9%;
	top: 71%;
	width: 44.17%;
	padding-top: 44.17%;
}
.heart-box .heart-bubbles-bg .bubble3 .circle{
	background-color: rgba(247,247,247,.5);
}
.heart-box .heart-bubbles-bg .bubble4{
	left: 27.4479%;
	top: 24.8%;
	width: 75px;
	padding-top: 75px;
}
.heart-box .heart-bubbles-bg .bubble4 .circle{
	background-color: rgba(247,247,247);
}
.heart-box .heart-bubbles-bg .bubble5{
	left: 28.958%;
	top: 34.259%;
	width: 10px;
	padding-top: 10px;
}
.heart-box .heart-bubbles-bg .bubble5 .circle{
	background-color: #d80c25;
	opacity: .1;
}
.heart-box .heart-bubbles-bg .bubble6{
	left: 21.875%;
	top: 42.6%;
	width: 110px;
	padding-top: 110px;
}
.heart-box .heart-bubbles-bg .bubble6 .circle{
	border: 1px solid #d70c25;
}
.heart-box .heart-bubbles-bg .bubble7{
	left: 6.25%;
	top: 36.11%;
	width: 10px;
	padding-top: 10px;
}
.heart-box .heart-bubbles-bg .bubble7 .circle{
	background-color: #d80c25;
	opacity: .1;
}
.heart-box .heart-bubbles-bg .bubble8{
	left: 9.73958%;
	top: 45%;
	width: 6px;
	padding-top: 6px;
}
.heart-box .heart-bubbles-bg .bubble8 .circle{
	background-color: #d80c25;
	opacity: .1;
}
.heart-box .heart-bubbles-bg .bubble9{
	left: 76.2%;
	top: -1.85%;
	width: 140px;
	padding-top: 140px;
}
.heart-box .heart-bubbles-bg .bubble9 .circle{
	border: 1px solid rgba(216,12,37,.5);
}
.heart-box .heart-bubbles-bg .bubble10{
	left: 66.1458%;
	top: 10.37%;
	width: 50px;
	padding-top: 50px;
}
.heart-box .heart-bubbles-bg .bubble10 .circle{
	border: 1px solid rgba(216,12,37,.9);
}
.heart-box .heart-bubbles-bg .bubble11{
	left: 68.958%;
	top: 31.11%;
	width: 10px;
	padding-top: 10px;
}
.heart-box .heart-bubbles-bg .bubble11 .circle{
	background-color: #d80c25;
	opacity: .1;
}
.heart-box .heart-bubbles-bg .bubble12{
	left: 79.27%;
	top: 39.44%;
	width: 10px;
	padding-top: 10px;
}
.heart-box .heart-bubbles-bg .bubble12 .circle{
	background-color: #d80c25;
	opacity: .1;
}
.heart-box .heart-bubbles-bg .bubble13{
	left: 71.875%;
	top: 41.38%;
	width: 114px;
	padding-top: 114px;
}
.heart-box .heart-bubbles-bg .bubble13 .circle{
	border: 1px solid rgba(216,12,37,1);
}
.heart-box .heart-bubbles-bg .bubble14{
	left: 64.9479%;
	top: 55%;
	width: 16px;
	padding-top: 16px;
}
.heart-box .heart-bubbles-bg .bubble14 .circle{
	background-color: #d80c25;
	opacity: .1;
}
.heart-box .heart-bubbles-bg .bubble15{
	left: 81.4%;
	top: 51.38%;
	width: 70px;
	padding-top: 70px;
}
.heart-box .heart-bubbles-bg .bubble15 .circle{
	background-color: #ea7582;
}
.heart-box .heart-bubbles-bg .bubble16{
	left: 56%;
	top: 71%;
	width: 140px;
	padding-top: 140px;
}
.heart-box .heart-bubbles-bg .bubble16 .circle{
	background-color: #ffecee;
}

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


.heart-box .heart-cup{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/* background-color: #fff; */
	opacity: 0;
	z-index: 2;
}
.heart-box .heart-cup .cup{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 6;
}
.heart-box .heart-cup .line{
	position: absolute;
	left: 0;
	bottom:0;
	width: 100%;
	height: 0%;
	overflow: hidden;
}
.heart-box .heart-cup .line .img{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.heart-box .cup-bubbles{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 3;
}

.heart-box .cup-bubbles .cls-1 {
  fill: #ea6c7f;
}

.heart-box .cup-bubbles .cls-2 {
  fill: #eee;
}

.heart-box .cup-bubbles .cls-3 {
  fill: #f07f8d;
}

.heart-box .cup-bubbles .cls-4,
.heart-box .cup-bubbles .cls-7 {
  fill: #fff;
}

.heart-box .cup-bubbles .cls-4,
.heart-box .cup-bubbles .cls-5,
.heart-box .cup-bubbles .cls-9 {
  fill-rule: evenodd;
}

.heart-box .cup-bubbles .cls-5,
.heart-box .cup-bubbles .cls-8 {
  fill: #d80c25;
}

.heart-box .cup-bubbles .cls-6,
.heart-box .cup-bubbles .cls-9 {
  fill: none;
  stroke: #fff;
  stroke-width: 1px;
}
.heart-box .heart-text{
	position: fixed;
	left: 0;
	bottom: 22%;
	width: 100%;
	text-align: center;
	z-index: 6;
	opacity: 0;
	z-index: 1;
}
.heart-box .heart-text .tit{
	font-size: 1.75rem;
	line-height: 2.1rem;
	color: #333;
}
.heart-box .heart-text .tit1{
	color: #dc102e;
}
.heart-box .heart-text .tit1 span{
	font-family: "gilroy-regular";
	font-size: 2.5rem;
}

/* .liquid-box .liquid-wrap{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.liquid-box .liquid{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	z-index: 4;
	overflow: hidden;
	transition: height .3s;
}
.liquid-box .liquid.on{
	height: 100%;
}
.liquid-box .liquid .img{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
} */
.heart-box .red-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 6;
}
.heart-box .red-bg circle{
	stroke-dashoffset: 4470;
	stroke-dasharray: 4470;
	transform: rotate(-90deg);
	/* transform-origin: 51.82% 33.854%; */
	transform-origin: 50% 44%;
}
.about-box{
	position: relative;
	z-index: 1;
	/* background-color: #d70c25; */
	/* margin-top: -100vh; */
}
.about-box .people-box{
	padding-top: 4.5rem;
	position: relative;
}
.about-box .people-box .bubbles-bg{
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.about-box .people-box .bubble{
	position: absolute;
}
.about-box .people-box .bubble .circle{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}
.about-box .people-box .bubble1{
	width: 86px;
	padding-top: 86px;
	left: 28.125%;
	top: 11.11%;
}
.about-box .people-box .bubble1 .circle{
	background-color: #fff;
	opacity: .1;
}
.about-box .people-box .bubble2{
	width: 5px;
	padding-top: 5px;
	left: 9.375%;
	top: 39.8%;
}
.about-box .people-box .bubble2 .circle{
	background-color: #fff;
}
.about-box .people-box .bubble3{
	width: 178px;
	padding-top: 178px;
	left: 2%;
	top: 41.67%;
}
.about-box .people-box .bubble3 .circle{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url('../img/about-people-bg1.jpg')
}
.about-box .people-box .bubble4{
	width: 10px;
	padding-top: 10px;
	left: 7.3%;
	top: 49.537%;
}
.about-box .people-box .bubble4 .circle{
	background-color: #fff;
	opacity: .1;
}
.about-box .people-box .bubble5{
	width: 7px;
	padding-top: 7px;
	left: 10.7%;
	top: 58.33%;
}
.about-box .people-box .bubble5 .circle{
	background-color: #fff;
	opacity: .1;
}
.about-box .people-box .bubble6{
	width: 12px;
	padding-top: 12px;
	left: 10.7%;
	top: 58.33%;
}
.about-box .people-box .bubble6 .circle{
	background-color: #ff495f;
}
.about-box .people-box .bubble7{
	width: 12px;
	padding-top: 12px;
	left: 28.7%;
	top: 82.4%;
}
.about-box .people-box .bubble7 .circle{
	background-color: #ff495f;
}
.about-box .people-box .bubble8{
	width: 12px;
	padding-top: 12px;
	left: 51.3%;
	top: 80.37%;
}
.about-box .people-box .bubble8 .circle{
	background-color: #fff;
}
.about-box .people-box .bubble9{
	width: 5px;
	padding-top: 5px;
	left: 59.8958%;
	top: 32.96%;
}
.about-box .people-box .bubble9 .circle{
	background-color: #fff;
}
.about-box .people-box .bubble10{
	width: 150px;
	padding-top: 150px;
	left: 82.8125%;
	top: 14.8%;
}
.about-box .people-box .bubble10 .circle{
	border: 1px solid #fff;
}
.about-box .people-box .bubble11{
	width: 6px;
	padding-top: 6px;
	left: 74.84375%;
	top: 63.5%;
}
.about-box .people-box .bubble11 .circle{
	background-color: #fff;
	opacity: .5;
}
.about-box .people-box .bubble12{
	width: 140px;
	padding-top: 140px;
	left: 75.52%;
	top: 70.37%;
}
.about-box .people-box .bubble12 .circle{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url('../img/about-people-bg2.jpg')
}
.about-box .people-box .bubble13{
	width: 5px;
	padding-top: 5px;
	left: 93.23%;
	top: 86.11%;
}
.about-box .people-box .bubble13 .circle{
	background-color: #fff;
}

.about-box .people-box .bubble{
	animation:spin 6s infinite linear;
	transform-origin: 50% 45%;
}
.about-box .people-box .bubble:nth-child(2n){
	animation:spin2 6s infinite linear;
}
.about-box .people-box .bubble .circle{
	animation:spin-reverse 6s infinite linear;
}
.about-box .people-box .bubble:nth-child(2n) .circle{
	animation:spin-reverse2 6s infinite linear;
}
.about-box .people-box .sm-bubble{
	transform-origin: 30% 30px;
}

.about-box .top-text{
	font-size: 1rem;
	line-height: 1.5rem;
	color: #fff;
	font-family: "gilroy-bold";
	visibility: hidden;
	opacity: 0;
	top: 1rem;
	letter-spacing: 4px;
}
.about-box .people-circle{
	width:18rem;
	height: 18rem;
	margin: .7rem auto 0;
	position: relative;
	visibility: hidden;
	opacity: 0;
	top: 1rem;
}
.about-box .people-circle1{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 18rem;
	height: 18rem;
	margin: -9rem 0 0 -9rem;
	border-radius: 100%;
	border: 1px solid rgb(255,255,255,.2);
	box-sizing: border-box;
}
.about-box .people-circle1 .img{
	position: absolute;
	width: 1.5rem;
	border-radius: 100%;
	overflow: hidden;
	left: -2.2%;
	top: 27.22%;
}
.about-box .people-circle1 .img img{
	width: 100%;
}
.about-box .people-circle2{
	position: absolute;
	width: 12rem;
	height:12rem;
	border-radius: 100%;
	left: 50%;
	top: 50%;
	margin: -6rem 0 0 -6rem;
	border: 2px dashed rgba(255,255,255,.6);
}
.about-box .people-circle2 .icon{
	position: absolute;
	width: 2.25rem;
	height: 2.25rem;
	background-color: #fff;
	border-radius: 100%;
}
.about-box .people-circle2 .icon:nth-child(1){
	left: 18.75%;
	top: -5%;
}
.about-box .people-circle2 .icon:nth-child(2){
	left: 86.458%;
	top: 62.5%;
}
.about-box .people-circle2 .icon:nth-child(3){
	left: 7.9%;
	top: 78.125%;
}

.about-box .people-circle2 .icon img{
	width: 100%;
}

.about-box .people-circle .center-img{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 7.5rem;
	height: 7.5rem;
	border-radius: 100%;
	margin: -3.75rem 0 0 -3.75rem;
	overflow: hidden;
	box-sizing: border-box;
	border: 5px solid #fff;
}
.about-box .people-circle .center-img img{
	width: 100%;
}
.about-box .people-circle .txt{
	font-size: .55rem;
	line-height: .6rem;
	font-weight: bold;
	color: #fff;
	position: absolute;
	left: 60%;
	top: 0%;
	white-space: nowrap;
	transform: rotate(40deg);
}

.about-box .No1-box{
	padding-bottom: 4.25rem;
	position: relative;
}
.about-box .No1-box .img{
	text-align: center;
	visibility: hidden;
	opacity: 0;
	top: 1rem;
	position: relative;
	width: 18.944%;
	margin: 0 auto;
}
.about-box .No1-box img{
	width: 100%;
}
.about-box .No1-bubbles{
	opacity: 0;
	visibility: hidden;
}
.about-box .No1-bubbles .bubble{
	position: absolute;
}

.about-box .No1-bubbles .bubble .circle{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;	
}
.about-box .No1-bubbles .bubble1{
	width: 114px;
	padding-top: 114px;
	left: 16.67%;
	top: 26.7%;
}
.about-box .No1-bubbles .bubble1 .circle{
	background-image: url('../img/No1-bg-icon1.png');
}
.about-box .No1-bubbles .bubble2{
	width: 5.65rem;
	padding-top: 5.65rem;
	left: 2%;
	top: 53.4%;
}
.about-box .No1-bubbles .bubble2 .circle{
	background-image: url('../img/No1-bg-icon2.jpg');
}

.about-box .No1-bubbles .bubble3{
	width: 92px;
	padding-top: 92px;
	left: 27.6%;
	top: 53.4%;
}
.about-box .No1-bubbles .bubble3 .circle{
	background-image: url('../img/No1-bg-icon3.jpg');
}

.about-box .No1-bubbles .bubble4{
	width: 70px;
	padding-top: 70px;
	left: 69.27%;
	top: 4.54%;
}
.about-box .No1-bubbles .bubble4 .circle{
	background-image: url('../img/No1-bg-icon4.png');
}
.about-box .No1-bubbles .bubble5{
	width: 70px;
	padding-top: 70px;
	left: 71.67%;
	top: 32.954%;
}
.about-box .No1-bubbles .bubble5 .circle{
	background-image: url('../img/No1-bg-icon5.jpg');
}
.about-box .No1-bubbles .bubble6{
	width: 56.875%;
	padding-top: 56.875%;
	left:78.125%;
	top: -23.86%;
}
.about-box .No1-bubbles .bubble6 .circle{
	background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,0) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,0) 100%);
}

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



.listed-box{
	height: 100vh;
	position: relative;
	overflow: hidden;
}
.listed-box .listed-bubbles{
	visibility: hidden;
	opacity: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.listed-box .listed-bubbles .bubble{
	position: absolute;
	animation:spin 6s infinite linear;
	transform-origin: 50% 45%;
}
.listed-box .listed-bubbles .bubble:nth-child(2n){
	animation:spin2 6s infinite linear;
}
.listed-box .listed-bubbles .bubble .circle{
	animation:spin-reverse 6s infinite linear;
}
.listed-box .listed-bubbles .bubble:nth-child(2n) .circle{
	animation:spin-reverse2 6s infinite linear;
}
.listed-box .listed-bubbles .sm-bubble{
	transform-origin: 30% 30px;
}

.listed-box .listed-bubbles .bubble .circle{
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;	
}

.listed-box .listed-bubbles .bubble1{
	left:-26%;
	top: 0;
	width: 56.875%;
	padding-top: 56.875%;
}
.listed-box .listed-bubbles .bubble1 .circle{
	background: -webkit-linear-gradient(-90deg, rgba(255,255,255,.05),rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(-90deg, rgba(255,255,255,.05),rgba(255,255,255,0) 100%);
	background: linear-gradient(-90deg, rgba(255,255,255,.05),rgba(255,255,255,0) 100%);
}
.listed-box .listed-bubbles .bubble2{
	left:12.5%;
	top: 17.13%;
	width: 10px;
	padding-top: 10px;
}
.listed-box .listed-bubbles .bubble2 .circle{
	border: 1px solid #fff;
}
.listed-box .listed-bubbles .bubble3{
	left:1.875%;
	top: 27.78%;
	width: 110px;
	padding-top: 110px;
}
.listed-box .listed-bubbles .bubble3 .circle{
	border: 1px solid #fff;
}
.listed-box .listed-bubbles .bubble4{
	left:12.5%;
	top: 37%;
	width: 75px;
	padding-top: 75px;
}
.listed-box .listed-bubbles .bubble4 .circle{
	background-color: #fff;
}
.listed-box .listed-bubbles .bubble5{
	left:18.23%;
	top: 83.796%;
	width: 16px;
	padding-top: 16px;
}
.listed-box .listed-bubbles .bubble5 .circle{
	background-color: #fff;
}
.listed-box .listed-bubbles .bubble6{
	left:84.8958%;
	top: 13.89%;
	width: 38px;
	padding-top: 38px;
}
.listed-box .listed-bubbles .bubble6 .circle{
	background-color: #fff;
}
.listed-box .listed-bubbles .bubble7{
	left:95.46875%;
	top: 27.78%;
	width: 10px;
	padding-top: 10px;
}
.listed-box .listed-bubbles .bubble7 .circle{
	background-color: #fff;
}
.listed-box .listed-bubbles .bubble8{
	left:83.3%;
	top: 75.27%;
	width: 114px;
	padding-top: 114px;
}
.listed-box .listed-bubbles .bubble8 .circle{
	border: 1px solid #fff;
}
.listed-box .img-box{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 62.5%;
	height: 62.5%;
	transform:translate(-50%,-50%);
	z-index: 3;
}
.listed-box .img-box .img{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 8px;
}

.listed-box .img-box .txt{
	font-size: 1rem;
	line-height: 1.5rem;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: -.75rem;
	width: 100%;
	text-align: center;
	font-family: "gilroy-regular";
	visibility: hidden;
	opacity: 0;
	letter-spacing: 4px;
	padding-left: 4px;
}
.listed-box .text-box{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	visibility: hidden;
	opacity: 0;
	z-index: 4;
}
.listed-box .text-box .year-box{
	font-size: 0;
}
.about-year{
	margin-bottom: .75rem;
	font-size: 0;
}
.about-year .year,
.about-year .unit{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	color: #fff;
}
.about-year .year{
	font-size: 1.5rem;
	line-height: 1.5rem;
	font-family: "gilroy-regular";
}
.about-year .unit{
	font-size: .5rem;
	line-height: .7rem;
	margin-left: .2rem;
}
.about-text{
	font-size: 1rem;
	line-height: 1.5rem;
	color: #fefefe;
	letter-spacing: 4px;
}
.about-text span{
	font-weight: bold;
}
.start-box{
	height: 100vh;
	background-color: #fff;
	z-index: 2;
	position: relative;
	overflow: hidden;
	margin-top: 100vh;
}
.start-box .earth-box{
	position: absolute;
	left: 13.54%;
	top: 50%;
	transform: translateY(-50%);
	width: 29.17%;
	opacity: 0;
	visibility: hidden;
}
.start-box .earth-box img{
	width:100%;
}

.start-box .earth-box .line{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.start-box .earth-box .line .circle{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}
.start-box .earth-box .line1{
	width: 278.57%;
	padding-top: 278.57%;
}
.start-box .earth-box .line1 .circle{
	border: 1px solid rgba(230,0,18,.05);
}
.start-box .earth-box .line2{
	width: 221.42857%;
	padding-top: 221.42857%;
}
.start-box .earth-box .line2 .circle{
	border: 1px solid rgba(230,0,18,.1);
}
.start-box .earth-box .line3{
	width: 150%;
	padding-top: 150%;
}
.start-box .earth-box .line3 .circle{
	border: 1px solid rgba(230,0,18,.2);
}
.start-box .earth-box .circle-img{
	position: absolute;
	top: 50%;
	left: 50%;
}
.start-box .earth-box .circle-img{
	width: 100%;
	animation:spin 6s infinite linear;
	transform-origin: 50% 30%;
}

.start-box .earth-box .circle-img:nth-child(2n){
	animation:spin2 6s infinite linear;
}
.start-box .earth-box .circle-img img{
	width: 100%;
	animation:spin-reverse 6s infinite linear;
}
.start-box .earth-box .circle-img:nth-child(2n) img{
	animation:spin-reverse2 6s infinite linear;
}
.start-box .earth-box .circle-img1{
	width: 1.5rem;
    margin: -.75rem 0 0 -.75rem;

    left: 27.67%;
    top: 11.44%;
}
.start-box .earth-box .circle-img2{
	width: 2.25rem;
	margin: -1.125rem 0 0 -1.125rem;

	left:79.464%;
    top: 36.97%;
}
.start-box .earth-box .circle-img2 .img{
	border: 2px solid #d70c25;
	border-radius: 100%;
}
.start-box .earth-box .circle-img3{
	width: 2.25rem;
	margin: -1.125rem 0 0 -1.125rem;

	left: 7%;
    top: 56.338%;
}
.start-box .earth-box .circle-img4{
	width: 1.5rem;
	margin: -.75rem 0 0 -.75rem;

	top: 84.5%;
    left: 83%;
}
.start-wrap .text-box{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: right;
	opacity: 0;
	visibility: hidden;
}
.start-wrap .text-box .text{
	float: right;
	margin-right: 13.33%;
	text-align: left;
}
.start-wrap .text-box .about-year .year,
.start-wrap .text-box .about-year .unit{
	color: #d80c25;
}
.start-wrap .text-box .about-text{
	color: #222;
}
.start-wrap .text-box .con{
	font-size: .6rem;
	line-height: .7rem;
	color: #222;
	font-family: "gilroy-regular";
	margin-top: 1rem;
}
.start-wrap .text-box .con span{
	color: #d80c25;
}
.start-wrap .bubble-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
}

.start-wrap .bubble-bg .bubble{
	position: absolute;
}

.start-wrap .bubble-bg .bubble{
    animation:spin 6s infinite linear;
    transform-origin: 30% 30px;
}
.start-wrap .bubble-bg .bubble:nth-child(2n){
    animation:spin2 6s infinite linear;
}
.start-wrap .bubble-bg .bubble .circle{
    animation:spin-reverse 6s infinite linear;
}
.start-wrap .bubble-bg .bubble:nth-child(2n) .circle{
    animation:spin-reverse2 6s infinite linear;
}
/* .start-wrap .bubble-bg .bubble .sm-bubble{
	transform-origin: 30% 30px;
} */

.start-wrap .bubble-bg .bubble .circle{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}
.start-wrap .bubble-bg .bubble1{
	left: 46.875%;
	top: 12.96%;
	width: 75px;
	height: 75px;
}
.start-wrap .bubble-bg .bubble1 .circle{
	background-color: #f7f7f7;
}
.start-wrap .bubble-bg .bubble2{
	left: 12%;
	top: 85.74%;
	width: 16px;
	height: 16px;
}
.start-wrap .bubble-bg .bubble2 .circle{
	background-color: #d80c25;
	opacity: .1;
}
.start-wrap .bubble-bg .bubble3{
	left: 93.23%;
	top: 16.296%;
	width: 50px;
	height: 50px;
}
.start-wrap .bubble-bg .bubble3 .circle{
	border: 1px solid #d80c25;
	opacity: .9;
}
.start-wrap .bubble-bg .bubble4{
	left: 96%;
	top: 37%;
	width: 10px;
	height: 10px;
}
.start-wrap .bubble-bg .bubble4 .circle{
	background-color: #d80c25;
	opacity: .1;
}

.start-wrap .bubble-bg .bubble5{
	left: 68.23%;
	top: 73.61%;
	width: 14px;
	height: 14px;
}
.start-wrap .bubble-bg .bubble5 .circle{
	border: 1px solid #d80c25;
	opacity: .5;
}

.start-wrap .bubble-bg .bubble6{
	left: 87.5%;
	top: 82.96%;
	width: 70px;
	height: 70px;
}
.start-wrap .bubble-bg .bubble6 .circle{
	background-color: #f7f7f7;
}

.about-base-box{
	height: 200vh;
	position: relative;
	z-index: 3;
}
/* .about-base-box . */
.about-base-box .base-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background-color: #fff;
}
.about-base-box .base-box .red-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #d70c25;
	opacity: 0;
	visibility: hidden;
}
.about-base-box .china-img{
	/* height: 90%; */
	width: 60.417%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	visibility: hidden;
	opacity: 0;
}
.about-base-box .china-img img{
	width: 100%;
}
.about-base-box .china-img .red-img{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.about-base-box .china-img .point-list .item{
	position: absolute;
	width: 8px;
	height: 8px;
}
.about-base-box .china-img .point-list .item:nth-child(1){
    left: 63%;
    top: 38%;
}
.about-base-box .china-img .point-list .item:nth-child(2){
    left: 71%;
    top: 63.5%;
}
.about-base-box .china-img .point-list .item:nth-child(3){
    left: 58.5%;
    top: 85.5%;
}
.about-base-box .china-img .point-list .item:nth-child(4){
    left: 42.5338%;
    top: 64.4%;
}

.about-base-box .china-img .point-list .item .point-box{
	display: block;
	position: relative;
	z-index: 3;
}
.about-base-box .china-img .point-list .item .point{
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background-color: #d70c25;
}
.about-base-box .china-img .point-list .point-box .city{
	white-space: nowrap;
	position: absolute;
	left: 50%;
	top: 100%;
	padding-top: .2rem;
	font-size: 14px;
	line-height: .4rem;
	color: #222;
	transform: translateX(-50%);
}
.about-base-box .china-img .point-list .circle{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 2rem;
	height: 2rem;
	background-color: #fff;
	opacity: .2;
	margin: -1rem 0 0 -1rem;
	border-radius: 100%;
}
.about-base-box .china-img .point-list .sub{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 6rem;
	padding: .25rem;
	background-color: #f7f7f7;
	bottom: .5rem;
	border-radius: 4px;
	visibility: hidden;
	opacity: 0;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.about-base-box .china-img .point-list .sub:before{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -16px;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top-color: #f7f7f7;
}
.about-base-box .china-img .point-list .img{
	float: left;
	width: 2rem;
	border-radius: 4px;
	overflow: hidden;
}
.about-base-box .china-img .point-list .img img{
	width: 100%;
}
.about-base-box .china-img .point-list .txt{
	position: absolute;
	top: 50%;
	right: .25rem;
	width: 3.5rem;
	transform: translateY(-50%);
	font-size: .45rem;
	line-height: .6rem;
	color: #333;
}

.about-base-box .network-box{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
	background-color: #d70c25;
}
.about-base-box .network-wrap{
	width: 100%;
	height: 100vh;
	position: absolute;
	left: 0;
	bottom: 0;
}

.about-base-box .china-img .point-list .item.cur .sub{
	opacity: 1;
	visibility: visible;
}
.about-base-box .text-box{
	position: absolute;
	left: 0;
	top: 17.59%;
	width: 100%;
}
.about-base-box .base-text{
	visibility: hidden;
	opacity: 0;
}
.about-base-box .base-text .about-text{
	color: #333;
}
.about-base-box .base-text .about-text b{
	color: #e01439;
}
.about-base-box .base-text .con{
	font-size: .5rem;
	line-height: .9rem;
	color: #333;
	width: 15.75rem;
	margin-top: .75rem;
}
.about-base-box .num-list{
	font-size: 0;
	margin-top: 1.25rem;
}
.about-base-box .num-list .item{
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-right: 2rem;
	text-align: center;
	padding-right: 1rem;
	/* border-right: 1px solid rgba(255,255,255,.2); */
	vertical-align: top;
	position: relative;
}
.about-base-box .num-list .item:before{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #fff;
	opacity: .2;
}
.about-base-box .num-list .item:last-child{
	margin-right: 0;
	padding-right: 0;
}
.about-base-box .num-list .item:last-child:before{
	display: none;
}

.about-base-box .num-list .num,
.about-base-box .num-list .unit{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: bottom;
	color: #fff;
	font-family: "gilroy-regular";
}
.about-base-box .num-list .num{
	font-size: 1.75rem;
	line-height: 1.8rem;
}
.about-base-box .num-list .unit{
	font-size: .75rem;
	line-height: .8rem;
}
.about-base-box .num-list .item:last-child .unit,
.about-base-box .num-list .item:nth-child(2) .unit{
	font-size: 1.25rem;
	line-height: 1.3rem;
}
.about-base-box .num-list .txt{
	font-size: .375rem;
	line-height: .5rem;
	color: #fff;
}
.about-base-box .num-list .txt br{
	display: none;
}

.about-base-wrap .network-box .china-img .point-list .item .point{
	background-color: #fff;
}
.about-base-wrap .network-box .china-img .point-list .point-box .city{
	color: #fff;
}
.m-base-list{
	display: none;
}



.about-enjoy-box{
	padding: 4rem 0 3rem;
	background-color: #d70c25;
	position: relative;
	z-index: 3;
}
.about-enjoy-box .bubbles-bg{
	opacity: 0;
	visibility: hidden;
}
.about-enjoy-box .bubbles-bg .bubble{
	position: absolute;
}
.about-enjoy-box .bubbles-bg .bubble{
	animation:spin 6s infinite linear;
	transform-origin: 50% 45%;
}
.about-enjoy-box .bubbles-bg .bubble:nth-child(2n){
	animation:spin2 6s infinite linear;
}
.about-enjoy-box .bubbles-bg .bubble .circle{
	width: 100%;
	animation:spin-reverse 6s infinite linear;
}
.about-enjoy-box .bubbles-bg .bubble:nth-child(2n) .circle{
	animation:spin-reverse2 6s infinite linear;
}
.about-enjoy-box .bubbles-bg .sm-bubble{
	transform-origin: 30% 30px;
}
.about-enjoy-box .bubbles-bg .bubble .circle{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}

.about-enjoy-box .bubbles-bg .bubble1{
	width: 12px;
	padding-top: 12px;
	left: 2%;
	top: 14.457%;
}
.about-enjoy-box .bubbles-bg .bubble1 .circle{
	background-color: #fff;
}
.about-enjoy-box .bubbles-bg .bubble2{
	width: 12px;
	padding-top: 12px;
	left: 15.9375%;
	top: 13.253%;
}
.about-enjoy-box .bubbles-bg .bubble2 .circle{
	background-color: #ff495f;
}
.about-enjoy-box .bubbles-bg .bubble3{
	width: 38px;
	padding-top: 38px;
	left: 29.427%;
	top: 24.7%;
}
.about-enjoy-box .bubbles-bg .bubble3 .circle{
	border: 1px solid #fff;
}
.about-enjoy-box .bubbles-bg .bubble4{
	width: 54px;
	padding-top: 54px;
	left: -1.3%;
	top: 41.566%;
}
.about-enjoy-box .bubbles-bg .bubble4 .circle{
	border: 1px solid #fff;
}
.about-enjoy-box .bubbles-bg .bubble5{
	width: 20px;
	padding-top: 20px;
	left: 28.6458%;
	top: 42.17%;
}
.about-enjoy-box .bubbles-bg .bubble5 .circle{
	background-color: #fff;
}

.about-enjoy-box .bubbles-bg .bubble6{
	width: 32px;
	padding-top: 32px;
	left: 19.53125%;
	top: 60.84%;
}
.about-enjoy-box .bubbles-bg .bubble6 .circle{
	background-color: #fff;
}
.about-enjoy-box .bubbles-bg .bubble7{
	width: 24px;
	padding-top: 24px;
	left: 36.979%;
	top: 56.9%;
}
.about-enjoy-box .bubbles-bg .bubble7 .circle{
	border: 1px solid #fff;
}

.about-enjoy-box .bubbles-bg .bubble8{
	width: 56.875%;
	padding-top: 56.875%;
	left: 72.4%;
	top: -33.5%;
}
.about-enjoy-box .bubbles-bg .bubble8 .circle{
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,.05),rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(90deg, rgba(255,255,255,.05),rgba(255,255,255,0) 100%);
	background: linear-gradient(90deg, rgba(255,255,255,.05),rgba(255,255,255,0) 100%);
}
.about-enjoy-box .bubbles-bg .bubble9{
	width: 10px;
	padding-top: 10px;
	left: 75%;
	top: 20.48%;
}
.about-enjoy-box .bubbles-bg .bubble9 .circle{
	background-color: #fff;
}

.about-enjoy-box .bubbles-bg .bubble10{
	width: 90px;
	padding-top: 90px;
	left: 70.57%;
	top: 29.518%;
}
.about-enjoy-box .bubbles-bg .bubble10 .circle{
	border: 1px solid #fff;
}

.about-enjoy-box .bubbles-bg .bubble11{
	width: 40px;
	padding-top: 40px;
	left: 56.29%;
	top: 37.95%;
}
.about-enjoy-box .bubbles-bg .bubble11 .circle{
	background-color: #fff;
}

.about-enjoy-box .bubbles-bg .bubble12{
	width: 26px;
	padding-top: 26px;
	left: 77%;
	top: 39.759%;
}
.about-enjoy-box .bubbles-bg .bubble12 .circle{
	background-color: #fff;
}
.about-enjoy-box .bubbles-bg .bubble13{
	width: 50px;
	padding-top: 50px;
	left: 98.23%;
	top: 47.59%;
}
.about-enjoy-box .bubbles-bg .bubble13 .circle{
	border: 1px solid #fff;
}


.about-enjoy-box .about-text{
	text-align: center;
	opacity: 0;
	visibility: hidden;
	padding-left: 4px;
}
.about-enjoy-box .about-text br{
	display: none;
}

.about-enjoy{
	width: 62.5%;
	padding-top: 62.5%;
	position: relative;
	margin: -1.6rem auto 0;
	opacity: 0;
	visibility: hidden;
}
.about-enjoy .enjoy-circle{
	position: absolute;
    border: 2px dashed #fff;
    border-radius: 100%;
}
.about-enjoy .enjoy-circle1{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-color: rgba(255,255,255,.3);
}
.about-enjoy .enjoy-circle2{
	left: 50%;
	top: 50%;
	width: 70%;
	height: 70%;
	margin: -35% 0 0 -35%;
	border-color: rgba(255,255,255,.5);
}
.about-enjoy .enjoy-circle3{
	left: 50%;
	top: 50%;
	width: 40%;
	height: 40%;
	margin: -20% 0 0 -20%;
	border-color: rgba(255,255,255,.8);
}
.about-enjoy .center-img{
	position: absolute;
	width: 20.83%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 100%;
	overflow: hidden;
	border: 2px solid #fff;
}
.about-enjoy .center-img img{
	width: 100%;
}
.about-enjoy .img{
	position: absolute;
	border-radius: 100%;
	overflow: hidden;
	font-size: 0;
}
.about-enjoy .img img{
	width: 100%;
}
.about-enjoy .enjoy-circle1 .img1{
	left: 0;
	top: 24.583%;
	width: 2.5rem;
	border: 1px solid #000;
}
.about-enjoy .enjoy-circle1 .img2{
	left: 96.17%;
	top: 51.67%;
	width: 2.25rem;
	border: 2px solid #fff;
}

.about-enjoy .enjoy-circle1 .img3{
	left: 83.33%;
	top: 12.5%;
	width: 1.7rem;
	border: 1px solid #000;
}
.about-enjoy .enjoy-circle2 .img1{
	left: 63.69%;
	top: 8px;
	width: 1.7rem;
	border: 1px solid #000;
}
.about-enjoy .enjoy-circle2 .img2{
	left: 86.3%;
	top: 72.6%;
	width: 2.25rem;
	border: 1px solid #fff;
}
.about-enjoy .enjoy-circle3 .img1{
	left: -12.5%;
	top: 33.33%;
	width: 2.25rem;
	border: 1px solid #fff;
}
.about-enjoy-box .bottom-text{
	margin-top: -1.8rem;
}
.develop-box .m-time-tab{
	display: none;
}

@media (max-width: 1366px){
	.culture-box .tab-box .tab-item:nth-child(3) .text-item:nth-child(1){
		width: 40%;
		padding-top: 40%;
	}
	.culture-box .tab-box .tab-item:nth-child(3) .text-item:nth-child(1) .txt{
		transform: rotate(-9.5deg) translate(-9%,12%);
	}
}