.text-box{
	position: absolute;
	left: 0;
	    top: calc(50% + 24px);
	width: 100%;
	text-align: center;
		display: none
}

.ind5-a7.on1 .text-box{display: block}



.text-box .text{
	/* transform: translateY(-40px);
	opacity: 0;
	filter: alpha(opacity=0); */
}
.text-box .bubbles-tit{
	position: relative;
}
.text-box .bubbles{
	width:4.0rem;
	height: 2.5rem;
	margin:0 auto;
	position: relative;
}
.text-box .bubbles .bubble{
	position: absolute;
	border-radius: 100%;
}
.text-box .bubbles .bubble1{
	width:.65rem;
	height: .65rem;
	left:17.27%;
	top:59.545%;
}
.text-box .bubbles .bubble2{
	width:10px;
	height: 10px;
	left:75.9%;
	top:64.65%;
}
.text-box .bubbles .bubble3{
	width:2px;
	height: 2px;
	left:75.2%;
	top:84.687%;
}
.text-box .bubbles .bubble4{
	width:6px;
	height: 6px;
	left:68.636%;
	top:21.8%;
}
.text-box .bubbles .bubble5{
	width:6px;
	height: 6px;
	left:28.628%;
	top:79.865%;
}
.text-box .bubbles .bubble6{
	width:.3rem;
	height: .3rem;
	left:28.5%;
	top:41.264%;
}
.text-box .bubbles .bubble7{
	width:0.25rem;
	height: 0.25rem;
	left:41.6%;
	top:7.73%;
}
.text-box .bubbles .bubble8{
	width:.35rem;
	height: .35rem;
	left:53.636%;
	top:35.9%;
	background-color: #eee;
}
.text-box .bubbles .bubble9{
	width:.65rem;
	height: .65rem;
	left:37.4636%;
	top:37%;
}
.text-box .bubbles .bubble10{
	width:.75rem;
	height: .75rem;
	left:73.636%;
	top:32.8127%;
}
.text-box .bubbles .bubble11{
	width:0.4rem;
	height: 0.4rem;
	left:11.6%;
	top:11.818%;
}
.text-box .bubbles .bubble12{
	width:.3rem;
	height: .3rem;
	left:41.6%;
	top:78.65%;
}
.text-box .bubbles .bubble13{
	width:.75rem;
	height: .75rem;
	left:48.7277%;
	top:77.358%;
}

.text-box .bubbles .bubble1,
.text-box .bubbles .bubble2,
.text-box .bubbles .bubble3,
.text-box .bubbles .bubble12{
	background-color:#d80c25;
}
.text-box .bubbles .bubble4,
.text-box .bubbles .bubble5,
.text-box .bubbles .bubble9,
.text-box .bubbles .bubble10,
.text-box .bubbles .bubble11,
.text-box .bubbles .bubble13{
	border:1px solid #d80c25;
}
.text-box .bubbles .bubble6{
	background-color: #d80c25;
	opacity: .1;
}
.text-box .bubbles .bubble7{
	background-color:#fdf3f4;
}


.text-box .bubbles .bubble1,
.text-box .bubbles .bubble2,
.text-box .bubbles .bubble3,
.text-box .bubbles .bubble12{
	background-color:#45b7e6;
}
.text-box .bubbles .bubble4,
.text-box .bubbles .bubble5,
.text-box .bubbles .bubble9,
.text-box .bubbles .bubble10,
.text-box .bubbles .bubble11,
.text-box .bubbles .bubble13{
	border:1px solid #45b7e6;
}
.text-box .bubbles .bubble6{
	background-color: #45b7e6;
	opacity: .1;
}
.text-box .bubbles .bubble7{
	background-color:#ddf5ff;
}


.text-box .bubbles .bubble1,
.text-box .bubbles .bubble2,
.text-box .bubbles .bubble3,
.text-box .bubbles .bubble12{
	background-color:#2189d2;
}
.text-box .bubbles .bubble4,
.text-box .bubbles .bubble5,
.text-box .bubbles .bubble9,
.text-box .bubbles .bubble10,
.text-box .bubbles .bubble11,
.text-box .bubbles .bubble13{
	border:1px solid #2189d2;
}
.text-box .bubbles .bubble6{
	background-color: #2189d2;
	opacity: .1;
}
.text-box .bubbles .bubble7{
	background-color:#c6e4e1;
}

.text-box .bubbles .bubble{
	transform-origin:40% 10px;
	animation: spin 4s linear infinite;
}
.text-box .bubbles .bubble:nth-child(2n){
	animation: spin2 4s linear infinite;
}
.text-box .bubbles .bubble:nth-child(3n){
	animation: spin2 4s linear infinite .3s;
}

.text-box .type-tit{
	font-size: .15rem;
	line-height: .8rem;
	position: absolute;
	left: 0;
	bottom: 30%;
	width: 100%;
	font-weight: bold;
	font-family: "gilroy-bold";
}
.text-box .desc{
	font-size: 1.75rem;
	line-height: 1.8rem;
	color: #333;
	overflow: hidden;
}
.text-box .more-box{
	margin: 1.4rem auto 0;
	width: 5.75rem;
	overflow: hidden;
}
.text-box .index-more{
	width: auto;
	/* margin: 1.4rem auto 0;
	width: 5.75rem; */
	/* transform: translateY(40px);
	opacity: 0;
	filter: alpha(opacity=0); */
}

	
	
	
	
.text-box .bubbles .bubble1,
.text-box .bubbles .bubble2,

.text-box .bubbles .bubble3,
.text-box .bubbles .bubble12{
	background-color:#d80c25;
}
.text-box .bubbles .bubble4,
.text-box .bubbles .bubble5,
.text-box .bubbles .bubble9,
.text-box .bubbles .bubble10,
.text-box .bubbles .bubble11,
.text-box .bubbles .bubble13{
	border:1px solid #d80c25;
}
.text-box .bubbles .bubble6{
	background-color: #d80c25;
	opacity: .1;
}
.text-box .bubbles .bubble7{
	background-color:#fdf3f4;
}


.text-box .bubbles .bubble1,
.text-box .bubbles .bubble2,
.text-box .bubbles .bubble3,
.text-box .bubbles .bubble12{
	background-color:#45b7e6;
}
.text-box .bubbles .bubble4,
.text-box .bubbles .bubble5,
.text-box .bubbles .bubble9,
.text-box .bubbles .bubble10,
.text-box .bubbles .bubble11,
.text-box .bubbles .bubble13{
	border:1px solid #45b7e6;
}
.text-box .bubbles .bubble6{
	background-color: #45b7e6;
	opacity: .1;
}
.text-box .bubbles .bubble7{
	background-color:#ddf5ff;
}


.text-box .bubbles .bubble1,
.text-box .bubbles .bubble2,
.text-box .bubbles .bubble3,
.text-box .bubbles .bubble12{
	background-color:#2189d2;
	opacity: 0.6;
}
.text-box .bubbles .bubble4,
.text-box .bubbles .bubble5,
.text-box .bubbles .bubble9,
.text-box .bubbles .bubble10,
.text-box .bubbles .bubble11,
.text-box .bubbles .bubble13{
	border:1px solid #2189d2;
}
.text-box .bubbles .bubble6{
	background-color: #2189d2;
	opacity: .5;
}
.text-box .bubbles .bubble7{
	background-color:#c6e4e1;
}

.text-box .bubbles .bubble{
	transform-origin:40% 10px;
	animation: spin 4s linear infinite;
}
.text-box .bubbles .bubble:nth-child(2n){
	animation: spin2 4s linear infinite;
}
.text-box .bubbles .bubble:nth-child(3n){
	animation: spin2 4s linear infinite .3s;
}

.text-box .type-tit{
	font-size: 16px;
	line-height: 40px;
	position: absolute;
	left: calc(50% - 150px/2);
    bottom: 40%;
    width: 150px;
	font-weight: bold;
	border-radius: 50px;
	background: #2189d2;
	color:#fff;
	font-family: "gilroy-bold";
}
.text-box .desc{
	font-size: 1.75rem;
	line-height: 1.8rem;
	color: #333;
	overflow: hidden;
}
.text-box .more-box{
	margin: 1.4rem auto 0;
	width: 5.75rem;
	overflow: hidden;
}
.text-box .index-more{
	width: auto;
	/* margin: 1.4rem auto 0;
	width: 5.75rem; */
	/* transform: translateY(40px);
	opacity: 0;
	filter: alpha(opacity=0); */
}

	
@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
@keyframes spin-reverse{
    from{
        transform:rotate(1turn);
    }
}
@keyframes spin-reverse2{
    from{
        transform:rotate(-1turn);
    }
}
@keyframes anim{
	0% {
	    -webkit-transform: rotate(0) translate(1%, 0) rotate(0);
	            transform: rotate(0) translate(1%, 0) rotate(0);
	  }
	  50% {
	    -webkit-transform: rotate(180deg) translate(1%, .3%) rotate(-180deg);
	            transform: rotate(180deg) translate(1%, .3%) rotate(-180deg);
	  }
	  100% {
	    -webkit-transform: rotate(360deg) translate(1%, 0) rotate(-360deg);
	            transform: rotate(360deg) translate(1%, 0) rotate(-360deg);
	  }
	
}

@-webkit-keyframes anim{
	0% {
	    -webkit-transform: rotate(0) translate(1%, 0) rotate(0);
	            transform: rotate(0) translate(1%, 0) rotate(0);
	  }
	  50% {
	    -webkit-transform: rotate(180deg) translate(1%, .3%) rotate(-180deg);
	            transform: rotate(180deg) translate(1%, .3%) rotate(-180deg);
	  }
	  100% {
	    -webkit-transform: rotate(360deg) translate(1%, 0) rotate(-360deg);
	            transform: rotate(360deg) translate(1%, 0) rotate(-360deg);
	  }
	
}
@-ms-keyframes anim{
	0% {
	    -webkit-transform: rotate(0) translate(1%, 0) rotate(0);
	            transform: rotate(0) translate(1%, 0) rotate(0);
	  }
	  50% {
	    -webkit-transform: rotate(180deg) translate(1%, .3%) rotate(-180deg);
	            transform: rotate(180deg) translate(1%, .3%) rotate(-180deg);
	  }
	  100% {
	    -webkit-transform: rotate(360deg) translate(1%, 0) rotate(-360deg);
	            transform: rotate(360deg) translate(1%, 0) rotate(-360deg);
	  }
	
}
@keyframes anim2{
	0% {
    -webkit-transform: rotate(0) translate(1%, 0) rotate(0);
            transform: rotate(0) translate(1%, 0) rotate(0);
  }
  50% {
    -webkit-transform: rotate(-180deg) translate(1%, .3%) rotate(180deg);
            transform: rotate(-180deg) translate(1%, .3%) rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(-360deg) translate(1%, 0) rotate(360deg);
            transform: rotate(-360deg) translate(1%, 0) rotate(360deg);
  }
	
}

@-webkit-keyframes anim2{
	0% {
	    -webkit-transform: rotate(0) translate(1%, 0) rotate(0);
	            transform: rotate(0) translate(1%, 0) rotate(0);
	  }
	  50% {
	    -webkit-transform: rotate(-180deg) translate(1%, 1%) rotate(180deg);
	            transform: rotate(-180deg) translate(1%, 1%) rotate(180deg);
	  }
	  100% {
	    -webkit-transform: rotate(-360deg) translate(1%, 0) rotate(360deg);
	            transform: rotate(-360deg) translate(1%, 0) rotate(360deg);
	  }
	
}

.view{
	width: 87.5%;
	margin: 0 auto;
}
.sub-banner{
	position: relative;
}
.sub-banner img{
	width: 100%;
}
.sub-banner .text-box{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
}
.sub-banner .text-box .tit{
	font-size: 1.75rem;
	line-height: 1.8rem;
	color: #fff;
}
.sub-banner .text-box .con{
	font-size: .425rem;
	line-height: .7rem;
	color: #fff;
	margin-top: 1.1rem;
	width: 44%;
}

.page-box{
	font-size: 0;
	text-align: center;
}
.page-box .page,
.page-box .jump{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}
.page-box .page a{
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 4px;
	background-color: #f7f7f7;
	line-height: 1.25rem;
	font-size: .375rem;
	font-family: "gilroy-bold";
	color: #333;
	vertical-align: top;
	margin: 0 5px;
	transition: all .3s;
}
.page-box .page a[rel=prev],
.page-box .page a[rel=next]{
	color: #999;
}
.page-box .page a.page-first,
.page-box .page a.page-end{
	background-size: 11px;
	background-repeat: no-repeat;
	background-position: center;
}
.page-box .page a.page-first{
	background-image: url('../img/page-start.png');
}
.page-box .page a.page-end{
	background-image: url('../img/page-end.png');
}
.page a.active{
    color: #fff;
    background-color: #d10a30;
}
.page-box .jump{
	margin-left: 1rem;
}
.page-box .jump input[type=text]{
	width: .75rem;
	height: .75rem;
	padding: calc(.25rem - 1px);
	border: 1px solid #ddd;
	font-size: .375rem;
	text-align: center;
	border-radius: 6px;
	line-height: .75rem;
	font-family: "gilroy-bold";
	color: #333
}
.page-box .jump .go{
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 1.25rem;
	height: 1.25rem;
	line-height: 1.25rem;
	font-size: .375rem;
	border-radius: 6px;
	background-color: #f7f7f7;
	font-family: "gilroy-bold";
	color: #333;
	margin-left: 10px;
	transition: all .3s;
}
.pub-more{
	font-size: 0;
}
.pub-more span{
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-size: .4rem;
	line-height: .5rem;
	color: #999;
	/* padding-right: .7rem; */
	padding-right: 0;
	position: relative;
	transition: all .3s;
}

.pub-more span:before{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: .45rem;
	height: .45rem;
	border-radius: 100%;
	/* background-color: #999; */
	/* background-image: url('../img/pub-more.png'); */
	background-size: cover;
	transition: all .3s;
}
.style-tit{
	font-size: 1.5rem;
	line-height: 1.6rem;
	color: #333;
}
.pub-close{
	position: absolute;
    width: 1rem;
    height: 1rem;
    z-index: 10;
    right: 3.125%;
    top: 1.35rem;
    background-color: rgba(0,0,0,.1);
    border-radius: 100%;
}
.pub-close i{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: .3rem;
    background-repeat: no-repeat;
    background-image: url('../img/close-btn.svg');
}
.pub-close .bg{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #d10a30;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;
}

.scroll-arrow{
	position: absolute;
	left: 50%;
	bottom: 5.55%;
	margin-left: -9px;
	width: 18px;
	height: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	animation: scrollAni 1.5s linear infinite;
    -moz-animation: scrollAni 1.5s linear infinite;
    -webkit-animation: scrollAni 1.5s linear infinite;
    -o-animation: scrollAni 1.5s linear infinite;
    z-index: 3;
}

@keyframes scrollAni{
    from {transform:translateY(0);opacity: 1;}
    to {transform: translateY(.8rem);opacity: 0;}
}

@-moz-keyframes scrollAni{
    from {transform:translateY(0);opacity: 1;}
   	to {transform: translateY(.8rem);opacity: 0;}
}

@-webkit-keyframes scrollAni{
    from {transform:translateY(0);opacity: 1;}
   	to {transform: translateY(.8rem);opacity: 0;}
}

@-o-keyframes imgfd{
	from {transform:translateY(0);opacity: 1;}
    to {transform: translateY(.8rem);opacity: 0;}
}
.m-f-nav{
	display: none;
}
.m-nav-box{
	display: none;
}