.bg {
	background: url(/home/img/bg1.png);
	background-size: 100% 7.52rem !important;
	height: 7.52rem;
	width: 100%;
	padding-top: 1.85rem;
	padding-left: 1.84rem;
	padding-right: 0.3rem;
	color: #FFFFFF;
}

.bg_title {
	/*font-size: 0.3rem;*/
	font-size: 16pt;
	font-weight: bold;
	font-family: 'title_font';
}

.bg_jieshao {
	margin-top: 0.42rem;
	/*width: 7.21rem;*/
	line-height: 0.3rem;
	font-size: 0.18rem;
}

.bg_btn {
	width: 2.92rem;
	height: 0.57rem;
	border: 1px solid #FFFFFF;
	line-height: 0.57rem;
	text-align: center;
	/*font-size: 0.2rem;*/
	font-size: 12pt;
	margin-top: 0.32rem;

}

.jiantou1 {
	margin-left: 0.2rem;
	font-size: 0.22rem;
}

.ditu_bg {
	background: url(/home/img/ditu_bg_bg.jpg);
	background-size: 100% 11.08rem;
	height: 11.08rem;
	width: 100%;
}

.flly_div {
	background: url(/home/img/diqiu.png);
	background-size: 14.08rem 7.14rem;
	width: 14.08rem;
	height: 7.14rem;
	margin-left: 2.57rem;
	padding-top: 1.97rem;
	position: relative;
	z-index: 1000;
}

.hx_bg {
	background: url(/home/img/diqiuhuxian.png);
	background-size: 14.44rem 3.89rem;
	height: 3.89rem;
	width: 14.44rem;

}

.ditu_xing1 {
	width: 0.25rem;
	height: 0.23rem;
	position: absolute;
	top: 2.2rem;
	left: 7.32rem;
}

.ditu_xing2 {
	width: 0.31rem;
	height: 0.28rem;
	position: absolute;
	top: 1.86rem;
	left: 9.26rem;
}

.ditu_fd1 {
	width: 2.6rem;
	height: 0.2rem;
	font-size: 0.2rem;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 0.42rem;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.46);
	position: absolute;
	top: 2.42rem;
	left: 4.77rem;
}

.ditu_fd2 {
	width: 2.6rem;
	height: 0.2rem;
	font-size: 0.2rem;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 0.42rem;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.46);
	position: absolute;
	top: 1.99rem;
	left: 7.81rem;
}

.ditu_hx {
	width: 100%;
	height: 1px;
	background: #D7D7D7;
	margin-top: 0.07rem;
}

.shum {
	display: flex;
}

.jiantou {
	margin: 0.54rem 0.78rem;
}

.jiantou:hover {
	cursor: pointer;
}

.hx_item {
	/* margin-right: 3.31rem; */
	margin-top: -0.07rem;
	width: 3.25rem;
}

.hx_item:hover .fl_item {
	cursor: pointer;
	color: #005BAC;
}

.hx_item:hover .yuan {
	cursor: pointer;
	background: #005BAC;
}

.wid100 {
	width: 15.3rem;
	/* overflow:auto */
}

.yuan {
	width: 0.15rem;
	height: 0.15rem;
	background: #A9A9A9;
	border-radius: 50%;
}

.shuxian {
	width: 1px;
	height: 0.18rem;
	background: #D7D7D7;
	margin-left: 0.07rem;
}

.fl_item {
	margin-top: 0.25rem;
	line-height: 0.36rem;
	font-size: 0.16rem;
	font-weight: bold;
	color: #333333;
}

.hsjs_div {
	/*background: url(/home/img/hsjs_bg.jpg);*/
	background-size: 100% 10.8rem;
	width: 100%;
	height: 5.31rem;
	margin-top: 0.7rem;
	padding: 0.6rem 3.4rem;
	color: #FFFFFF;
	background-repeat: no-repeat;

	background-attachment: fixed;
	top: 10rem;
}
.mySwiper3{
    
}
.hsjs_xz {
	font-size: 0.18rem;
}

.hsjs_dz {
	margin-top: 0.22rem;
	font-size: 0.36rem;
	font-weight: bold;
}

.hsjs_js {
	width: 11.53rem;
	font-size: 0.18rem;
	line-height: 0.38rem;
	margin-top: 0.49rem;
}

.ckgd_btn {
	margin-top: 0.5rem;
	width: 2.7rem;
	height: 0.5rem;
	background: #FFFFFF;
	font-size: 0.18rem;
	line-height: 0.5rem;
	color: #005BAC;
	text-align: center;
	margin-bottom: 0.3rem;
}
.ckgd_btn:hover{
    cursor: pointer;
}
.sws_kh {
	width: 100%;
	height: 6.03rem;
	background: #ECECEC;
	margin-top: 0.8rem;
	padding: 1.2rem 1.4rem;
}

.sws_img {
	background: url(/home/img/sws_bg.png) no-repeat;
	background-size: cover;
	height: 3.65rem;
	width: 8rem;
	padding: 1.21rem 0.52rem;

}

.sws_title {
	color: #005BAC;
	font-size: 0.36rem;
	font-weight: bold;
}

.sws_js {
	margin-top: 0.28rem;
	font-size: 0.15rem;
	color: #666666;
	line-height: 0.32rem;
	width: 3.2rem;
	 /*text-align: justify;*/
}

.sws_sj {
	margin-left: 0.24rem;
}

.sws_sj_item {

	font-size: 0.2rem;
	color: #666666;
}

.sws_sj_sz {
	color: #005BAC;
	/*font-size: 0.34rem;*/
	font-weight: bold;
	margin-top: 0.33rem;
}

.sws_sj_jia {
	font-size: 0.3rem;
}

.sws_lw {
	width: 2.5rem;
	height: 3.66rem;
	background: #FFFFFF;
	margin-left: 0.18rem;
}

.sws_lw img {
	width: 100%;
	height: 2.16rem;
}

.sws_lw_wz {
	font-size: 0.14rem;
	color: #666666;
	line-height: 0.24rem;
	padding: 0 0.1rem;
	word-wrap:break-word;
/*word-break:break-all;*/
	 /*text-align: justify;*/display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    /*word-break: break-all;*/
    white-space: normal !important;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.sws_lw_wz p span{
    font-size: 0.13rem !important;
   
}

.ball1 {
	position: absolute;
	z-index: -1000;
	animation:
		animX 4s cubic-bezier(0.64, 0, 0.36, 1) -11s infinite alternate,
		animY 4s cubic-bezier(0.64, 0, 0.36, 1) 0s infinite alternate,
		scale 8s cubic-bezier(0.64, 0, 0.36, 1) 0s infinite alternate;
}

@keyframes animX {
	0% {
		left: 0.31rem;
	}

	100% {
		left: 14rem;
	}
}

@keyframes animY {
	0% {
		top: 2.34rem;
	}

	100% {
		top: 5.49rem;
	}
}

/* @keyframes scale {
    0% {
      transform: scale(0.7)
    }
    50% {
      transform: scale(1)
    }
    100% {
      transform: scale(0.7)
   }
 } */


/**
 * @author Lenovo dzd
 * @date 2021/1/20 16:45
 */


.swiper-pagination-bullet {
	background: #BFBFBF !important;
}

.swiper-pagination-bullet-active {
	background: #FFFFFF !important;
}

.lv_div {
	margin: 1.07rem auto 0;
	position: relative;
	/*float: left;*/
	height: 6.3rem;
	width: 12.4rem;
}

.lv_item:nth-child(1){
	position: absolute;
	left: 0;
	top: 0;
}
.lv_item:nth-child(2){
	position: absolute;
	left: 4.13rem;
	top: 0;
}
.lv_item:nth-child(3){
	position: absolute;
	left: 8.26rem;
	top: 0;
}

.lv_item:nth-child(1):hover{
    position: absolute;
	left: -0.24rem;
	z-index: 100000;
}
.lv_item:nth-child(2){
	position: absolute;
	left: 3.89rem;
	top: 0;
}
.lv_item:nth-child(2):hover{
	z-index: 100000;
}
.lv_item:nth-child(3){
	position: absolute;
	left: 8.02rem;
	top: 0;
}
.lv_item:nth-child(3):hover{
	z-index: 100000;
}
.lv_item {
    transition-duration: 0.2s;
	width: 4.13rem;
}

.lv_item:hover .lv_img img{
	width: 4.61rem;
	height: 3.58rem;
	margin-left: -0.09rem;
	margin-top: -0.17rem;
	object-fit: cover;
}
/* .lv_img:hover{
	width: 4.61rem;
	height: 3.58rem;
} */
.lv_img img {
	width: 4.13rem;
	height: 3.21rem;
	box-shadow: 0 0 10px #AAAAAA;
}

.lv_img{
	height: 3.5rem;
}

.lv_item:hover .lv_zidiv{
	margin-top: 0.85rem;
}
.lv_zidiv{
	/*height: 1.5rem;*/
}
.lv_item:hover .lv_ckgd{
	opacity: 1;
}
.lv_item:nth-child(1):hover .lv_ckgd{
	display: block;
}
.lv_item:nth-child(2):hover .lv_ckgd{
	display: block;
}
.lv_item:nth-child(3):hover .lv_ckgd{
	display: block;
}
.lv_mz {
	margin-top: 0.68rem;
}

.lv_name {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}
.lv_item:hover .lv_zw{
     max-width: 3.5rem;
}
.lv_zw {
	margin-left: 0.1rem;
	font-size: 0.2rem;
	color: #333333;
	 max-width: 3rem;
}

.lv_js {
	margin-top: 0.26rem;
	font-size: 0.14rem;
	color: #666666;
	line-height: 0.32rem;
	padding-right: 0.6rem;
}

.lv_ckgd {
	margin-top: 0.33rem;
	color: #005BAC;
	font-size: 0.18rem;
	/* margin-left: 7.4rem; */
	/*display: none;*/
	opacity: 0;
}

.lv_ckgd:hover {
	cursor: pointer;
}

.lv_ckgd_jt {
	margin-left: 0.3rem;
}

.lv_item:hover {
	cursor: pointer;
	width: 4.61rem;
	/*height: 3.58rem;*/
}











 /*旋转部分、、、、、、、、、、、、、、、、、、、、、、、、、、*/
 #content {
     width: 12.4rem;
     /*width: 100%;*/
     margin: 0 auto;
     /*margin-left: 3.4rem;*/
     /*padding: 0 2rem;*/
     height: 6.5rem;
     position: relative;
     overflow: hidden;
 }
 .section3 {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     z-index: 999;
 }
 .section3 .ui_base {
     /* 中间容器 */
     /*width: 2024px;*/
     -webkit-perspective: 17rem;
     -moz-perspective: 17rem;
     -ms-perspective: 17rem;
     -o-perspective: 17rem;
     perspective: 17rem;
     -webkit-perspective-origin: 50% 25%;
     -moz-perspective-origin: 50% 25%;
     -o-perspective-origin: 50% 25%;
     -ms-perspective-origin: 50% 25%;
     perspective-origin: 50% 29%;
 }

 /* 中间圆球位置 */
 .section3 .ball_c {
     -webkit-transform-origin: 50% 50%;
     -moz-transform-origin: 50% 50%;
     -ms-transform-origin: 50% 50%;
     -o-transform-origin: 50% 50%;
     transform-origin: 50% 50%;
     position: absolute;
     width: 8.7rem;
     height: 3.8rem;
     background: url('/pc.png') no-repeat center center;
     background-size: 100% 101%;
     left: 50%;
     top: 47%;
     transform: translate(-50%, -50%);
     /* 加此属性为了解决图片所带阴影背景 */
 }

 /* 外侧轨道线 */
 .section3 .base {
     /* -webkit-animation: cir 30s linear 0s infinite;
     -o-animation: cir 30s linear 0s infinite;
     -ms-animation: cir 30s linear 0s infinite;
     -moz-animation: cir 30s linear 0s infinite;
     animation: cir 30s linear 0s infinite; */
     border: 1px solid #90C1ED;
     border-radius: 50%;
     position: relative;

     /* transition: all 5s; */
 }

 /* 外侧轨道线 */
 .u_p3d {
     -webkit-transform-style: preserve-3d;
     -ms-transform-style: preserve-3d;
     -o-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
     transform-style: preserve-3d;
 }

 /* 轨道位置 */
 .section3 .base {
     -webkit-transform: rotateX(80deg) rotateY(-10deg);
     -moz-transform: rotateX(80deg) rotateY(-10deg);
     -o-transform: rotateX(80deg) rotateY(-10deg);
     -ms-transform: rotateX(80deg) rotateY(-10deg);
     transform: rotateX(80deg) rotateY(-10deg);
     position: relative;
     width: 11rem;
     height: 11rem;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     top: -0.25rem;
     left: -0.45rem;
 }

 /* 轨迹线2 */
 .line1 {
     width: 9.7rem;
     height: 9.7rem;
     border: 1px solid #90C1ED;
     border-radius: 50%;
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     margin: auto;
 }

 /* 轨迹线3 */
 .line2 {
     width: 8.5rem;
     height: 8.5rem;
     border: 1px solid #90C1ED;
     border-radius: 50%;
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     margin: auto;
 }

 /* 小圆球  容器 ball_base*/
 .section3 .ball_base {
     /* -webkit-transform-origin: 11.25rem 0rem;
     -moz-transform-origin: 11.25rem 0rem;
     -ms-transform-origin: 11.25rem 0rem;
     -o-transform-origin: 11.25rem 0rem;
     transform-origin: 11.25rem 0rem; */
     /* width: 0.8rem;
     height: 0.8rem; */
     position: absolute;
     cursor: pointer;
 }
  .section3 .ball_base .ball_dom {
     position: absolute;
     left: 90%;
     top: -0.5rem;
     background: rgba(1, 138, 185, 0.4);
     width: 2.5rem;
     height: auto;
     padding: 0.2rem;
     font-size: 0.16rem;
     font-family: Microsoft YaHei;
     font-weight: 400;
     color: #FFFFFF;
     border-radius: 0.05rem;
     transform: scale(.7) rotate(10deg);
     /*opacity: 0;*/
     transition: all 1s ease-out 0ms;
     
 }
 .section3 .ball_base .ball_dom p{
     display:-webkit-box;
     overflow:hidden;
     text-overflow:ellipsis;
     word-wrap:break-word;
     word-break:break-all;
     white-space:normal !important;
     -webkit-line-clamp:4;
     -webkit-box-orient:vertical;
	 margin: 0;

 }

 .section3 .ball_base .ball {
     width: 0.35rem;
     height: 0.35rem;
     cursor: pointer;
 }
 .section3 .ball_1 {
     /*  ____ 外侧容器 */
     /* -webkit-transform: rotateX(-90deg) rotateY(0deg) translate(0, -50%);
     -o-transform: rotateX(-90deg) rotateY(0deg) translate(0, -50%);
     -moz-transform: rotateX(-90deg) rotateY(0deg) translate(0, -50%);
     -ms-transform: rotateX(-90deg) rotateY(0deg) translate(0, -50%); */
     transform: rotateX(-90deg) rotateY(0deg) translate(0, 0%);
     position: absolute;
     left: 3.5rem;
     top: 9.8rem;
 }

 .section3 .ball_2 {
     /*  ____ 外侧容器 */
     /* -webkit-transform: rotateX(-90deg) rotateY(60deg) translateY(-0rem);
     -moz-transform: rotateX(-90deg) rotateY(60deg) translateY(-0rem);
     -o-transform: rotateX(-90deg) rotateY(60deg) translateY(-0rem);
     -ms-transform: rotateX(-90deg) rotateY(60deg) translateY(-0rem); */
     transform: rotateX(-92deg) rotateY(-40deg) translateY(0rem);
     position: absolute;     
     left:0.75rem;
     top: 7rem;
 }

 .section3 .ball_3 {
     /*  ____ 外侧容器 */
     /* -webkit-transform: rotateX(-90deg) rotateY(120deg) translateY(-0rem);
     -o-transform: rotateX(-90deg) rotateY(120deg) translateY(-0rem);
     -ms-transform: rotateX(-90deg) rotateY(120deg) translateY(-0rem);
     -moz-transform: rotateX(-90deg) rotateY(120deg) translateY(-0rem); */
     transform: rotateX(-90deg) rotateY(-90deg) translateY(-0rem);
     position: absolute;
     left:0.87rem;
     top: 3.4rem;
 }

 .section3 .ball_4 {
     /*  ____ 外侧容器  */
     /* -webkit-transform: rotateX(-90deg) rotateY(180deg) translateY(-0rem);
     -moz-transform: rotateX(-90deg) rotateY(180deg) translateY(-0rem);
     -ms-transform: rotateX(-90deg) rotateY(180deg) translateY(-0rem);
     -o-transform: rotateX(-90deg) rotateY(180deg) translateY(-0rem); */
     transform: rotateX(-90deg) rotateY(225deg) translateY(-0rem);
     position: absolute;
     left: 3.6rem;
     top: 0.77rem;
 }

 .section3 .ball_5 {
     /*  ____ 外侧容器 */
     /* -webkit-transform: rotateX(-90deg) rotateY(240deg) translateY(-0rem);
     -moz-transform: rotateX(-90deg) rotateY(240deg) translateY(-0rem);
     -o-transform: rotateX(-90deg) rotateY(240deg) translateY(-0rem);
     -ms-transform: rotateX(-90deg) rotateY(240deg) translateY(-0rem); */
     transform: rotateX(-90deg) rotateY(180deg) translateY(-0rem);
     position: absolute;
      left:7.5rem;
      top: 0.985rem;
 }

 .section3 .ball_6 {
     /*  ____ 外侧容器 */
     /* -webkit-transform: rotateX(-90deg) rotateY(240deg) translateY(-0rem);
     -moz-transform: rotateX(-90deg) rotateY(240deg) translateY(-0rem);
     -o-transform: rotateX(-90deg) rotateY(240deg) translateY(-0rem);
     -ms-transform: rotateX(-90deg) rotateY(240deg) translateY(-0rem); */
     transform: rotateX(-90deg) rotateY(136deg) translateY(-0rem);
     position: absolute;
     left: 9.85rem;
     top: 3.6rem;
 }

 .section3 .ball_7 {
     /*  ____ 外侧容器 */
     /* -webkit-transform: rotateX(-90deg) rotateY(240deg) translateY(-0rem);
     -moz-transform: rotateX(-90deg) rotateY(240deg) translateY(-0rem);
     -o-transform: rotateX(-90deg) rotateY(240deg) translateY(-0rem);
     -ms-transform: rotateX(-90deg) rotateY(240deg) translateY(-0rem); */
     transform: rotateX(-90deg) rotateY(91deg) translateY(-0rem);
     position: absolute;
     right: 0.8rem;
     top: 7rem;
 }
 .section3 .ball_8 {
     /*  ____ 外侧容器 */
     /* -webkit-transform: rotateX(-90deg) rotateY(240deg) translateY(-0rem);
     -moz-transform: rotateX(-90deg) rotateY(240deg) translateY(-0rem);
     -o-transform: rotateX(-90deg) rotateY(240deg) translateY(-0rem);
     -ms-transform: rotateX(-90deg) rotateY(240deg) translateY(-0rem); */
     transform: rotateX(-90deg) rotateY(46deg) translateY(-0rem);
     position: absolute;
     right: 3.4rem;
     bottom: 0.86rem;
 }
 .section3 .ball {
     -webkit-transform-origin: 50% 50%;
     -o-transform-origin: 50% 50%;
     -ms-transform-origin: 50% 50%;
     -moz-transform-origin: 50% 50%;
     transform-origin: 50% 50%;
     /* background-image: url('/home/img/wx.png');
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 100% 100%; */
     text-align: center;
	 width: 0.35rem;
	 height: 0.35rem;
	 background: #90C1ED;
	 border-radius: 50%;
	 overflow: hidden;
	 position: relative;
 }
 .section3 .ball::after{
	content: '';
	width: 0.19rem;
	height: 0.19rem;
	background: #005BAC;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
 }

 /* .section3 .ball_a{
     background-image: url('/home/img/wx_a.png');
 } */

 .section3 .ball_1 .ball {
     transform: rotateY(10deg) rotateZ(10deg);
 }
 .section3 .ball_2 .ball {
     transform: rotateY(-110deg) rotateZ(-110deg);
 }
 .section3 .ball_3 .ball {
     transform: rotateY(-240deg) rotateZ(20deg);
 }

 .section3 .ball_4 .ball {
     transform: rotateY(-180deg) rotateZ(10deg);
 }

 .section3 .ball_5 .ball {
     transform: rotateY(-170deg) rotateZ(360deg);
 }

.section3 .ball_6 .ball {
    transform: rotateY(-140deg) rotateZ(355deg);
}
.section3 .ball_7 .ball {
    transform: rotateY(-60deg) rotateZ(360deg);
}
.section3 .ball_8 .ball {
    transform: rotateY(90deg) rotateZ(360deg);
}



/* 

 .section3 .ball_1 .ball {
     -webkit-transition-delay: 1100ms;
     -o-transition-delay: 1100ms;
     -moz-transition-delay: 1100ms;
     -ms-transition-delay: 1100ms;
     transition-delay: 1100ms;
 }

 .section3 .ball_2 .ball {
     -webkit-transition-delay: 900ms;
     -moz-transition-delay: 900ms;
     -o-transition-delay: 900ms;
     -ms-transition-delay: 900ms;
     transition-delay: 900ms;
 }

 .section3 .ball_3 .ball {
     -webkit-transition-delay: 700ms;
     -o-transition-delay: 700ms;
     -ms-transition-delay: 700ms;
     -moz-transition-delay: 700ms;
     transition-delay: 700ms;
 }

 .section3 .ball_4 .ball {
     -webkit-transition-delay: 500ms;
     -o-transition-delay: 500ms;
     -ms-transition-delay: 500ms;
     -moz-transition-delay: 500ms;
     transition-delay: 500ms;
 }

 .section3 .ball_5 .ball {
     -webkit-transition-delay: 300ms;
     -moz-transition-delay: 300ms;
     -ms-transition-delay: 300ms;
     -o-transition-delay: 300ms;
     transition-delay: 300ms;
 }
*/
/* 
 .section3 .ball_1 .ball {
     -webkit-animation: cir1 30s linear 0s infinite;
     -o-animation: cir1 30s linear 0s infinite;
     -ms-animation: cir1 30s linear 0s infinite;
     -moz-animation: cir1 30s linear 0s infinite;
     animation: cir1 30s linear 0s infinite
 }

 .section3 .ball_2 .ball {
     -webkit-animation: cir2 30s linear 0s infinite;
     -o-animation: cir2 30s linear 0s infinite;
     -ms-animation: cir2 30s linear 0s infinite;
     -moz-animation: cir2 30s linear 0s infinite;
     animation: cir2 30s linear 0s infinite
 }

 .section3 .ball_3 .ball{
     -webkit-animation: cir3 30s linear 0s infinite;
     -o-animation: cir3 30s linear 0s infinite;
     -ms-animation: cir3 30s linear 0s infinite;
     -moz-animation: cir3 30s linear 0s infinite;
     animation: cir3 30s linear 0s infinite
 }

 .section3 .ball_4 .ball {
     -webkit-animation: cir4 30s linear 0s infinite;
     -o-animation: cir4 30s linear 0s infinite;
     -ms-animation: cir4 30s linear 0s infinite;
     -moz-animation: cir4 30s linear 0s infinite;
     animation: cir4 30s linear 0s infinite
 }

 .section3 .ball_5 .ball {
     -webkit-animation: cir5 30s linear 0s infinite;
     -o-animation: cir5 30s linear 0s infinite;
     -ms-animation: cir5 30s linear 0s infinite;
     -moz-animation: cir5 30s linear 0s infinite;
     animation: cir5 30s linear 0s infinite
 } 
.section3 .ball_6 .ball {
    -webkit-animation: cir6 30s linear 0s infinite;
    -o-animation: cir6 30s linear 0s infinite;
    -ms-animation: cir6 30s linear 0s infinite;
    -moz-animation: cir6 30s linear 0s infinite;
    animation: cir6 30s linear 0s infinite
}
.section3 .ball_7 .ball {
    -webkit-animation: cir7 30s linear 0s infinite;
    -o-animation: cir7 30s linear 0s infinite;
    -ms-animation: cir7 30s linear 0s infinite;
    -moz-animation: cir7 30s linear 0s infinite;
    animation: cir7 30s linear 0s infinite
} */


 @keyframes cir1 {
     0% {
         transform: rotateY(10deg) rotateZ(10deg);
     }

     100% {
         transform: rotateY(-350deg) rotateZ(10deg)
     }
 }
 @keyframes cir2 {
     0% {
         transform: rotateY(-110deg) rotateZ(-110deg);
     }

     100% {
         transform: rotateY(-470deg) rotateZ(-110deg);
     }
 }
 @keyframes cir3 {
     0% {
         transform: rotateY(-240deg) rotateZ(20deg);
     }

     100% {
        transform: rotateY(-600deg) rotateZ(20deg);
     }
 }
 @keyframes cir4 {
     0% {
         transform: rotateY(-180deg) rotateZ(10deg);
     }
     100% {
         transform: rotateY(-540deg) rotateZ(10deg);
     }
 }
 @keyframes cir5 {
     0% {
         transform: rotateY(-170deg) rotateZ(360deg);
     }
     100% {
        transform: rotateY(-530deg) rotateZ(360deg);
     }
 }
 @keyframes cir6 {
     0% {
          transform: rotateY(-140deg) rotateZ(355deg);
     }

     100% {
         transform: rotateY(-500deg) rotateZ(355deg);
     }
 }
 @keyframes cir7 {
     0% {
          transform: rotateY(-60deg) rotateZ(360deg);
     }

     100% {
         transform: rotateY(-420deg) rotateZ(360deg);
     }
 }


 @keyframes cir {
     0% {
         transform: rotateX(80deg) rotateY(-10deg) rotateZ(0deg)
     }

     100% {
         transform: rotateX(80deg) rotateY(-10deg) rotateZ(-360deg)
     }
 }

 @-webkit-keyframes cir {
     0% {
         -webkit-transform: rotateX(80deg) rotateY(-10deg) rotateZ(0deg)
     }

     100% {
         -webkit-transform: rotateX(80deg) rotateY(-10deg) rotateZ(-360deg)
     }
 }



/* 球底部左右切换 */

.con-year {
    position: relative;
    padding-left: 7vw;
	overflow: hidden;
	padding-top: 0.3rem;
	position: relative;
}
.con-year::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #D7D7D7;
	top: 0.3rem;
	left: 0;
	z-index: 1;
}
.con-year .year-items {
    display: flex;
    justify-content: flex-start;
    transition: transform .366s;
	position: relative;
	z-index: 2;

}
.con-year .year-items .active,
.con-year .year-items .item:hover {
    transition: all .3s;
    /* box-shadow: 0vw 0.4688vw 0.6771vw 0vw rgba(0, 0, 0, 0.22); */
    cursor: pointer
}
.con-year .year-items .active .year::after,
.con-year .year-items .item:hover .year::after{border-color: #02BAB4 !important;background: #005BAC !important;}
.con-year .year-items .active .year::before,
.con-year .year-items .item:hover .year::before{background: #005BAC !important;}
.con-year .year-items .active .year,
.con-year .year-items .active .text,
.con-year .year-items .item:hover .year,
.con-year .year-items .item:hover .text {
    color: #005BAC !important;
    transition: color .3s
}
.con-year .year-items .item {
    min-width: 17.1354vw;
    /* background: #252525; */
    display: flex;
    flex-direction: column;
    color: #4F4F4F;
	
}

.con-year .year-items .item .year {
    position: relative;
    width: 100%;
    font-size: 0.16rem;
    font-weight: 300;
	z-index: 2;
	padding-left: 1.2rem;
	padding-top: 0.3rem;
}
.con-year .year-items .item .year p{
	margin: 0;
	margin-top: 0.15rem;
}
.con-year .year-items .item .year::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 0.16rem;
    height: 0.16rem;
    background: #A9A9A9;
    border-radius: 50%;
	transition: all 0.365s;
	z-index: 2;
}
.con-year .year-items .item .year::before {
    content: "";
    position: absolute;
    top: 0.08rem;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 0.18rem;
    background-color: #D7D7D7;
	transition: all 0.365s;
}
.con-year .year-items .item .text {
    padding: 1.0313vw 2.3438vw;
    height: 6.3542vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8333vw;
    color: #858585;
    line-height: 1.4583vw;
    flex: 1
}
.con-year .arrow {
    position: absolute;
    top: 0.1rem;
    width: 7vw;
    height: 100%;
    z-index: 10;
    background-color: #fff;
}
.con-year .arrow::after {
    content: "";
    position: absolute;
    top: 0.54rem;
    width: 0.3rem;
    height: 0.25rem;
    z-index: 2;
    cursor: pointer
}
.con-year .arrow::before {
    content: "";
    position: absolute;
    top: 0.2rem;
    width: 100%;
    height: 0.0521vw;
    background-color: #D7D7D7;
    z-index: 2;
}
.con-year .arrow-left {
    left: 0;
}
.con-year .arrow-left::after {
    left: 3.8542vw;
    background: url("/home/img/arrow-left-gray.png") no-repeat;
    background-size: 100% 100%;
}
.con-year .arrow-right {
    right: 0;
}
.con-year .arrow-right::after {
    right: 3.8542vw;
    background: url("/home/img/arrow-right-gray.png") no-repeat;
    background-size: 100% 100%;
}