.style-box{
	padding: 2.35rem 0 4.5rem;
	background-color: #f7f7f7;
}
.person-box{
	margin-bottom: 3rem;
}
.person-tab{
	margin-top: 1rem;
}
.person-tab .swiper-slide{
	width: 24.22%;
	margin-right: 1.04%;
}
.person-tab .swiper-slide:last-child{
	margin-right: 0;
}
.person-tab .con-box{
	background-color: #fff;
	border-radius: 6px;
	padding: 1.5rem 0 .75rem;
	text-align: center;
	transition: all .3s;
}
.person-tab .con-box .img{
	width: 3.125rem;
	margin: 0 auto;
	position: relative;
	top: 0;
	transition: all .3s;
}
.person-tab .con-box .img img{
	width: 100%;
}
.person-tab .con-box .tit{
	font-size: .6rem;
	line-height: .7rem;
	color: #222;
	margin-top: .5rem;
	transition: all .3s;
}
.person-tab .con-box .con{
	font-size: .375rem;
	line-height: .6rem;
	color: #666;
	margin-top: .5rem;
	padding: 0 1.4rem;
	height: 1.8rem;
	transition: all .3s;
}
.activity-box .top-box{
	border-bottom: 1px solid #ddd;
	padding-bottom: 1.5rem;
}
.activity-box .top-box .style-tit{
	float: left;
}
.activity-box .top-box .tab-btns{
	/* float: right;
	margin-top: 1rem; */
}
.activity-box .top-box .tab-btns .swiper-slide{
	width: auto;
	margin-left: 1.2rem;
}
.activity-box .top-box .tab-btns .swiper-slide:first-child{
	margin-left: 0;
}
.activity-box .top-box .tab-btns a{
	display: block;
	font-size: .4rem;
	line-height: .5rem;
	color: #666;
	transition: all .3s;
}
.activity-box .top-box .tab-btns a:after {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;

}
.activity-box .top-box .tab-btns .swiper-slide.cur a{
	font-weight: bold;
	color: #d20e33;
}
.activity-list{
	margin-top: 1.5rem;
}
.activity-list .grid-sizer{
	width: 33.33%;
}
.activity-list .gutter-sizer{
	width: 0;
}
.activity-list .row{
	margin: 0 -.75rem;
}
.activity-list .item{
	box-sizing: border-box;
	padding: 0 .75rem;
	margin-bottom: 2rem;
}
.activity-list .item img{
	width: 100%;
}
.activity-list .con-box{
	display: block;
}
.activity-list .con-box .img{
	border-radius: 6px;
	overflow: hidden;
}
.activity-list .con-box .img img{
	transition: all .3s;
}
.activity-list .con-box .tit{
	font-size: .6rem;
	line-height: .7rem;
	color: #222;
	margin-top: .9rem;
	transition: all .3s;
}

.activity-list .pub-more{
	margin-top: .8rem;
}
.activity-list .pub-more span{
	padding-right: .7rem;
}
.activity-box .load-view{
	background: none;
	position: relative;
	width: auto;
	height: auto;
	display: none;
}
.activity-box .load-container1>div,
.activity-box .load-container2>div,
.activity-box .load-container3>div{
	background-color: #999;
}

.develop-wrap footer{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 2;
}
.develop-wrap .row{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}
.develop-wrap .develop-item{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	z-index: 3;
}
.develop-wrap .develop-item:first-child{
	visibility: visible;
	opacity: 1;
}
.develop-wrap .develop-item .arrow{
	position: absolute;
	left: 50%;
	bottom: 5.56%;
	width: 18px;
	margin-left: -9px;
}
.develop-wrap .develop-item .arrow img{
	width: 100%;
}
.ban-develop{
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.bg-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.bg-box .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.bg-box .m-bg{
	display: none;
}
.develop-text{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}
.develop-desc{
	font-size: .75rem;
	color: #333;
	line-height: .8rem;
	margin-bottom: .6rem;
	overflow: hidden;
}
.develop-tit{
	font-size: 1.75rem;
	line-height: 2.1rem;
	color: #d80c25;
	overflow: hidden;	
}
.ban-develop .develop-tit{
	color: #fff;
}
.up-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.up-box .circle-svg-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.up-box .circle-svg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.up-box .circle-svg rect{
	-webkit-mask: url(#up-trans);
	mask: url(#up-trans);
	fill: #fff;
	opacity: 0;
}
.up-box .bubbles-bg .bubble{
	position: absolute;
	animation:spin 8s infinite linear;
	transform-origin: 30% 30px;
}
.up-box .bubbles-bg .bubble:nth-child(2n){
	animation:spin2 8s infinite linear;
}
.up-box .bubbles-bg .bubble .circle{
	animation:spin-reverse 8s infinite linear;
}
.up-box .bubbles-bg .bubble:nth-child(2n) .circle{
	animation:spin-reverse2 8s infinite linear;
}

.up-box .bubbles-bg .bubble .circle{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}
.up-box .bubbles-bg{
	opacity: 0;
}
.up-box .bubbles-bg .bubble1{
	width: 50px;
	padding-top: 50px;
	left: 31.25%;
	top: 25.37%;
}
.up-box .bubbles-bg .bubble1 .circle{
	border: 1px solid #d80c25;
	opacity: .9;
}
.up-box .bubbles-bg .bubble2{
	width: 16px;
	padding-top: 16px;
	left: -1px;
	top: 37.77%;
}
.up-box .bubbles-bg .bubble2 .circle{
	background-color: #d80c25;
	opacity: .1;
}

.up-box .bubbles-bg .bubble3{
	width: 75px;
	padding-top: 75px;
	left: 8.854%;
	top: 65.185%;
}
.up-box .bubbles-bg .bubble3 .circle{
	background-color: #f7f7f7;
}
.up-box .bubbles-bg .bubble4{
	width: 10px;
	padding-top: 10px;
	left: 34.375%;
	top: 77.78%;
}
.up-box .bubbles-bg .bubble4 .circle{
	background-color: #d80c25;
	opacity: .1;
}
.three-box .bg-box{
	transform: scale(2);
}
.three-box .circle-line{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 25%;
	padding-top: 25%;
	margin: -12.5% 0 0 -12.5%;
	transform: scale(0);
}
.three-box .circle-line .line{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(221,221,221,.5);
	border-radius: 100%;
}
.three-box .bubbles-bg{
	opacity: 0;
	visibility: hidden;
}
.three-box .bubbles-bg .bubble{
	position: absolute;
	animation:spin 8s infinite linear;
	transform-origin: 30% 30%;
}
.three-box .bubbles-bg .bubble:nth-child(2n){
	animation:spin2 8s infinite linear;
}
.three-box .bubbles-bg .bubble .circle{
	animation:spin-reverse 8s infinite linear;
}
.three-box .bubbles-bg .bubble:nth-child(2n) .circle{
	animation:spin-reverse2 8s infinite linear;
}

.three-box .bubbles-bg .bubble .circle{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}
.three-box .bubbles-bg .bubble1{
	width: 16px;
	padding-top: 16px;
	left: -1px;
	top: 37.96%;
}
.three-box .bubbles-bg .bubble1 .circle{
	background-color: #d80c25;
	opacity: .1;
}
.three-box .bubbles-bg .bubble2{
	width: 50px;
	padding-top: 50px;
	left: 31.25%;
	top: 25.46%;
}
.three-box .bubbles-bg .bubble2 .circle{
	border: 1px solid #d80c25;
	opacity: .9;
}
.three-box .bubbles-bg .bubble3{
	width: 26px;
	padding-top: 26px;
	left: 68.125%;
	top: 17.13%;
}
.three-box .bubbles-bg .bubble3 .circle{
	background-color:#d80c25;
}
.three-box .bubbles-bg .bubble4{
	width: 10px;
	padding-top: 10px;
	left: 34.375%;
	top: 80.56%;
}
.three-box .bubbles-bg .bubble4 .circle{
	background-color:#d80c25;
	opacity: .1;
}
.train-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
}
.train-box .circle-svg-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.train-box .circle-svg-bg svg{
	width: 100%;
}
.train-box .bubbles-bg{
	opacity: 0;
	visibility: hidden;
}
.train-box .bubbles-bg .bubble{
	position: absolute;
	animation:spin 8s infinite linear;
	transform-origin: 30% 30px;
}
.train-box .bubbles-bg .bubble:nth-child(2n){
	animation:spin2 8s infinite linear;
}
.train-box .bubbles-bg .bubble .circle{
	animation:spin-reverse 8s infinite linear;
}
.train-box .bubbles-bg .bubble:nth-child(2n) .circle{
	animation:spin-reverse2 8s infinite linear;
}
.train-box .bubbles-bg .bubble .circle{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.train-box .bubbles-bg .bubble1{
	left: -1px;
	top: 37.96%;
	width: 16px;
	padding-top: 16px;
}
.train-box .bubbles-bg .bubble1 .circle{
	background-color: #d80c25;
	opacity: .1;
}
.train-box .bubbles-bg .bubble2{
	left: 31.25%;
	top: 25.46%;
	width: 50px;
	padding-top: 50px;
}
.train-box .bubbles-bg .bubble2 .circle{
	border:1px solid #d80c25;
	opacity: .9;
}
.train-box .bubbles-bg .bubble3{
	left: 59.6354%;
	top: 20.83%;
	width: 90px;
	padding-top: 90px;
}
.train-box .bubbles-bg .bubble3 .circle{
	background-image: url('../img/train-bg-icon1.jpg');
}
.train-box .bubbles-bg .bubble4{
	left: 8.854%;
	top: 64.8%;
	width: 75px;
	padding-top: 75px;
}
.train-box .bubbles-bg .bubble4 .circle{
	background-color: #f7f7f7;
}
.train-box .bubbles-bg .bubble5{
	left: 35.9375%;
	top: 72.22%;
	width: 60px;
	padding-top: 60px;
}
.train-box .bubbles-bg .bubble5 .circle{
	background-image: url('../img/train-bg-icon2.jpg');
}
.train-box .bubbles-bg .bubble6{
	left: 34.375%;
	top: 81%;
	width: 10px;
	padding-top: 10px;
}
.train-box .bubbles-bg .bubble6 .circle{
	background-color: #d80c25;
	opacity: .1;
}
.develop-wrap .develop-item .text-inner{
	transform: translateY(100%);
}

.idea-page header,
.idea-page header .header-view{
	height: 0;
}
.idea-page header{
	padding: 0;
	top: 1.35rem;
}
/* .idea-page footer{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
} */
.idea-box{
	height: 100vh;
	position: relative;
	overflow: hidden;
	z-index: 10;
}
.idea-wrap{
	/* position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%; */
}
.idea-box .line{
	position: absolute;
	border-radius: 100%;
	left: 50%;
	top: 50%;
	transform: scale(0);
	/* transition: width 1s,padding-top 1s; */
}
.idea-box .line1{
	width: 66.66%;
	padding-top: 66.66%;
	border: 1px solid rgba(215, 12, 37, .1);
	margin: -33.33% 0 0 -33.33%;
}

.idea-box .line2{
	width: 43.75%;
	padding-top: 43.75%;
	border: 1px solid rgba(215, 12, 37, .2);
	margin: -21.875% 0 0 -21.875%;
}
.idea-text{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}
.idea-text .text-inner{
	transform: translateY(100%);
}
.idea-text .idea-desc{
	font-size: .75rem;
	line-height: .8rem;
	color: #d80c25;
	overflow: hidden;
}
.idea-text .idea-tit{
	font-size: 1.75rem;
	line-height: 1.85rem;
	/* margin-top: 1rem; */
	overflow: hidden;
}
.idea-box .bubbles-bg{
	opacity: 0;
	visibility: hidden;
}
.idea-box .bubbles-bg .bubble{
	position: absolute;
	animation:spin 8s infinite linear;
	transform-origin: 50% 46%;
}
.idea-box .bubbles-bg .bubble:nth-child(2n){
	animation:spin2 8s infinite linear;
}
.idea-box .bubbles-bg .bubble .circle{
	animation:spin-reverse 8s infinite linear;
}
.idea-box .bubbles-bg .bubble:nth-child(2n) .circle{
	animation:spin-reverse2 8s infinite linear;
}
.idea-box .bubbles-bg .sm-bubble{
	transform-origin: 30% 30px;
}
.idea-box .bubbles-bg .circle{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}
.idea-box .bubbles-bg .bubble1{
	left: -4.48%;
	top: -8.7%;
	width: 5.75rem;
	padding-top: 5.75rem;
}
.idea-box .bubbles-bg .bubble1 .circle{
	background-color: #d80c25;
	opacity: .05;
}

.idea-box .bubbles-bg .bubble2{
	left: -2%;
	top: 36.48%;
	width: 1.5rem;
	padding-top: 1.5rem;
}
.idea-box .bubbles-bg .bubble2 .circle{
	background-color: #d80c25;
}
.idea-box .bubbles-bg .bubble3{
	left: 10.42%;
	top: 14.44%;
	width: 3rem;
	padding-top: 3rem;
}
.idea-box .bubbles-bg .bubble3 .circle{
	border:1px solid #d80c25;
}
.idea-box .bubbles-bg .bubble4{
	left: 7.3%;
	top: 33.7%;
	width: 10px;
	padding-top: 10px;
}
.idea-box .bubbles-bg .bubble4 .circle{
	background-color: #d80c25;
	opacity: .1;
}
.idea-box .bubbles-bg .bubble5{
	left: 7.3%;
	top: 33.7%;
	width: 10px;
	padding-top: 10px;
}
.idea-box .bubbles-bg .bubble5 .circle{
	background-color: #d80c25;
	opacity: .1;
}
.idea-box .bubbles-bg .bubble6{
	left: -2%;
	top: 75.185%;
	width: 1.75rem;
	padding-top: 1.75rem;
}
.idea-box .bubbles-bg .bubble6 .circle{
	border:1px solid #d80c25;
}
.idea-box .bubbles-bg .bubble7{
	left: 24.74%;
	top: 67.22%;
	width: .75rem;
	padding-top: .75rem;
}
.idea-box .bubbles-bg .bubble7 .circle{
	background-color:#d80c25;
	opacity: .1;
}
.idea-box .bubbles-bg .bubble8{
	left: 80.1%;
	top: -52.77%;
	width: 44.17%;
	padding-top: 44.17%;
}
.idea-box .bubbles-bg .bubble8 .circle{
	background: -webkit-linear-gradient(45deg, #f7f7f7,#fff 55%,#fff 65%,#f7f7f7 100%);
    background: -ms-linear-gradient(45deg, #f7f7f7,#fff 55%,#fff 65%,#f7f7f7 100%);
    background: linear-gradient(45deg, #f7f7f7,#fff 55%,#fff 65%,#f7f7f7 100%);
}
.idea-box .bubbles-bg .bubble9{
	left: 89.0625%;
	top: 42.59%;
	width: 1.25rem;
	padding-top: 1.25rem;
}
.idea-box .bubbles-bg .bubble9 .circle{
	border: 1px solid #d80c25;
}
.idea-box .bubbles-bg .bubble10{
	left: 88.54%;
	top: 71.3%;
	width: 16px;
	padding-top: 16px;
}
.idea-box .bubbles-bg .bubble10 .circle{
	background-color:  #d80c25;
	opacity: .1;
}
.idea-box .bubbles-bg .bubble11{
	left: 77.9%;
	top: 90.74%;
	width: 5.15rem;
	padding-top: 5.15rem;
}
.idea-box .bubbles-bg .bubble11 .circle{
	border: 1px solid #ddd;
}
.idea-list .item{
	position: absolute;
	width: 2.25rem;
	transform: scale(0);
	margin: -1.125rem 0 0 -1.125rem;
	left: 50%;
	top: 50%;
}

.idea-list .item .icon{
	background-color: #d70c25;
	border-radius: 100%;
}
.idea-list .item img{
	width: 100%;
}
.idea-list .item .txt{
	font-size: .35rem;
	line-height: .4rem;
	position: absolute;
	font-weight: bold;
	white-space: nowrap;
	color: #d80c25;
	padding-bottom: .2rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3rem;
	padding-top: 3rem;
}
.idea-list .item .txt svg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: inherit;
}
.idea-list .item:nth-child(1) .txt svg{
	transform: rotate(45deg);
}
.idea-list .item:nth-child(2) .txt svg{
	transform: rotate(45deg);
}

.idea-list .item .txt text{
	fill: #d80c25;
	font-size: 16px;
	font-weight: bold;
}

.idea-box .img-bubbles .bubble{
	position: absolute;
	transform: scale(0);
	left: 50%;
	top: 50%;
}
.idea-box .img-bubbles .bubble .circle{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.idea-box .img-bubbles .bubble .circle .img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	box-sizing: border-box;
}
.idea-box .img-bubbles .bubble1{
	width: 1.5rem;
	height: 1.5rem;
	/* left: 58.59375%;
	top: 62.890625%; */
	margin: -.75rem 0 0 -.75rem;
}
.idea-box .img-bubbles .bubble1 .circle .img{
	background-image: url('../img/idea-circle-img1.jpg');
}
.idea-box .img-bubbles .bubble2{
	width: 2.25rem;
	height: 2.25rem;
	margin: -1.125rem 0 0 -1.125rem;
	/* left: -3.28125%;
	top: 42.1875%; */
}
.idea-box .img-bubbles .bubble2 .circle .img{
	background-image: url('../img/idea-circle-img2.jpg');
}


.idea-box .img-bubbles .bubble3{
	width: 2.25rem;
	height: 2.25rem;
	margin: -1.125rem 0 0 -1.125rem;
	/* left: 92.1875%;
	top: 26.5625%; */
}
.idea-box .img-bubbles .bubble3 .circle .img{
	border: 2px solid #d70c25;
	background-image: url('../img/idea-circle-img3.jpg');
}

.idea-box .img-bubbles .bubble4{
	width: 4.45rem;
	height: 4.45rem;
	margin: -2.225rem 0 0 -2.225rem;
	/* left: -14.84375%;
	top: 80%; */
}
.idea-box .img-bubbles .bubble4 .circle .img{
	background-image: url('../img/idea-circle-img4.jpg');
}
.idea-box .img-bubbles .bubble .circle{
	animation:spin 8s infinite linear;
	transform-origin: 50% 45%;
}
.idea-box .img-bubbles .bubble:nth-child(2n) .circle{
	animation:spin2 8s infinite linear;
}
.idea-box .img-bubbles .bubble .circle .img{
	animation:spin-reverse 8s infinite linear;
}
.idea-box .img-bubbles .bubble:nth-child(2n) .circle .img{
	animation:spin-reverse2 8s infinite linear;
}
.idea-box .img-bubbles .sm-bubble .circle{
	transform-origin: 30% 30px;
}


.feature-bg-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/* visibility: hidden;
	opacity: 0; */
}
.feature-bg-box .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.feature-bg-box .circle-svg rect{
	-webkit-mask: url(#feature-trans);
	mask: url(#feature-trans);
	fill: #fff;
}
.feature-bg-box .circle-svg-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.feature-bubbles-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.feature-bubbles-bg .bubble{
	position: absolute;
	animation:spin 8s infinite linear;
	transform-origin: 50% 46%;
}
.feature-bubbles-bg .bubble:nth-child(2n){
	animation:spin2 8s infinite linear;
}
.feature-bubbles-bg .bubble .circle{
	animation:spin-reverse 8s infinite linear;
}
.feature-bubbles-bg .bubble:nth-child(2n) .circle{
	animation:spin-reverse2 8s infinite linear;
}
.feature-bubbles-bg .sm-bubble{
	transform-origin: 30% 30px;
}

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

.feature-bubbles-bg .bubble1{
	left: -38%;
	top: 61.759%;
	width: 56.875%;
	padding-top: 56.875%;
}
.feature-bubbles-bg .bubble1 .circle{
	background: -webkit-linear-gradient(45deg, #f7f7f7,#fff 55%,#fff 65%,#f7f7f7 100%);
    background: -ms-linear-gradient(45deg, #f7f7f7,#fff 55%,#fff 65%,#f7f7f7 100%);
    background: linear-gradient(45deg, #f7f7f7,#fff 55%,#fff 65%,#f7f7f7 100%);
}
.feature-bubbles-bg .bubble2{
	left: 29.95%;
	top: 32.59%;
	width: 10px;
	padding-top: 10px;
}
.feature-bubbles-bg .bubble2 .circle{
	background-color: #d80c25;
	opacity: .1;
}
.feature-bubbles-bg .bubble3{
	left: 62.3%;
	top: 30.09%;
	width: 6px;
	padding-top: 6px;
}
.feature-bubbles-bg .bubble3 .circle{
	background-color: #d80c25;
}
.feature-bubbles-bg .bubble4{
	left: 65.989%;
	top: 55%;
	width: 16px;
	padding-top: 16px;
}
.feature-bubbles-bg .bubble4 .circle{
	background-color: #d80c25;
	opacity: .1;
}
.feature-bubbles-bg .bubble5{
	left: 59.8958%;
	top: 71.3%;
	width: 8px;
	padding-top: 8px;
}
.feature-bubbles-bg .bubble5 .circle{
	background-color: #d80c25;
}
.feature-bubbles-bg .bubble6{
	left: 67.7%;
	top: 67.13%;
	width: 16px;
	padding-top: 16px;
}
.feature-bubbles-bg .bubble6 .circle{
	background-color: #d80c25;
	opacity: .1;
}
.feature-bubbles-bg .bubble7{
	left: 87.5%;
	top: 69.44%;
	width: 24.8%;
	padding-top: 24.8%;
}
.feature-bubbles-bg .bubble7 .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%);
}
.feature-bubbles-bg .bubble8{
	left: 96.17%;
	top: 76.48%;
	width: 30px;
	padding-top: 30px;
}
.feature-bubbles-bg .bubble8 .circle{
	border: 1px solid #d80c25;
}

.feature-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 60;
	visibility: hidden;
	opacity: 0;
	background-color: #fff;
}
.feature-bg-circle{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 68.75%;
	padding-top: 68.75%;
	margin: -34.375% 0 0 -34.375%;
}
.feature-bg-circle .img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
}
.feature-circle .circle{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 100%;
}
.feature-circle .circle .circle-line{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	transform: scale(0);
}
.feature-circle .circle1{
	width: 87.5%;
	padding-top: 87.5%;
}
.feature-circle .circle1 .circle-line{
	border: 1px solid rgba(215, 12, 37, .05);
}
.feature-circle .circle2{
	width: 25%;
	padding-top: 25%;
}
.feature-circle .circle2 .circle-line{
	border: 1px solid rgba(215, 12, 37, .2);
}
.feature-box .img-bubbles .bubble{
	position: absolute;
	transform: scale(0);
	left: 50%;
	top: 50%;
}
.feature-box .img-bubbles .bubble .circle{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.feature-box .img-bubbles .bubble .circle .img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.feature-box .img-bubbles .bubble1{
	width: 1.5rem;
	padding-top: 1.5rem;
	margin: -.75rem 0 0 -.75rem;
	/* left: -.8854%;
	top: 12.96%; */
}
.feature-box .img-bubbles .bubble1 .circle .img{
	background-image: url('../img/feature-bubble-img1.jpg');
}
.feature-box .img-bubbles .bubble2{
	width: 2.25rem;
	padding-top: 2.25rem;
	margin: -1.125rem 0 0 -1.125rem;
	/* left: 64.58%;
	top: 21.76%; */
}
.feature-box .img-bubbles .bubble2 .circle .img{
	background-image: url('../img/feature-bubble-img2.jpg');
	border: 2px solid #d80c25;
}
.feature-box .img-bubbles .bubble3{
	width: 2.25rem;
	padding-top: 2.25rem;
	margin: -1.125rem 0 0 -1.125rem;
	/* left: 29.6875%;
	top: 67.6%; */
}
.feature-box .img-bubbles .bubble3 .circle .img{
	background-image: url('../img/feature-bubble-img3.jpg');
}

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

.idea-dialog-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 60;
	visibility: hidden;
	opacity: 0;
}
.idea-bg{
	position: absolute;
    width: 140vw;
    height: 140vw;
    left: 50%;
    top: 50%;
    margin: -70vw 0 0 -70vw;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../img/search-bg.jpg');
    transform: scale(0);
    transition: transform .8s cubic-bezier(.77,0,.175,1);
}

.idea-dialog-box .bubbles-bg{
	opacity: 0;
	visibility: hidden;
	transition: all .8s;
}
.idea-dialog-box .bubbles-bg .bubble{
	position: absolute;
	animation:spin 8s infinite linear;
	transform-origin: 50% 45%;
}
.idea-dialog-box .bubbles-bg .bubble:nth-child(2n){
	animation:spin2 8s infinite linear;
}
.idea-dialog-box .bubbles-bg .bubble .circle{
	animation:spin-reverse 8s infinite linear;
}
.idea-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle{
	animation:spin-reverse2 8s infinite linear;
}
.idea-dialog-box .bubbles-bg .sm-bubble{
	transform-origin: 30% 30px;
}
.idea-dialog-box .bubbles-bg .bubble .circle{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}
.idea-dialog-box .bubbles-bg .bubble1{
	left: 30%;
	top: -3.5%;
	width: 2.875rem;
	padding-top: 2.875rem;
}
.idea-dialog-box .bubbles-bg .bubble1 .circle{
	border:1px solid #fff;
}
.idea-dialog-box .bubbles-bg .bubble2{
	left: 73.6979%;
	top: 7.4%;
	width:10px;
	padding-top:10px;
}
.idea-dialog-box .bubbles-bg .bubble2 .circle{
	background-color: #fff9ed;
}
.idea-dialog-box .bubbles-bg .bubble3{
	left: 78.125%;
	top: 10.185%;
	width:.9rem;
	padding-top:.9rem;
}
.idea-dialog-box .bubbles-bg .bubble3 .circle{
	border: 1px solid #fff;
}

.idea-dialog-box .bubbles-bg .bubble4{
	left: 6.458%;
	top: 25%;
	width: 18px;
	padding-top: 18px;
}
.idea-dialog-box .bubbles-bg .bubble4 .circle{
	background-color: #fff;
}
.idea-dialog-box .bubbles-bg .bubble5{
	left: 12.24%;
	top: 17.59%;
	width: 2.15rem;
	padding-top: 2.15rem;
}
.idea-dialog-box .bubbles-bg .bubble5 .circle{
	background-color: #fff;
	opacity: .1;
}

.idea-dialog-box .bubbles-bg .bubble6{
	left: 88.8%;
	top: 34.26%;
	width:16px;
	padding-top:16px;
}
.idea-dialog-box .bubbles-bg .bubble6 .circle{
	background-color: #fff;
}
.idea-dialog-box .bubbles-bg .bubble7{
	left: 84.11%;
	top: 62.96%;
	width:1.5rem;
	padding-top:1.5rem;
}
.idea-dialog-box .bubbles-bg .bubble7 .circle{
	border: 1px solid #fff;
}
.idea-dialog-box .bubbles-bg .bubble8{
	left: -26.5625%;
	top: 62.96%;
	width:56.875%;
	padding-top:56.875%;
}
.idea-dialog-box .bubbles-bg .bubble8 .circle{
	background: -webkit-linear-gradient(-180deg, rgba(255,255,255,.1),rgba(255,255,255,.1) 20%,transparent 50%,rgba(255,255,255,.1) 80%,rgba(255,255,255,.1) 100%);
    background: -ms-linear-gradient(-180deg, rgba(255,255,255,.1),rgba(255,255,255,.1) 20%,transparent 50%,rgba(255,255,255,.1) 80%,rgba(255,255,255,.1) 100%);
    background: linear-gradient(-180deg, rgba(255,255,255,.1),rgba(255,255,255,.1) 20%,transparent 50%,rgba(255,255,255,.1) 80%,rgba(255,255,255,.1) 100%);
}
.idea-dialog-box .bubbles-bg .bubble9{
	left: 36.2%;
	top: 85.83%;
	width:1rem;
	padding-top:1rem;
}
.idea-dialog-box .bubbles-bg .bubble9 .circle{
	background-color: #ff4d64;
}
.idea-manage-box .manage-tab{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: all .8s;
}
.idea-manage-box .manage-tab .swiper-slide{
	height: 100%;
	width: 62.5%;
	margin-right: 3.125%;
}
.idea-manage-box .manage-tab .swiper-slide:first-child{
	z-index: 3;
}
.idea-manage-box .manage-tab .swiper-slide:last-child{
	z-index: 4;
}
.idea-manage-box .manage-tab .con-box{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
}
.idea-manage-box .manage-tab img{
	width: 100%;
}
.idea-manage-box .manage-tab .text-box{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}
.idea-manage-box .manage-tab .icon{
	width: 1.5rem;
	margin: 0 auto;
}
.idea-manage-box .manage-tab .txt{
	font-size: 1rem;
	line-height: 1.25rem;
	color: #fff;
	margin-top: .7rem;
	font-weight: bold;
}
.idea-manage-box .manage-tab .cup-box{
	position: absolute;
	left: -25%;
	top: 42.96%;
	width: 2.25rem;
}
.idea-manage-box .manage-tab .cup-box .cup{
	transform: rotate(-30deg);
}
.idea-manage-box .manage-tab .cup-box img{
	width: 100%;
}
.idea-manage-box .manage-tab .cup-line{
	position: absolute;
	left: 100%;
	top: -155%;
	width: 6000%;
	height: 398%;
}
.idea-manage-box .manage-tab .cup-line .line{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
}
.idea-manage-box .manage-tab .mouse-tip{
	position: absolute;
	left: 0;
	bottom: 5.56%;
	width: 100%;
	text-align: center;
}
.idea-manage-box .manage-tab .mouse-tip .icon{
	width: 22px;
	height: 34px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url('../img/mouse-bg.png');
	box-sizing: border-box;
	padding-top: 7px;
}
.idea-manage-box .manage-tab .mouse-tip .icon img{
	display: block;
	width: 4px;
	margin: 0 auto;
}
.idea-manage-box .manage-tab .mouse-tip .tip{
	font-size: .375rem;
	color: #fff;
	line-height: .4rem;
	margin-top: .2rem;
}
.idea-manage-box.show .idea-bg{
	transform: scale(1);
}
.idea-manage-box.show .bubbles-bg{
	opacity: 1;
	visibility: visible;
	transition-delay: .8s;
}
.idea-manage-box.show .manage-tab{
	opacity: 1;
	visibility: visible;
	transition-delay: .8s;
}
.idea-manage-box.show .manage-tab .cup-box .cup{
	transform: rotate(0);
	transition: transform .5s 1.1s;
}
.idea-manage-box.show .manage-tab .cup-line .line{
	width: 100%;
	transition: width 5s 1.6s;
}
.idea-principle-box .principle-tit{
	position: absolute;
	left: 0;
	top: 15.74%;
	width: 100%;
	text-align: center;
	font-size: 1.75rem;
	line-height: 1.8rem;
	color: #fff;
	overflow: hidden;
}

.idea-principle-box .principle-tit .text-inner{
	transform: translateY(100%);
}
.idea-principle-box .principle-tab{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 0 7.55%;
}
.idea-principle-box .principle-tab .swiper-slide{
	width: 18.4%;
	padding-top: 36.99%;
	margin-right: 8.8%;
	top: 20%;
	opacity: 0;
	visibility: hidden;
}
.idea-principle-box .principle-tab .swiper-slide:last-child{
	margin-right: 0;
}
.idea-principle-box .principle-tab .con-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-image: url('../img/principle-cup1.png');
	transition: all .3s;
}
.idea-principle-box .principle-tab .tit-box{
	position: absolute;
	left: 0;
	bottom: 100%;
	padding-bottom: .6rem;
	font-size: 0;
	text-align: center;
	width: 100%;
}
.idea-principle-box .principle-tab .tit{
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-size: 1rem;
	line-height: 1rem;
	font-weight: bold;
	color: #fff;
	position: relative;
}
.idea-principle-box .principle-tab .circle1{
	position: absolute;
	left: -.7rem;
	top: -.75rem;
	width: 2.15rem;
	height: 2.15rem;
	background-color: #fff;
	opacity: .1;
	border-radius: 100%;
}
.idea-principle-box .principle-tab .circle2{
	position: absolute;
	left: -.7rem;
	top: -.4rem;
	width:.45rem;
	height:.45rem;
	background-color: #fff;
	border-radius: 100%;
}
.idea-principle-box .principle-tab .circle{
	transform: scale(0);
	transition: all .3s;
}
.idea-principle-box .principle-tab .content-box{
	position: absolute;
	left: 0;
	top: 58.8%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}
.idea-principle-box .principle-tab .sub-tit{
	font-size: .6rem;
	line-height: 1rem;
	color: #fff;
	transition: all .3s;
}
.idea-principle-box .principle-tab .sub-con{
	font-size: .4rem;
	line-height: .5rem;
	color: #fff;
	margin-top: .25rem;
	transition: all .3s;
}
.idea-principle-box.show .idea-bg{
    transform: scale(1);
}

.idea-dialog-box .invest-buttons{
	display: none;
}

@media (max-width: 1366px){
	.person-tab .con-box .con{
		padding: 0 .5rem;
		height: 2.3rem;
	}
}