#loading{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000040;
	z-index: 9999;
}

#loading .wrap{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 100%;
}
@-webkit-keyframes fadeInLight {
  0%{
    opacity: 0;
  }
  25%{
  	opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInLight {
  0%{
    opacity: 0;
  }
  25%{
  	opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fadeInLight {
  animation-delay: .8s;
  -webkit-animation-delay: .8s;
  -webkit-animation-name: fadeInLight;
          animation-name: fadeInLight;
}
#loading .ani1{opacity: 0;}

#loading .logoo{
	margin: 0 auto 1rem;
	width: 3.89rem;
}

#loading .board_box{
	position: relative;
	margin: 0 auto;
	width: 4.9rem;
}
#loading .board_box .pointer{
	position: absolute;
	left: 50%;
	bottom: .64rem;
	margin-left: -.21rem;
	width: .42rem;
	transform: rotate(-100deg);
    transform-origin: center 91%;
    transition-timing-function: ease;
}

.qrcode{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	background-color: rgba(0,0,0,.8);
}

.qrcode .qrBox{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2rem;
	height: 2rem;
	transform: translate(-50%,-50%);
	border: .1rem solid #fff;
}

.qrcode .bg{
	width: 100%;
	height: 100%;
}
.qrcode .close{
	position: absolute;
	top: .2rem;
	right: .2rem;
	width: .8rem;
	height: .8rem;
	background: url(../images/close.png) no-repeat;
	background-size: cover;
}


#loading .num{
	position: absolute;
	left: 50%;
	bottom: 2rem;
	transform: translateX(-50%);
	color: #e60044;
	font-size: .38rem;
	font-family: 'Rubik';
}

#loading .num .ani11{
	animation-delay: .5s;
	-webkit-animation-delay: .5s;
}

#loading .outline{
	margin: -1.6rem auto 0;
	width: 7.16rem;
}

#loading .light{
	opacity: 0;
}

.pin-8 {
	height: 5.2rem;
}

img {
	max-width: 100%;
	width: auto;
}

footer {
	padding: .4rem .3rem 0;
	height: 5.2rem;
	background-color: #185baa;
}

footer .abt {
	font-size: .24rem;
	color: #fff;
	line-height: .56rem;
	font-family: 'Rubik';
}

footer .abt .img {
	margin-right: .2rem;
	width: .3rem;
	display: inline-block;
	vertical-align: middle;
}

footer .abt .pos img {
	margin: 0 auto;
	width: .23rem;
}

footer .abt span {
	display: inline-block;
}

footer .linkBox {
	margin: .35rem 0;
	border-top: 1px solid rgba(255, 255, 255, .3);
	border-bottom: 1px solid rgba(255, 255, 255, .3);
	line-height: 1rem;
	font-size: 0;
	color: #fff;
}

footer .linkBox>a {
	display: inline-block;
	margin: 0 .18rem;
	font-size: .26rem;
}

footer .linkBox>span {
	font-size: .26rem;
}

footer .linkBox>a:first-child {
	margin-left: 0;
}

footer .linkBox>a:last-child {
	margin-right: 0;
}

footer .linkBox .right {
	float: right;
	margin-top: .24rem;
}

footer .linkBox .right img {
	width: .64rem;
}

footer .linkBox .right .wechat {
	float: left;
	margin-right: .1rem;
}

footer .linkBox .right .link {
	float: left;
}

footer .copy {
	font-size: .22rem;
	line-height: .32rem;
	color: #fff;
}

#header.nFixed {
	position: absolute;
}

#header {
	width: 7.5rem;
	height: 1.2rem;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
}

#header .header{
	overflow: hidden;
	height: 1.2rem;
}

#header .header.on{
	background-color: #000040;
}

#header .logo {
	float: left;
	width: 3rem;
	margin: .3rem 0 0 .3rem;
}

#header .menu {
	float: right;
	padding: 0 0.2rem;
	height: 100%;
}

#header .menu ul {
	width: 0.5rem;
	height: 0.4rem;
	margin-top: 0.5rem;
	position: relative;
}

#header .menu li {
	display: block;
	width: 100%;
	height: 0;
	border-top: 2px solid #FFF;
	position: absolute;
	left: 0;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

#header .menu li:nth-child(1) {
	top: 0;
	width: 75%;
	right: 0;
	left: auto;
}

#header .menu li:nth-child(2) {
	top: 40%;
}

#header .menu li:nth-child(3) {
	top: 80%;
}

/*左侧导航*/
.head_nav_bg{display:none; position:fixed;width:100%;height:100%;top:1.2rem;z-index:10;}
.head_bg{width:100%;height:100%;top:0;background-color:rgba(0,0,0,0.7);}
.head_nav_bg .close{position:absolute;top:-1.2rem;right:-1.2rem;width:1.2rem;height:1.2rem;background:url(../images/close.png) no-repeat;background-size:100%;position:absolute;opacity:1;z-index:1;}
.head_nav{width:100%;position:absolute;top:0;left:-100%;opacity:1;height:100%;background:#000040;overflow-y:scroll;}
.head_nav .sitemap{color:#d16b18;font-size:0.48rem;font-family: 'rubik-regular';height:1.2rem;line-height:1.2rem;font-weight:bold;padding-left:0.6rem;}
.nav_list>li{border-bottom:.02rem solid #45494d;}
.nav_list>li:nth-child(odd){/*background: #f4f4f4;*/}
.nav_list>li>a{color:#fff;display:block;height:1.1rem;line-height:1.1rem;font-size:0.28rem;text-align:center;opacity:.6;}
.nav_list>li>a>p{text-align:center;}
.nav_list>li>._p{display:flex;justify-content:center;align-items:center;}
.nav_list>li>._p p{font-size:0.28rem;height:1.1rem;line-height:1.1rem;text-align:center;color:#fff;opacity:.6;}
.nav_list>li>._p .icon{width:.18rem;height:.09rem;background-repeat:no-repeat;background-size:.18rem .09rem;background-image:url(../images/nav_jian.png);margin-left:.2rem;}
.nav_list>li.on{background:#050533;}
.nav_list>li.on>._p p{color:#e60044;opacity:1;}
.nav_list>li.on>._p .icon{background-image:url(../images/nav_jian_on.png);}

/*子导航*/
.ul_nei_nav{display:none;margin-bottom: .2rem;/*padding-right:0.3rem;padding-bottom:0.4rem;*/}
.ul_nei_nav li{height:0.7rem;line-height:0.7rem;font-size:0.26rem;}
.ul_nei_nav li a{color:#fff;opacity:.6;display:inherit;text-align:center;}
.ul_nei_nav li.on a{color:#d8c111;opacity:1;}
/*子导航*/
.lang{display:flex;justify-content:center;margin-top:.5rem;}
.lang a{display:block;width:.9rem;height:.9rem;border:.02rem solid rgba(255,255,255,.3);font-size:.28rem;color:rgba(255,255,255,.6);text-align:center;line-height:.9rem;border-radius:50%;margin:0 .2rem;}
.lang a.on{font-size:.28rem;color:#FFF;background:#e60044;}
/*左侧导航*/


#pinSwiper {
	max-width: 750px;
	background-color: #000040;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}

#pinSwiper>.swiper-wrapper>.swiper-slide {
	position: relative;
	overflow: hidden;
}

#fp-nav {
	position: fixed;
	z-index: 100;
	bottom: 38px;
	right: 38px;
	opacity: 1;
	width: 44px;
	height: 60px;
	background: url(../images/fp-nav.png) no-repeat;
	-webkit-transform: translate3d(0, 0, 0);
	zoom: .8;
}

#fp-nav ul li,
.fp-slidesNav ul li {
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 0;
}

#fp-nav ul li+li {
	left: 34px;
}

#fp-nav ul li+li+li {
	left: 29px;
	top: 30px;
}

#fp-nav ul li+li+li+li {
	left: 17px;
	top: 15px;
}

#fp-nav ul li+li+li+li+li {
	left: 0px;
	top: 27px;
}

#fp-nav ul li+li+li+li+li+li {
	left: 17px;
	top: 37px;
}

#fp-nav ul li+li+li+li+li+li+li {
	left: 0px;
	top: 50px;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	box-sizing: content-box;
}

#fp-nav ul li.active a span,
#fp-nav ul li.active:hover a span {
	height: 12px;
	width: 12px;
	top: -1px;
	left: -1px;
	background: #fff;
	border-radius: 50%;
	text-indent: 0;
	border: 1px solid #fff;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	height: 10px;
	width: 10px;
	border: 0;
	left: 0;
	top: 0;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, .5);
	line-height: 12px;
	text-align: center;
	font-size: 12px;
	font-family: 'Rubik';
	color: #000040;
	text-indent: -9999px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

hgroup{
	text-align: center;
}
hgroup .cn{
	font-size: .42rem;
	color: #d3feff;
	font-weight: lighter;
}
hgroup .en{
	text-transform: uppercase;
	font-size: .42rem;
	color: #e60044;
	font-weight: lighter;
	font-family: 'BRANDON_BLD';
}
hgroup .en span{
	color: #d3feff;
	font-family: 'BRANDON';
}

.pin-1 {
	position: absolute;
}

.pin-1 .banner{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.pin-1 .banner .swiper-slide{
	overflow: hidden;
}
.pin-1 .banner .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: no-repeat center;
	background-size: cover;
	z-index: 0;
}

.pin-1 .video_bg {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	top:0;
	margin: auto;
	/*max-width: none;*/
	/*transform: translateX(50%);*/
}
.pin-1 .video2 {
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(../video/video2.gif) no-repeat center;
	background-size: cover;
}

.pin-1 .txt1{
	font-size: .4rem;
	color: #e60044;
}
.pin-1 .txt2{
	font-size: .26rem;
	color: #e60044;
	text-transform: uppercase;
}

.pin-1 .txt3{
	font-size: .52rem;
	color: #69a9e7;
	font-family: 'BRANDON_BLD';
}

.pin-1 .txt4{
	font-size: .26rem;
	color: #69a9e7;
}
.pin-1 .txt5{
	margin-top: .2rem;
	font-size: .3rem;
	color: #69a9e7;
}

.pin-1 .cont {
	position: absolute;
	left: .3rem;
	right: 1.5rem;
	top: 20%;
	padding-top: 40%!important;
}

.pin-2 .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../video/video3.gif) no-repeat center;
	background-size: cover;
}

.swiper-slide .cont{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 21% .3rem 0;
	z-index: 2;
}

.swiper-slide.pin-2 .cont{
	padding-top: 38%;
}
.pin-2 .list {
    position: absolute;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    bottom: 2.7rem;
    z-index: 2;
}
.pin-2 .list .li {
    width: 2.22rem;
    height: 2.22rem;
    line-height: 2.22rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    border: .05rem solid #63d6ff;
    position: relative;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
}
.pin-2 .list .li.li01 {
	left: .3rem;
    /*opacity: 0;*/
    transform: translate(0,1rem);
    -webkit-transform: translate(0,1rem);
}
.pin-2 .list .li.li02 {
	width: 2.53rem;
	height: 2.53rem;
	line-height: 2.53rem;
    left: 0;
    right: 0;
    bottom: 50px;
    margin: auto;
    /*opacity: 0;*/
    transform: translate(0,1rem);
    -webkit-transform: translate(0,1rem);
}
.pin-2 .list .li.li03 {
    right: .3rem;
    left: auto;
    /*opacity: 0;*/
    transform: translate(0,1rem);
    -webkit-transform: translate(0,1rem);
}
.pin-2 .list .li {
    filter: alpha(opacity=100);
    opacity: 1;
    transform: translate(0px,0px);
    -webkit-transform: translate(0px,0px);
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.pin-2 .list .li .bg{position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 0;-webkit-transition: all .4s linear;border-radius: 50%;overflow: hidden;
    transition: all .4s linear;}
.pin-2 .list .li .bg img    {transition: all .4s linear;}
.pin-2 .list .li:hover .bg img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.pin-2 .list .li:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #08082b;
    opacity: .6;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    border-radius: 50%;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}
.pin-2 .list .li .text {
    position: relative;
    display: inline-block;
    z-index: 4;
    line-height: .24rem;
    vertical-align: middle;
}
.pin-2 .list .li .text h3 {
    font-size: .24rem;
    color: #d3feff;
    margin-bottom: 8px;
}
.pin-2 .list .li .text p {
    font-family: 'BRANDON';
    font-size: .2rem;
    color: #d3feff;
    line-height: 1;
    opacity: .6;
    text-align: center;
    text-transform: uppercase;
}
.pin-2 .list .li .text em {
    width: .21rem;
    height: .37rem;
    background: url(../images/ico4.png) no-repeat center;
    background-size: cover;
    display: inline-block;
    margin-top: .39rem;
}
.pin-2 .list .li:hover:after {
    opacity: .4;
}
.pin-2 .list .li:hover .text em {
    background: url(../images/index/ico23.png) no-repeat center;
}

.pin-3 .linkList{
	margin-top: .6rem;
}

.pin-3 .cont{
	background: url(../images/ser_bg.png) no-repeat center bottom;
	background-size: 100% auto;
}

.pin-3 .linkList a{
	display: block;
	float: left;
	margin-right: .1rem;
	padding-top: .6rem;
	margin-top: .1rem;
	width: 3.4rem;
	height: 2rem;
	background-color: rgba(0,105,171,.1);
	font-size: .22rem;
	color: #d3feff;
	text-align: center;
}


.pin-3 .linkList a:nth-child(2n){
	margin-right: 0;
}

.pin-3 .linkList a .ico{
	margin-bottom: .16rem;
	height: .4rem;
}

.pin-3 .linkList a img{
	margin: 0 auto;
}

.pin-4 .cont{
	background: url(../images/car.png) no-repeat right bottom;
	background-size: 6.3rem auto;
}

.pin-4 .newsList{
	margin-top: .5rem;
}

.more{
	display: block;
	margin: .5rem auto 0;
	width: 2.68rem;
	height: .88rem;
	line-height: .88rem;
	font-size: .24rem;
	font-family: 'Rubik';
	background: url(../images/btn_bg.png) no-repeat center;
	background-size: cover;
	color: #85a6ff;
	text-transform: uppercase;
	text-align: center;
}

.pin-4 .news a{
	display: block;
	margin-top: .1rem;
	padding: .4rem .3rem;
	background-color: rgba(0,105,171,.1);
	color: #fff;
	font-size: .3rem;
	line-height: .42rem;
	overflow: hidden;
}

.pin-4 .news a .date{
	position: relative;
	float: left;
	width: .9rem;
	padding-right: .16rem;
	font-family: 'RUBIK-MEDIUM';
	font-size: .24rem;
	line-height: .22rem;
	color: #ff004b;
	text-transform: uppercase;
	text-align: right;
}

.pin-4 .news a .date span{
	font-size: .42rem;
	line-height: .38rem;
}

.pin-4 .news a .date:after{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: .04rem;
	height: .75rem;
	background-color: #ff004b;
}

.pin-4 .news a h4{
	float: right;
	width: calc(100% - 1.1rem);
	font-size: .3rem;
	color: #fff;
}

.pin-5 .homeList{
	margin-top: .6rem;
	overflow: hidden;
}

.pin-5 .homeList a{
	display: block;
	position: relative;
}

.pin-5 .homeList a h4{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0 1rem 0 .3rem;
	height: .8rem;
	line-height: .8rem;
	font-size: .26rem;
	color: #fff;
	background-color: rgba(0,0,0,.6);
}

.pin-5 .homeList a h4:after{
	content: '';
	position: absolute;
	right: .3rem;
	top: 50%;
	transform: translateY(-50%);
	width: .41rem;
	height: .14rem;
	background: url(../images/arrow.png) no-repeat center;
	background-size: cover;
}

.pin-5 .dh {
	position: relative;
	left: 50%;
	top: .4rem;
	transform: translateX(-50%);
	transform-origin: center top;
    width: 1.78rem;
    height: 4.08rem;
    background: url(../images/ihome_bg.png) no-repeat center bottom;
    background-size: cover;
}
.pin-5 .dh div:last-child {
    width: .5rem;
    height: .5rem;
    background: #85a6ff;
    position: absolute;
    left: .15rem;
    top: .15rem;
    -webkit-transition: all .8s linear;
    transition: all .8s linear;
}

.pin-5 .dh div:last-child:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	margin-top: -.07rem;
	margin-left: -.07rem;
	width: .14rem;
	height: .14rem;
	background-color: #000040;
	z-index: 0;
}

.pin-5 .dh div:last-child em {
    /* content: ''; */
    width: .47rem;
    height: .25rem;
    background: url(../images/pos_icon.png) no-repeat;
    background-size: auto 100%;
    position: absolute;
    left: -.42rem;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    margin: auto;
    transform-origin: right center;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}


@keyframes dash {
        from {
            offset-distance: 0%;
        }

        to {
            offset-distance: 505px;
        }
    }
    
/*.pin-5 .dh div:last-child{
	offset-path: path("M20 20,120 20,120 150,70 150,70 200,20 200,20 300,70 300,70 350,120 350");
        offset-distance: 0%;
        
}
.pin-5 .dh svg{position: absolute;top: 14px;left: 95px;z-index: 0;}*/


.pin-5 .dh .ico.step1{
	left:.15rem;
	top: .15rem;
	/*offset-distance: 100px;*/
}
.pin-5 .dh .ico.step1 em{transform: rotate(0);}

.pin-5 .dh .ico.step2{
	left:1.15rem;
	top: .15rem;
	/*offset-distance: 100px;*/
}
.pin-5 .dh .ico.step2 em{transform: rotate(180deg);}

.pin-5 .dh .ico.step3{
	left:1.15rem;
	top: 1.45rem;
	/*offset-distance: 230px;*/
}
.pin-5 .dh .ico.step3 em{transform: rotate(225deg);}

.pin-5 .dh .ico.step4{
	left:.65rem;
	top: 1.45rem;
	/*offset-distance: 280px;*/
}
.pin-5 .dh .ico.step4 em{transform: rotate(360deg);}

.pin-5 .dh .ico.step5{
	left:.65rem;
	top: 1.95rem;
	/*offset-distance: 330px;*/
}
.pin-5 .dh .ico.step5 em{transform: rotate(225deg);}

.pin-5 .dh .ico.step6{
	left:.15rem;
	top: 1.95rem;
	/*offset-distance: 380px;*/
}
.pin-5 .dh .ico.step6 em{transform: rotate(360deg);}


.pin-5 .dh .ico.step7{
	left:.15rem;
	top: 2.95rem;
	/*offset-distance: 480px;*/
}
.pin-5 .dh .ico.step7 em{transform: rotate(325deg);}


.pin-5 .dh .ico.step8{
	left:.65rem;
	top: 2.95rem;
	/*offset-distance: 530px;*/
}
.pin-5 .dh .ico.step8 em{transform: rotate(180deg);}


.pin-5 .dh .ico.step9{
	left:.65rem;
	top: 3.45rem;
/*offset-distance: 580px;*/
}
.pin-5 .dh .ico.step9 em{transform: rotate(270deg);}


.pin-5 .dh .ico.step10{
	left:1.15rem;
	top: 3.45rem;
	/*offset-distance: 630px;*/
}
.pin-5 .dh .ico.step10 em{transform: rotate(180deg);}



.pin-5 .dh .text {
    font-size: .24rem;
    color: #d3feff;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    white-space: nowrap;
}
.pin-5 .dh .text.on{
    color: #e60044;
}
.pin-5 .dh .text.text01 {
    top: .23rem;
    right: 1.9rem;
}
.pin-5 .dh .text.text02 {
    top: .23rem;
    left: 1.95rem;
}
.pin-5 .dh .text.text03 {
    top: 2.1rem;
    left: 1.6rem;
}
.pin-5 .dh .text.text04 {
    top: 1.55rem;
    right: 1.6rem;
}
.pin-5 .dh .text.text05 {
    top: 2.5rem;
    left: 1.3rem;
}
.pin-5 .dh .text.text06 {
    top: 2.05rem;
    right: 1.9rem;
}
.pin-5 .dh .text.text07 {
    top: 3.55rem;
    right: 1.6rem;
}
.pin-5 .dh .text.text08 {
    top: 3rem;
    left: 1.6rem;
}
.pin-5 .dh .text.text09 {
    top: 4.25rem;
    left: .65rem;
}
.pin-5 .dh .text.text10 {
    top: 3.55rem;
    left: 1.95rem;
}

.pin-6{
	
}

@-webkit-keyframes rotate2 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate2 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes h_breath {
    from { 
        opacity: .1;
    }                      
    50%  { 
        opacity:   .8; 
    }                        
    to   { 
        opacity: .1; 
    }                          
}
@-webkit-keyframes h_breath {
    from { 
        opacity: .1;
    }                      
    50%  { 
        opacity:   .8; 
    }                        
    to   { 
        opacity: .1; 
    }                         
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}
.rotate2 {
    -webkit-animation-name: rotate2;
    animation-name: rotate2
}
.rotate {
    -webkit-animation-name: rotate;
    animation-name: rotate
}
.h_breath {
    -webkit-animation-name: h_breath;
    animation-name: h_breath
}

.pin-6 .circle02 {
	opacity: .2;
    width: 7.26rem;
    height: 7.21rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -3.63rem;
    margin-top: -3.6rem;
    /* -webkit-transform: translateY(-50%);
    transform: translateY(-50%); */
}
.pin-6.active .circle02 {
    width: 7.26rem;
    height: 7.21rem;
    -webkit-animation: pulse 1s 1 linear forwards;
    animation: pulse 1s 1 linear forwards;
}
.pin-6 .circle02 .num1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 7.26rem;
    height: 7.21rem;
    background: url(../video/1.png) no-repeat center;
    background-size: cover;
    margin: auto;
    -webkit-animation: rotate2 5s ease-in-out infinite;
    animation: rotate2 5s ease-in-out infinite;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
}
.pin-6 .circle02 .num2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 6.54rem;
    height: 6.61rem;
    background: url(../video/2.png) no-repeat center;
    background-size: cover;
    margin: auto;
    z-index: 2;
    -webkit-animation: rotate2 4s ease-in-out infinite;
    animation: rotate2 4s ease-in-out infinite;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
}
.pin-6 .circle02 .num3 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 5.43rem;
    height: 5.50rem;
    background: url(../video/3.png) no-repeat center;
    background-size: cover;
    margin: auto;
    z-index: 3;
    -webkit-animation: rotate 4.4s ease-in-out infinite;
    animation: rotate 4.4s ease-in-out infinite;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
}
.pin-6 .circle02 .num4 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 5.04rem;
    height: 5.04rem;
    background: url(../video/4.png) no-repeat center;
    background-size: cover;
    margin: auto;
    z-index: 3;
    -webkit-animation: rotate2 6s ease-in infinite;
    animation: rotate2 6s ease-in infinite;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
}
.pin-6 .circle02 .num5 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 3.92rem;
    height: 3.92rem;
    background: url(../video/5.png) no-repeat center;
    background-size: cover;
    margin: auto;
    z-index: 3;
    -webkit-animation: rotate2 6.6s ease-in infinite;
    animation: rotate2 6.6s ease-in infinite;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
}
.pin-6 .circle02 .num6 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 3.65rem;
    height: 3.63rem;
    background: url(../video/6.png) no-repeat center;
    background-size: cover;
    margin: auto;
    z-index: 3;
    -webkit-animation: rotate 6.6s ease-in-out infinite;
    animation: rotate 6.6s ease-in-out infinite;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
}
.pin-6 .circle02 .num7 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 2.96rem;
    height: 2.96rem;
    background: url(../video/7.png) no-repeat center;
    background-size: cover;
    margin: auto;
    z-index: 3;
    -webkit-animation: rotate2 5.2s ease-in infinite;
    animation: rotate2 5.2s ease-in infinite;
    -webkit-transition:all .36s ease;
    transition:all .36s ease;
}
.pin-6 .circle02 .num8 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 3.03rem;
    height: 3.06rem;
    background: url(../video/8.png) no-repeat center;
    background-size: cover;
    margin: auto;
    z-index: 3;
    -webkit-animation: rotate 5.2s ease-in infinite;
    animation: rotate 5.2s ease-in infinite;
    -webkit-transition:all .36s ease;
    transition:all .36s ease;
}
.pin-6 .circle02 .num9 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1.69rem;
    height: 1.70rem;
    background: url(../video/9.png) no-repeat center;
    background-size: cover;
    margin: auto;
    z-index: 3;
    -webkit-animation: rotate2 5.2s ease-in infinite;
    animation: rotate2 5.2s ease-in infinite;
    -webkit-transition:all .36s ease;
    transition:all .36s ease;
}
.pin-6 .circle02 .num10 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 2.62rem;
    height: 2.62rem;
    background: url(../video/10.png) no-repeat center;
    background-size: cover;
    margin: auto;
    z-index: 3;
    -webkit-animation: rotate 5.2s ease-in infinite;
    animation: rotate 5.2s ease-in infinite;
    -webkit-transition:all .36s ease;
    transition:all .36s ease;
}
.pin-6 .circle02 .num11 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1.37rem;
    height: 1.37rem;
    background: url(../video/11.png) no-repeat center;
    background-size: cover;
    margin: auto;
    z-index: 3;
    -webkit-animation: rotate2 5.2s ease-in infinite;
    animation: rotate2 5.2s ease-in infinite;
    -webkit-transition:all .36s ease;
    transition:all .36s ease;
}
.pin-6 .circle02 .num12 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 2.11rem;
    height: 2.11rem;
    background: url(../video/12.png) no-repeat center;
    background-size: cover;
    margin: auto;
    z-index: 3;
}
.pin-6 .circle02 .num13 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 3.04rem;
    height: 3.04rem;
    background: url(../video/13.png) no-repeat center;
    background-size: cover;
    margin: auto;
    z-index: 3;
    -webkit-animation: h_breath 5.2s ease-in infinite;
    animation: h_breath 5.2s ease-in infinite;
    -webkit-transition:all .36s ease;
    transition:all .36s ease;
}

.pin-6 .since{
	margin: .6rem auto .3rem;
	font-size: .36rem;
	line-height: .4rem;
	color: #fff;
	text-align: center;
	font-family: 'Rubik';
	text-transform: uppercase;
}
.pin-6 .since img{
	display: inline-block;
	vertical-align: middle;
	margin-right: .1rem;
	width: .4rem;
}

.pin-6 .more{
	margin-top: .3rem;
	margin-bottom: .35rem;
}

.pin-6 .des{
	font-size: .24rem;
	line-height: .4rem;
	color: #fff;
	opacity: .8;
	text-align: center;
}

.pin-6 .honor svg{display: inline-block;vertical-align: middle;margin-right: .1rem; width: .8rem;height: .8rem;}
.pin-6 .honor svg .round{ stroke-dashoffset: 252;transition-duration: .8s;
 fill: none;stroke-dasharray: 252;
}

.pin-6 .honor .animated .round{
	stroke-dashoffset: 0;
 transition-delay: 1s;
}

.pin-6 .honor .item{
	font-size: .24rem;
	color: #fff;
	line-height: .8rem;
	text-align: center;
}

.pin-6 .honor .item span{
	display: inline-block;
	font-family: 'BRANDON_BLD';
	font-size: .56rem;
}


.logoSlide{
	position: relative;
	margin: .7rem auto 0;
	padding-bottom: .9rem;
	width: 5rem;
}
.logoSlide .logoList{
	transform: scale(.8);
	padding: .7rem .3rem 0;
	width: 5rem;
	height: 6.5rem;
	background-color: #fff;
	transition-duration: .8s;
	-webkit-transition-duration: .8s;
}

.logoSlide .swiper-slide-active .logoList{
	transform: scale(1);
}
.logoSlide .logoList .tit{
	margin-bottom: .7rem;
	font-size: .3rem;
	color: #000b4b;
	text-align: center;
}
.logoSlide .logoList .logoBox{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-right: -.2rem;
}

.logoSlide .logoList  p{
	position: absolute;
	bottom: .2rem;
	font-size: .24rem;
	color: #999;
}

.logoSlide .logoList .logoBox1{
	height: 3.9rem;
}
.logoSlide .logoList .logoBox2{
	height: 4.3rem;
}
.logoSlide .logoList .logoBox3{
	height: 3.45rem;
}

.logoSlide .logoList .item{
	max-width: 20%;
	height: .5rem;
	line-height: .5rem;
	margin-right: .2rem;
}

.logoSlide .logoList .item img{
	width: auto!important;
	display: inline-block;
	vertical-align: middle;
	max-height: 100%;
}

.logoSlide .swiper-pagination-bullet{
	background-color: #85a6ff;
	opacity: 1;
}

.logoSlide .swiper-pagination{
	bottom: 0;
}

.logoSlide .swiper-pagination-bullet-active{
	background-color: #0096ff;
}