/* 头部样式 */

header {
	width: 1840px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: transparent;
	position: fixed;
	left: 0;
	right: 0;
	top: 27px;
	z-index: 1;
}
header > nav {
	display: flex;
}
nav .hov {
	position: relative;
	z-index: 1;
	display: block;

}

nav .hov:first-of-type:before {
	display: none;
}
nav > div:nth-of-type(2) > .hov:nth-of-type(6):before {
	display: none;
}
nav > div:nth-of-type(2) > .hov:hover:before {
	opacity: 0.91;
}
nav .hov:hover > img {
	opacity: 0.5;
}
nav .hov > img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	opacity: 0;
	transition: opacity linear 0.3s;
}
header > nav a {
	color: #a8e0fd;
}
header > nav > div:not(:last-of-type) {
	margin-right: 60px;
}
.main{
	position: relative;
}
.main > div > div:nth-of-type(2) {
	background-image: url(../images/ygkj_index_area_02.jpg);
	background-size: 100% 100%;
}
.main > div > div:nth-of-type(3) {
	background-image: url(../images/ygkj_index_area_03.jpg);
	background-size: 100% 100%;
}
.main > div > div:nth-of-type(4) {
	background-image: url(../images/ygkj_index_area_04.jpg);
	background-size: 100% 100%;
	display: none;
}
.main > div > div:nth-of-type(5) {
	background-image: url(../images/ygkj_index_newBg_02.jpg);
	background-size: 100% 100%;
}
.main > div > div:nth-of-type(6) {
	background-image: url(../images/ygkj_index_area_06.jpg);
	background-size: 100% 100%;
}

.indexMainSwiperSilder >  .swiper-pagination-bullet {
    margin: 42px 12px!important;
    display: block!important;
    width: 7px!important;
    height: 7px!important;
	background: url(../images/ygkj_zjyg_contentNavBg2.jpg) no-repeat!important;
	background-size: 100% 100%!important;
	opacity: 0.4!important;
	transition: all .5s ease;
	position: relative;
}
.indexMainSwiper .indexMainSwiperSilder{
	right: 38px!important;
}




.indexMainSwiperSilder >  .swiper-pagination-bullet.swiper-pagination-bullet-active{
	opacity: 1!important;
	width: 8px!important;
    height: 13px!important;
	background: url(../images/rain.png) no-repeat!important;
	background-size: 100% 100%!important;
	transition: all .5s ease;
}
.indexMainSwiperSilder >  .swiper-pagination-bullet::before{
	font-family: MicrosoftYaHeiSemilight;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 56px;
    letter-spacing: 0px;
    color: rgba(254, 254, 254, 1);
    position: absolute;
    top: -26px;
    left: -110px;
    display: block;
    width: 100px;
    text-align: right;
}
.indexMainSwiperSilder >  .swiper-pagination-bullet.swiper-pagination-bullet-active::before{
	color: rgba(255, 228, 0, 1);
	margin: 4px 0;
}
.indexMainSwiperSilder >  .swiper-pagination-bullet:nth-of-type(1)::before{
	content: 'Top';
}

.indexMainSwiperSilder >  .swiper-pagination-bullet:nth-of-type(2)::before{
	content: 'Introduction';
}

.indexMainSwiperSilder >  .swiper-pagination-bullet:nth-of-type(3)::before{
	content: 'Products';
}

.indexMainSwiperSilder >  .swiper-pagination-bullet:nth-of-type(4)::before{
	content: 'News';
}

.indexMainSwiperSilder >  .swiper-pagination-bullet:nth-of-type(5)::before{
	content: 'End';
}

.indexMainSwiperSilder >  .swiper-pagination-bullet:nth-of-type(6)::before{
	content: '';
}

.indexMainSwiper >  .swiper-wrapper  > .swiper-slide{
	overflow: hidden;
}

.trans {
	transition: margin-left linear 0.4s;
}

#banner{
	width: 100%;
	height: 100%;
	position: relative;
}



.banner{
	width: 100%;
	height: 100%;
	position: relative;
}

.banner  > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	
}


.phonebanner{
	display:none;
}
#banner > div > div >div:nth-of-type(2)> img {
	display: block;
	width: 100%;
	height: 853px;
	overflow: hidden;
    position: relative;
    margin: 0 auto;
    object-fit: cover;
    object-position: center center;
}

.indexBannerSwiper-button{
    position: absolute;
    width: 140px;
	height: 70px;
    top: 68%;
	left: -10%;
	animation: goLeft .5s 1.5s ease forwards;
}



@keyframes goLeft{
	to{
		left: 14%;
	}

}

.indexBannerSwiper-pagination.swiper-pagination-custom {
	bottom: 50%!important;
    position: absolute!important;
    left:  -53%;
    width: 100%;
    transform: rotate(90deg);
    z-index: 1111;
    text-align: center;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 56px;
	letter-spacing: 0.5px;
	color: rgba(254, 254, 254, .5);
	animation: goLeft2 .5s 1s ease forwards;
}
@keyframes goLeft2{
	to{
		left: -47%;
	}

}
.indexBannerSwiper-pagination > b{
	margin: 0 24px;
}
.indexBannerSwiper-pagination > span{
	color: rgba(254, 254, 254, 1);
}

.swiper-button-prev.indexBannerSwiper-button-prev {
	background:url(../images/ygkj_index_area1_16.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(-180deg);
	width: 48px!important;
	height: 48px!important;
}

.swiper-button-next.indexBannerSwiper-button-next {
	background:url(../images/ygkj_index_area1_16.png) no-repeat;
	background-size: 100% 100%;
	width: 48px!important;
	height: 48px!important;
}
.center_content{
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
	position: relative;
	bottom: 75%;
	z-index: 111;
}
.index_bg{
	width: 100%;
	height: 100%;
}

.center_content >div:nth-of-type(1) >img {
	transform:scale(1.2);
}
.center_content >div:nth-of-type(2) >img{
  width:750px;
	margin-top:0px;
}
.center_content >div:nth-of-type(3) >img{
	width:400px;
	margin-top:0px;
}
.center_content >div:nth-of-type(1){
	margin-top: 50px;
	opacity: 0;
}
.center_content >div:nth-of-type(2){
	margin-top: 25px;
	opacity: 0;
	/*margin-bottom: 10px;*/
}
.center_content >div:nth-of-type(3){

	margin-top: 0px;
	opacity: 0;
}
.center_content2{
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
	position: relative;
	left: -20%;
	bottom: 71%;
	z-index: 111;
}
.center_content2 >div:nth-of-type(1){
	margin-left: -150px;
	opacity: 0;
}
.center_content2 >div:nth-of-type(2){
	margin-left: -150px;
	opacity: 0;
}
.center_content2 >div:nth-of-type(3){

	margin-left: -150px;
	opacity: 0;
}

.center_content2 > div >img{
    transform: scale(0.8);
}
.center_content >div:nth-of-type(2) > p {
	font-family: Arial-BoldMT;
	font-size: 113px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 132px;
	letter-spacing: 11px;
	color: #96d8f9;
	box-shadow: 0px 8px 29px 6px
	rgba(0, 21, 57, 0.66);
	opacity: 0.83;
	/*background-size: contain;
	background-image: url(../images/ygkj_index_top_01.jpg);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;*/
}
.center_content >div:nth-of-type(2){
	text-align:center;
	mix-blend-mode: hard-light;
}
.mouse >img:first-of-type{
	transform:scale(0.8)
}
 .mouse >img:last-of-type{
	display: block;
	margin: 0 auto;
	margin-top: 5px;
	transform:scale(0.8)
}
.item_1:hover > .mouse >img:last-of-type{
	animation: move 1s infinite ;
	animation-direction: alternate;
}
@keyframes move {
	0%{
		transform: translateY(0px);
	}
	100%{
		transform: translateY(5px);
	}
}
.item_2:hover > .mouse >img:last-of-type{
	animation: move 1s infinite ;
	animation-direction: alternate;
}
@keyframes move {
	0%{
		transform: translateY(0px);
	}
	100%{
		transform: translateY(5px);
	}
}
.item_3:hover > .text> .mouse > img:last-of-type{
	animation: move 1s infinite ;
	animation-direction: alternate;
}
@keyframes move {
	0%{
		transform: translateY(0px);
	}
	100%{
		transform: translateY(5px);
	}
}
.item_4:hover > .mouse >img:last-of-type{
	animation: move 1s infinite ;
	animation-direction: alternate;
}
@keyframes move {
	0%{
		transform: translateY(0px);
	}
	100%{
		transform: translateY(5px);
	}
}
.item_5:hover > .mouse >img:last-of-type{
	animation: move 1s infinite ;
	animation-direction: alternate;
}
@keyframes move {
	0%{
		transform: translateY(0px);
	}
	100%{
		transform: translateY(5px);
	}
}
.item_1 .bannerIndex {
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(90deg);
	left: 40px;
	z-index: 111;
}
.item_1 .bannerIndex span {
	color: white;
	display: inline-block;
	margin: 0 10px;
}
.item_1 .bannerIndex span:not(:first-of-type) {
	color: #7c7d83;
}
.silder {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	right: 60px;
	color: #4e658c;
	z-index: 100;
}
.silder div {
	position: relative;
	text-align: right;
	cursor: pointer;
}
.silder div:hover{
	color:#FFFFFF;
}
.message{
	height:521px;
}
.silder div:not(:first-of-type) {
	margin-top: 40px;
}
.silder div.active {
	color: #ffe400;
}
.silder div::after {
	content: '';
	position: absolute;
	right: -20px;
	top: 50%;
	width: 7px;
	height: 7px;
	transform: translateY(-50%);
	background-image: url(../images/dot.png);
	background-position: center center;
	background-size: cover;
}
.silder div.active::after {
	width: 8px;
	height: 13px;
	color: #ffe400;
	background-image: url(../images/rain.png);
}
.mouse {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 111;
}

/* 页面二 */
.text {
	width: 1460px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1111;
}
.text > h3 {
	font-family: MicrosoftYaHeiLight;
	font-size: 46px;
	/* font-size: 40px; */
	color: white;
}
.text > h3 img {
	margin: 0 20px;
}
.text > span {
	text-transform: uppercase;
	font-family: PFDinTextPro-Regular;
	font-size: 40px;
	font-weight: bold;
	line-height: 56px;
	color: #1c4bbe;
	letter-spacing: 6px;

}
.textphone {
	width: 1460px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1111;
}
.textphone > h3 {
	font-family: MicrosoftYaHeiLight;
	font-size: 46px;
	/* font-size: 40px; */
	color: white;
}
.textphone > h3 img {
	margin: 0 20px;
}
.textphone > span {
	text-transform: uppercase;
	font-family: PFDinTextPro-Regular;
	font-size: 40px;
	font-weight: bold;
	line-height: 56px;
	color: #1c4bbe;
	letter-spacing: 6px;

}

.item_2 #can2{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .2;
}
.item_2 .Mask img:nth-of-type(1){
	position: absolute;
	z-index: 111;
	top: 0;
	left: 0;
	width: 26.35vw;
}
.item_2 .Mask img:nth-of-type(2){
	position: absolute;
	z-index: 111;
	top: 0;
	left: 0;
	width: 16.41vw;
}
.item_2 .Mask img:nth-of-type(3){
	position: absolute;
	z-index: 111;
	top: 0;
	left: 0;
	width: 30.63vw;
}
.item_2 .Mask img:nth-of-type(4){
	position: absolute;
	z-index: 111;
	top: 0;
	left: 0;
	width: 16.96vw;
}




.item_2 .text p {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 18px;
	margin-top: 18px;
	color: white;
	width: 100%;
	text-align: center;
}
.item_2 .text b{
font-family: MicrosoftYaHeiSemibold;
font-size: 16px;
font-weight: bold;
letter-spacing: 0px;
color: #ffe400;
}
.item_2 .text p:first-of-type {
	margin-top: 45px;
}
.item_2 .btn2 {
	width: 185px;
	height: 45px;
	background-image: url(../images/news_btn.png);
	background-size: 185px 45px;
	margin-top: 90px;
	transition: all 900ms;
	border-radius: 25px;
}
.item_2 .btn2:hover {
	background: url(../images/ygkj_zjyg_contentNavBg1.png) no-repeat;
	background-size: 185px 45px;
	transition: all .2s ease;
	animation: spin .2s linear forwards;
}
.item_2 .btn2 a{
	color:#FFFFFF;
}
.item_2 .btn2 a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 45px;
	text-align: center;
	color: rgba(254, 254, 254, 1);
}

.item_3{
	overflow: hidden;
}
.item_3 #can3{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.item_3 .Mask img:nth-of-type(1){
	position: absolute;
	z-index: 111;
	top: 0;
	left: 0;
	width: 26.35vw;
}
.item_3 .Mask img:nth-of-type(2){
	position: absolute;
	z-index: 111;
	top: 0;
	left: 0;
	width: 16.41vw;
}
.item_3 .Mask img:nth-of-type(3){
	position: absolute;
	z-index: 111;
	top: 0;
	left: 0;
	width: 30.63vw;
}
.item_3 .Mask img:nth-of-type(4){
	position: absolute;
	z-index: 111;
	top: 0;
	left: 0;
	width: 16.96vw;
}

.item_3Swiper{
	width: 100%;
	position: relative;
	padding-bottom: 60px;
	margin-top: 30px!important;
}

.item_3Swiper .swiper-slide:nth-of-type(1n) .circle-3{
	background-color:  rgba(28, 121, 251, 1);
}



.item_3Swiper .swiper-slide:nth-of-type(2n) .circle-3{
	background-color:  rgba(28, 212, 203, 1);
}



.item_3Swiper .swiper-slide:nth-of-type(3n) .circle-3{
	background-color: rgba(132, 93, 255, 1);
}


.item_3Swiper .item_3Swiper-pagination {
	display: block;
	width: 100%;
	height: 50px;

	position: relative!important;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	letter-spacing: 0.5px;
	color: rgba(254, 254, 254, .4);
	bottom: unset!important;
}
.item_3Swiper .item_3Swiper-pagination span {
	color: rgba(254, 254, 254, 1);
}
.item_3Swiper .item_3Swiper-pagination b {
	margin: 0 20px;
	display: block;
	width: 60px;
	height: 1px;
	background: rgba(254, 254, 254, .4);
}
.item_3_arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-top:74px;
}
.item_3_arrow .prev,
.item_3_arrow .next {
	width: 48px;
	height: 48px;
	background-image: url(../images/ygkj_index_area1_16.png);
}
.item_3_arrow .next {
	background-position: -66px;
}
.item_3_arrow span:not(:first-of-type) {
	margin-left: 25px;
	color: white;
}
.dxal_information{
	padding: 70px 70px 0;
}
.item_3Swiper .dxal_information:nth-of-type(n) >a:nth-of-type(1){
	display: block;
	width: 360px;
	height: 328px;
	background: url(../images/ygkj_dxal_bg.png) no-repeat;

	position: relative;
	text-align: center;
	box-shadow: 0px 20px 30px rgba(0,0,0,0.2);
}
.item_3Swiper .dxal_information:nth-of-type(2) >a:nth-of-type(1){
	display: block;
	width: 360px;
	height: 328px;
	background: url(../images/ygkj_dxal_bg1.png) no-repeat;

	position: relative;
	text-align: center;
	box-shadow: 0px 20px 30px rgba(0,0,0,0.2);
}
.item_3Swiper .dxal_information:nth-of-type(4) >a:nth-of-type(1){
	display: block;
	width: 360px;
	height: 328px;
	background: url(../images/ygkj_dxal_bg.png) no-repeat;
	position: relative;
	text-align: center;
	box-shadow: 0px 20px 30px rgba(0,0,0,0.2);
}
.item_3Swiper .dxal_information:nth-of-type(3n) >a:nth-of-type(1){
	display: block;
	width: 360px;
	height: 328px;
	background: url(../images/ygkj_dxal_bg2.png) no-repeat;
	position: relative;
	text-align: center;
	box-shadow: 0px 20px 30px rgba(0,0,0,0.2);
}
.item_3Swiperphone{
	display: none;
}
.dxal_information >a >img{
	position: relative;
	z-index: 111;
	top: -14px;
}
.dxal_information >a >.introduce{
	width: 266px;
	margin: 0 auto;
	text-align: center;
	margin-top: -15px;
}
.dxal_information >a >.introduce >h3{
	font-family:MicrosoftYaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	padding-top: 57px;
	padding-bottom: 30px;
}
.dxal_information >a >.introduce > ul li{
	width: 360px;
	height: 42px;
	margin-left: -47px;
	display: flex;
	justify-content: space-around;
}
.dxal_information >a >.introduce > ul li span {
	line-height: 42px;
}
.message_wrap >div:nth-of-type(1) >a >.introduce > ul li span{
	color: #c2dbff;
	width: 80px;
	text-align: left;
}
.message_wrap >div:nth-of-type(2) >a >.introduce > ul li span{
	color: #bffffc;
	width: 121px;
	text-align: left;
}
.message_wrap >div:nth-of-type(3) >a >.introduce > ul li span{
	color: #d6c9ff;
}
.message_wrap >div:nth-of-type(4) >a >.introduce > ul li span{
	color: #c2dbff;
}
.message_wrap >div:nth-of-type(1) >a >.introduce > ul li:nth-of-type(2){
	width: 360px;
	background-color: rgba(3,78,180,0.37);
	margin: 0 auto;
	margin-left: -47px;
	display: flex;
	justify-content: space-around;
}
.message_wrap >div:nth-of-type(1) >a >.introduce > ul li:last-of-type{
	width: 360px;
    background-color: rgba(3,78,180,0.37);
	margin: 0 auto;
	margin-left: -47px;
	display: flex;
	justify-content: space-around;
}
.message_wrap >div:nth-of-type(2) >a >.introduce > ul li:nth-of-type(2){
	width: 360px;
	background-color: rgba(5,101,136,0.37);
	margin: 0 auto;
	margin-left: -47px;
	display: flex;
	justify-content: space-around;
}
.message_wrap >div:nth-of-type(2) >a >.introduce > ul li:last-of-type{
	width: 360px;
    background-color: rgba(5,101,136,0.37);
	margin: 0 auto;
	margin-left: -47px;
	display: flex;
	justify-content: space-around;
}
.message_wrap >div:nth-of-type(3) >a >.introduce > ul li:nth-of-type(2){
	width: 360px;
	background-color: rgba(27,12,138,0.37);
	margin: 0 auto;
	margin-left: -47px;
	display: flex;
	justify-content: space-around;
}
.message_wrap >div:nth-of-type(3) >a >.introduce > ul li:last-of-type{
	width: 360px;
    background-color: rgba(27,12,138,0.37);
	margin: 0 auto;
	margin-left: -47px;
	display: flex;
	justify-content: space-around;
}
.message_wrap >div:nth-of-type(4) >a >.introduce > ul li:nth-of-type(2){
	width: 360px;
    background-color: rgba(3,78,180,0.37);
	margin: 0 auto;
	margin-left: -47px;
	display: flex;
	justify-content: space-around;
}
.message_wrap >div:nth-of-type(4) >a >.introduce > ul li:last-of-type{
	width: 360px;
    background-color: rgba(3,78,180,0.37);
	margin: 0 auto;
	margin-left: -47px;
	display: flex;
	justify-content: space-around;
}
.dxal_information >a >.introduce >p{
	width: 266px;
	font-family: MicrosoftYaHeiLight;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;
	padding-top: 29px;
	text-align: left;
}
.item_3_arrow img {
	display: block;
	margin-left: 25px;
}

.item_3Swiper-button{
	position: relative;
	width: 320px;
	height: 54px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1111;
}



.item_3Swiper  .swiper-button-prev.item_3Swiper-button-prev {
	background:url(../images/ygkj_index_area1_16.png) no-repeat;
	background-size: 100% 100%;
	/*transform: rotate(-180deg);*/
	width: 48px!important;
	height: 48px!important;
}

.item_3Swiper  .swiper-button-next.item_3Swiper-button-next {
	background:url(../images/ygkj_index_area1_16.png) no-repeat;
	background-size: 100% 100%;
	width: 48px!important;
	height: 48px!important;
}

.btn2 {
	width: 185px;
	height: 45px;
	background-image: url(../images/news_btn.png);
	background-size: 185px 45px;
	margin-top: 90px;
	transition: all .5s ease;
	border-radius: 25px;
}
.btn2:hover {
	background: url(../images/ygkj_zjyg_contentNavBg1.png) no-repeat;
	background-size: 185px 45px;
	transition: all .2s ease;
	animation: spin .2s linear forwards;
}
.btn2 a{
	color:#FFFFFF;
}
.btn2 a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 45px;
	text-align: center;
	font-size: 14px;
	font-size: 14px;
}


.item_4 #can4{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


.item_4 .Mask img:nth-of-type(1){
	position: absolute;
	z-index: 111;
	top: 0;
	left: 0;
	width: 26.35vw;
}
.item_4 .Mask img:nth-of-type(2){
	position: absolute;
	z-index: 111;
	top: 0;
	left: 0;
	width: 16.41vw;
}
.item_4 .Mask img:nth-of-type(3){
	position: absolute;
	z-index: 111;
	top: 0;
	left: 0;
	width: 30.63vw;
}
.item_4 .Mask img:nth-of-type(4){
	position: absolute;
	z-index: 111;
	top: 0;
	left: 0;
	width: 16.96vw;
}

.item_4 > .text {
	align-items: flex-start;
	position: relative;
	z-index: 1111;
}
.item_4 > .text .item_4TextSwiper{
	width: 560px;
	margin: 0;
}
.item_4 > .text .item_4TextSwiper > div > div > p:first-of-type {
	margin-top: 90px;
	font-family: PFDinTextPro-Medium;
	font-size: 32px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 1px;
	color: #30f2e5;

}
.item_4 > .text .item_4TextSwiper > div > div > p:last-of-type {
	margin-top: 40px;
	color: white;
	font-size: 32px;
	padding-bottom: 2px;
	text-decoration: underline;
	-moz-text-decoration-style: wavy; /* 针对 Firefox 的代码 */
	text-underline-position: under;

}
.item_4 > .text .item_4TextSwiper .swiper-slide.swiper-slide-active{
	opacity: 1!important;

}
.item_4 > .text .item_4TextSwiper .swiper-slide{
	opacity: 0!important;

}
.item_4 > .text  > .img_wrap {
	position: absolute;
	z-index: -1;
	left: 410px;
	width: 1280px;

	height: 688px;
	overflow: hidden;
}
.item_4 > .text  > .img_wrap > .item_4ImgSwiper  {
	top: 100px;
	width: 965px;
	height: 488px;
	margin: 0;
	overflow: unset!important;
}
.item_4 > .text  > .img_wrap > .item_4ImgSwiper  .swiper-slide{

}
.item_4 > .text  > .img_wrap > .item_4ImgSwiper  .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.5);
}
.item_4ImgSwiper  .swiper-slide{
	transform: scale(.9);
	transition: all .5s ease;
}
.item_4ImgSwiper  .swiper-slide.swiper-slide-active{
	padding: 20px;
	transform: scale(1);
	transition: all .5s ease;
	
}

.item_4ImgSwiper  .swiper-slide::after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.5);
	opacity: 1;
	transition: all .5s ease;
}
.item_4ImgSwiper  .swiper-slide.swiper-slide-active::after{
	opacity: 0;
	transition: all .5s ease;
}

.item_4_arrow{
	width: 60px;
	height: 60px;
	position: absolute;
	right: 22.5%;
    top: 89%;
	background: url(../images/item_4_arrow.png) no-repeat;
	background-size: 100% 100%;

}



.item_4_arrow  .swiper-button-prev.item_4TextSwiper-button-prev {
	background:url(../images/item_4_arrow_icon.png) no-repeat;
	background-size: 100% 100%;
	transform: rotate(-180deg);
	width: 9px!important;
	height: 12px!important;
	top: 45px;
}

.item_4_arrow  .swiper-button-next.item_4TextSwiper-button-next {
	background:url(../images/item_4_arrow_icon.png) no-repeat;
	background-size: 100% 100%;
	width: 9px!important;
	height: 12px!important;
	top: 45px;
}



.item_5 .news {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
.news >a >div:nth-of-type(1){
	width:600px;
	height:545px;
	overflow: hidden;
}
.news >a >div:nth-of-type(1):hover >img{
   transform: scale(1.1);
	transition: transform  1s ease;
}
.news >a > div:nth-of-type(1) > img{
	width: 599px;
	height: 340px;
	object-fit: cover;object-position: center bottom;
	overflow: hidden;
	transition: transform 1s ease;
}
.news >a >div:nth-of-type(1) >div:nth-of-type(2){
	width: 600px;
	height: 150px;
	margin-top: -3px;
	background-color: #0a5cb0;
	position: relative;
	z-index: 111111111;
}
.news >a > div:nth-of-type(1) >div:nth-of-type(1){
	width: 115px;
	height: 65px;
	background: #02c582;
	margin-top: -65px;
	position: relative;
	left: 485px;
	z-index: 111111111;
	text-align: center;
}

.news >a > div:nth-of-type(1) >div:nth-of-type(1) > p{
	font-family: Arial-BoldMT;
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 56px;
	letter-spacing: 1px;
	color: #ffffff;

}
.news >a > div:nth-of-type(1):hover >div:nth-of-type(2){
	background: #512acb;
}
.news >a > div:nth-of-type(1) >div:nth-of-type(2) > h3{
	font-family: MicrosoftYaHeiSemibold;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #ffffff;
	padding-top: 25px;
	padding-left: 37px;
}
.news >a > div:nth-of-type(1) >div:nth-of-type(2) > p{
	width: 526px;
	font-family: MicrosoftYaHeiLight;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;
	padding-top: 28px;
	padding-left: 37px;
}
.item_4_arrow {
	width: 60px;
	height: 60px;
	position: absolute;
	right:unset; 
	margin-left: 700px;
	top: 89%;
	background: url(../images/item_4_arrow.png) no-repeat;
	background-size: 100% 100%;
}
.item_5 .news_item {
	display: flex;
	flex-direction: column;
}
.item_5 .news_item .top {
	display: flex;
	justify-content: space-between;

}
.item_5 .news_item .top > a >div{
	width: 320px;
	height: 267px;
	overflow: hidden;
}
.item_5 .news_item .top > a > div:first-of-type{
	margin-right:40px;
}
.item_5 .news_item .top> a >  div:first-of-type:hover div p{
	color:#FFFFFF;
}
.item_5 .news_item .top  > a > div:first-of-type a img{
	transition: transform 1s ease;
}
.item_5 .news_item .top >  a > div:first-of-type:hover  img{
	transform: scale(1.1);
	transition: transform 1s ease;
}
.item_5 .news_item .top > a > div:last-of-type:hover div p{
	color:#FFFFFF;
}
.item_5 .news_item .top > a > div:last-of-type:hover  img{
	transform: scale(1.1);
	transition: transform 1s ease;
}
.item_5 .news_item  >.top > a  > div >  img {
	display: block;
	width: 320px;
	height: 190px;
	transition: transform 1s ease;
}
.item_5 .news_item .top  >a >div >div p {
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-top: 20px;
	color: #a9c8fe;
	font-size: 16px;
}
.item_5 .news_item .bottom > div {
	border-top: 1px solid #2c4fa2;
	padding: 16px 0;
	display: flex;
	justify-content: space-evenly;
}
.item_5 .news_item .bottom > div:hover > span:first-of-type >a{
 color:#FFFFFF;
}
.item_5 .news_item .bottom > div:hover > span:last-of-type{
	color:#FFFFFF;
}
.item_5 .news_item .bottom > div span,
.item_5 .news_item .bottom > div a {
	color: #9ebef7;
	font-size: 14px;
}
.item_5 .news_item .bottom > div > span:first-of-type {
	width: 600px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.item_5 .news_item .news_btn {
	width: 185px;
	height: 45px;
	background-image: url(../images/news_btn.png);
	background-size: 185px 45px;
	background-position: center center;
	background-repeat: no-repeat;
	align-self: flex-end;
	margin-top: 20px;
	transition: all .5s ease;
	border-radius: 25px;
}

.item_5 .news_item .news_btn:hover {

	background: url(../images/ygkj_zjyg_contentNavBg1.png) no-repeat;
	background-size: 185px 45px;
	transition: all .2s ease;
	animation: spin .2s linear forwards;
}


.item_5 .news_item .news_btna{
	color:#FFFFFF;
}
.item_5 .news_item .news_btn a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 45px;
	text-align: center;
	color: #fff;
}

.item_5 >.text {
	width: 1360px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1111;
	margin-top: 50px;
}
.item_5 >.textphone {
	width: 1360px;
	height: 100%;
	margin: 0 auto;
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1111;
	margin-top: 50px;
}
.footer_content{
	margin-top:490px;
}
.footer {
	width: 1460px;
	margin: 553px auto 0;
	display: flex;
	justify-content: center;
}
.footer .left {
	display: flex;
}
.footer .left > div {
	display: flex;
	flex-direction: column;
	margin-right: 60px;
}
.footer .left > div:last-of-type {
	margin-right: 0;
}
.footer .left > div > h5 {
	color: white;
	margin-bottom: 45px;
	font-weight: bold;
}
.footer .left > div > span:not(:first-of-type) {
	margin-top: 14px;
}
.footer .left > div > span a {
	color: #d0d0d6;
}
.footer .right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.footer .right .logo {
	margin-bottom: 30px;
}
.footer .right .wx {
	margin-bottom: 30px;
}
.footer .right p {
	margin-bottom: 20px;
	color: #ffffff;
	font-size: 16px;
	text-align: right;
}




.container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.circle-container {
	position: absolute;
	-webkit-transform: translateY(-10vh);
	transform: translateY(-10vh);
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}
.circle-container .circle {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	mix-blend-mode: screen;
	background-image: radial-gradient(#99ffff, #99ffff 10%, rgba(153, 255, 255, 0) 56%);
	-webkit-animation: fadein-frames 200ms infinite, scale-frames 2s infinite;
	animation: fadein-frames 200ms infinite, scale-frames 2s infinite;
}
/*动画效果*/
@keyframes fade-in-out {
	0% {opacity: 0;}/*初始状态 透明度为0*/
	20% {opacity: 1;}/*过渡状态 透明度为0*/
	70% {opacity: 1;}/*过渡状态 透明度为0*/
	100% {opacity: 0;}/*结束状态 透明度为1*/
}
@-webkit-keyframes fade-in-out {/*针对webkit内核*/
	0% {opacity: 0;}
	20% {opacity: 1;}
	70% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fade-out {
	0% {opacity: 1;}/*初始状态 透明度为0*/
	100% {opacity: 0;}/*结束状态 透明度为1*/
}
@-webkit-keyframes fade-out {/*针对webkit内核*/
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fade-in {
	0% {opacity: 0;}/*初始状态 透明度为0*/
	100% {opacity: 1;}/*结束状态 透明度为1*/
}
@-webkit-keyframes fade-in {/*针对webkit内核*/
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-webkit-keyframes fade-frames {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.7;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fade-frames {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.7;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes scale-frames {
	0% {
		-webkit-transform: scale3d(0.4, 0.4, 1);
		transform: scale3d(0.4, 0.4, 1);
	}
	50% {
		-webkit-transform: scale3d(2.2, 2.2, 1);
		transform: scale3d(2.2, 2.2, 1);
	}
	100% {
		-webkit-transform: scale3d(0.4, 0.4, 1);
		transform: scale3d(0.4, 0.4, 1);
	}
}
@keyframes scale-frames {
	0% {
		-webkit-transform: scale3d(0.4, 0.4, 1);
		transform: scale3d(0.4, 0.4, 1);
	}
	50% {
		-webkit-transform: scale3d(2.2, 2.2, 1);
		transform: scale3d(2.2, 2.2, 1);
	}
	100% {
		-webkit-transform: scale3d(0.4, 0.4, 1);
		transform: scale3d(0.4, 0.4, 1);
	}
}
.circle-container:nth-child(1) {
	width: 10px;
	height: 10px;
	-webkit-animation-name: move-frames-1;
	animation-name: move-frames-1;
	-webkit-animation-duration: 118441ms;
	animation-duration: 118441ms;
	-webkit-animation-delay: 4544ms;
	animation-delay: 4544ms;
}
@-webkit-keyframes move-frames-1 {
	from {
		-webkit-transform: translate3d(50vw, 102vh, 0);
		transform: translate3d(50vw, 102vh, 0);
	}
	to {
		-webkit-transform: translate3d(2vw, -117vh, 0);
		transform: translate3d(2vw, -117vh, 0);
	}
}
@keyframes move-frames-1 {
	from {
		-webkit-transform: translate3d(50vw, 102vh, 0);
		transform: translate3d(50vw, 102vh, 0);
	}
	to {
		-webkit-transform: translate3d(2vw, -117vh, 0);
		transform: translate3d(2vw, -117vh, 0);
	}
}
.circle-container:nth-child(1) .circle {
	-webkit-animation-delay: 3734ms;
	animation-delay: 3734ms;
}
.circle-container:nth-child(2) {
	width: 10px;
	height: 10px;
	-webkit-animation-name: move-frames-2;
	animation-name: move-frames-2;
	-webkit-animation-duration: 119921ms;
	animation-duration: 119921ms;
	-webkit-animation-delay: 5982ms;
	animation-delay: 5982ms;
}
@-webkit-keyframes move-frames-2 {
	from {
		-webkit-transform: translate3d(89vw, 108vh, 0);
		transform: translate3d(89vw, 108vh, 0);
	}
	to {
		-webkit-transform: translate3d(72vw, -123vh, 0);
		transform: translate3d(72vw, -123vh, 0);
	}
}
@keyframes move-frames-2 {
	from {
		-webkit-transform: translate3d(89vw, 108vh, 0);
		transform: translate3d(89vw, 108vh, 0);
	}
	to {
		-webkit-transform: translate3d(72vw, -123vh, 0);
		transform: translate3d(72vw, -123vh, 0);
	}
}
.circle-container:nth-child(2) .circle {
	-webkit-animation-delay: 2516ms;
	animation-delay: 2516ms;
}
.circle-container:nth-child(3) {
	width: 3px;
	height: 3px;
	-webkit-animation-name: move-frames-3;
	animation-name: move-frames-3;
	-webkit-animation-duration: 1110427ms;
	animation-duration: 1110427ms;
	-webkit-animation-delay: 3649ms;
	animation-delay: 3649ms;
}
@-webkit-keyframes move-frames-3 {
	from {
		-webkit-transform: translate3d(85vw, 107vh, 0);
		transform: translate3d(85vw, 107vh, 0);
	}
	to {
		-webkit-transform: translate3d(30vw, -133vh, 0);
		transform: translate3d(30vw, -133vh, 0);
	}
}
@keyframes move-frames-3 {
	from {
		-webkit-transform: translate3d(85vw, 107vh, 0);
		transform: translate3d(85vw, 107vh, 0);
	}
	to {
		-webkit-transform: translate3d(30vw, -133vh, 0);
		transform: translate3d(30vw, -133vh, 0);
	}
}
.circle-container:nth-child(3) .circle {
	-webkit-animation-delay: 731ms;
	animation-delay: 731ms;
}
.circle-container:nth-child(4) {
	width: 6px;
	height: 6px;
	-webkit-animation-name: move-frames-4;
	animation-name: move-frames-4;
	-webkit-animation-duration: 1110951ms;
	animation-duration: 1110951ms;
	-webkit-animation-delay: 8909ms;
	animation-delay: 8909ms;
}
@-webkit-keyframes move-frames-4 {
	from {
		-webkit-transform: translate3d(50vw, 104vh, 0);
		transform: translate3d(50vw, 104vh, 0);
	}
	to {
		-webkit-transform: translate3d(74vw, -122vh, 0);
		transform: translate3d(74vw, -122vh, 0);
	}
}
@keyframes move-frames-4 {
	from {
		-webkit-transform: translate3d(50vw, 104vh, 0);
		transform: translate3d(50vw, 104vh, 0);
	}
	to {
		-webkit-transform: translate3d(74vw, -122vh, 0);
		transform: translate3d(74vw, -122vh, 0);
	}
}
.circle-container:nth-child(4) .circle {
	-webkit-animation-delay: 12526ms;
	animation-delay: 12526ms;
}
.circle-container:nth-child(5) {
	width: 5px;
	height: 5px;
	-webkit-animation-name: move-frames-5;
	animation-name: move-frames-5;
	-webkit-animation-duration: 117642ms;
	animation-duration: 117642ms;
	-webkit-animation-delay: 2502ms;
	animation-delay: 2502ms;
}
@-webkit-keyframes move-frames-5 {
	from {
		-webkit-transform: translate3d(9vw, 108vh, 0);
		transform: translate3d(9vw, 108vh, 0);
	}
	to {
		-webkit-transform: translate3d(39vw, -126vh, 0);
		transform: translate3d(39vw, -126vh, 0);
	}
}
@keyframes move-frames-5 {
	from {
		-webkit-transform: translate3d(9vw, 108vh, 0);
		transform: translate3d(9vw, 108vh, 0);
	}
	to {
		-webkit-transform: translate3d(39vw, -126vh, 0);
		transform: translate3d(39vw, -126vh, 0);
	}
}
.circle-container:nth-child(5) .circle {
	-webkit-animation-delay: 12755ms;
	animation-delay: 12755ms;
}
.circle-container:nth-child(6) {
	width: 6px;
	height: 6px;
	-webkit-animation-name: move-frames-6;
	animation-name: move-frames-6;
	-webkit-animation-duration: 118439ms;
	animation-duration: 118439ms;
	-webkit-animation-delay: 455ms;
	animation-delay: 455ms;
}
@-webkit-keyframes move-frames-6 {
	from {
		-webkit-transform: translate3d(29vw, 101vh, 0);
		transform: translate3d(29vw, 101vh, 0);
	}
	to {
		-webkit-transform: translate3d(21vw, -109vh, 0);
		transform: translate3d(21vw, -109vh, 0);
	}
}
@keyframes move-frames-6 {
	from {
		-webkit-transform: translate3d(29vw, 101vh, 0);
		transform: translate3d(29vw, 101vh, 0);
	}
	to {
		-webkit-transform: translate3d(21vw, -109vh, 0);
		transform: translate3d(21vw, -109vh, 0);
	}
}
.circle-container:nth-child(6) .circle {
	-webkit-animation-delay: 13506ms;
	animation-delay: 13506ms;
}
.circle-container:nth-child(7) {
	width: 8px;
	height: 8px;
	-webkit-animation-name: move-frames-7;
	animation-name: move-frames-7;
	-webkit-animation-duration: 117539ms;
	animation-duration: 117539ms;
	-webkit-animation-delay: 3595ms;
	animation-delay: 3595ms;
}
@-webkit-keyframes move-frames-7 {
	from {
		-webkit-transform: translate3d(11vw, 101vh, 0);
		transform: translate3d(11vw, 101vh, 0);
	}
	to {
		-webkit-transform: translate3d(31vw, -125vh, 0);
		transform: translate3d(31vw, -125vh, 0);
	}
}
@keyframes move-frames-7 {
	from {
		-webkit-transform: translate3d(11vw, 101vh, 0);
		transform: translate3d(11vw, 101vh, 0);
	}
	to {
		-webkit-transform: translate3d(31vw, -125vh, 0);
		transform: translate3d(31vw, -125vh, 0);
	}
}
.circle-container:nth-child(7) .circle {
	-webkit-animation-delay: 749ms;
	animation-delay: 749ms;
}
.circle-container:nth-child(8) {
	width: 4px;
	height: 4px;
	-webkit-animation-name: move-frames-8;
	animation-name: move-frames-8;
	-webkit-animation-duration: 117480ms;
	animation-duration: 117480ms;
	-webkit-animation-delay: 2680ms;
	animation-delay: 2680ms;
}
@-webkit-keyframes move-frames-8 {
	from {
		-webkit-transform: translate3d(15vw, 101vh, 0);
		transform: translate3d(15vw, 101vh, 0);
	}
	to {
		-webkit-transform: translate3d(88vw, -111vh, 0);
		transform: translate3d(88vw, -111vh, 0);
	}
}
@keyframes move-frames-8 {
	from {
		-webkit-transform: translate3d(15vw, 101vh, 0);
		transform: translate3d(15vw, 101vh, 0);
	}
	to {
		-webkit-transform: translate3d(88vw, -111vh, 0);
		transform: translate3d(88vw, -111vh, 0);
	}
}
.circle-container:nth-child(8) .circle {
	-webkit-animation-delay: 1888ms;
	animation-delay: 1888ms;
}
.circle-container:nth-child(9) {
	width: 2px;
	height: 2px;
	-webkit-animation-name: move-frames-9;
	animation-name: move-frames-9;
	-webkit-animation-duration: 19087ms;
	animation-duration: 19087ms;
	-webkit-animation-delay: 9461ms;
	animation-delay: 9461ms;
}
@-webkit-keyframes move-frames-9 {
	from {
		-webkit-transform: translate3d(100vw, 107vh, 0);
		transform: translate3d(100vw, 107vh, 0);
	}
	to {
		-webkit-transform: translate3d(40vw, -130vh, 0);
		transform: translate3d(40vw, -130vh, 0);
	}
}
@keyframes move-frames-9 {
	from {
		-webkit-transform: translate3d(100vw, 107vh, 0);
		transform: translate3d(100vw, 107vh, 0);
	}
	to {
		-webkit-transform: translate3d(40vw, -130vh, 0);
		transform: translate3d(40vw, -130vh, 0);
	}
}
.circle-container:nth-child(9) .circle {
	-webkit-animation-delay: 1721ms;
	animation-delay: 1721ms;
}
.circle-container:nth-child(10) {
	width: 8px;
	height: 8px;
	-webkit-animation-name: move-frames-10;
	animation-name: move-frames-10;
	-webkit-animation-duration: 119860ms;
	animation-duration: 119860ms;
	-webkit-animation-delay: 8969ms;
	animation-delay: 8969ms;
}
@-webkit-keyframes move-frames-10 {
	from {
		-webkit-transform: translate3d(74vw, 110vh, 0);
		transform: translate3d(74vw, 110vh, 0);
	}
	to {
		-webkit-transform: translate3d(30vw, -127vh, 0);
		transform: translate3d(30vw, -127vh, 0);
	}
}
@keyframes move-frames-10 {
	from {
		-webkit-transform: translate3d(74vw, 110vh, 0);
		transform: translate3d(74vw, 110vh, 0);
	}
	to {
		-webkit-transform: translate3d(30vw, -127vh, 0);
		transform: translate3d(30vw, -127vh, 0);
	}
}
.circle-container:nth-child(10) .circle {
	-webkit-animation-delay: 1801ms;
	animation-delay: 1801ms;
}
.circle-container:nth-child(11) {
	width: 1px;
	height: 1px;
	-webkit-animation-name: move-frames-11;
	animation-name: move-frames-11;
	-webkit-animation-duration: 119292ms;
	animation-duration: 119292ms;
	-webkit-animation-delay: 9812ms;
	animation-delay: 9812ms;
}
@-webkit-keyframes move-frames-11 {
	from {
		-webkit-transform: translate3d(29vw, 108vh, 0);
		transform: translate3d(29vw, 108vh, 0);
	}
	to {
		-webkit-transform: translate3d(58vw, -135vh, 0);
		transform: translate3d(58vw, -135vh, 0);
	}
}
@keyframes move-frames-11 {
	from {
		-webkit-transform: translate3d(29vw, 108vh, 0);
		transform: translate3d(29vw, 108vh, 0);
	}
	to {
		-webkit-transform: translate3d(58vw, -135vh, 0);
		transform: translate3d(58vw, -135vh, 0);
	}
}
.circle-container:nth-child(11) .circle {
	-webkit-animation-delay: 3834ms;
	animation-delay: 3834ms;
}
.circle-container:nth-child(12) {
	width: 5px;
	height: 5px;
	-webkit-animation-name: move-frames-12;
	animation-name: move-frames-12;
	-webkit-animation-duration: 117920ms;
	animation-duration: 117920ms;
	-webkit-animation-delay: 2180ms;
	animation-delay: 2180ms;
}
@-webkit-keyframes move-frames-12 {
	from {
		-webkit-transform: translate3d(10vw, 105vh, 0);
		transform: translate3d(10vw, 105vh, 0);
	}
	to {
		-webkit-transform: translate3d(18vw, -123vh, 0);
		transform: translate3d(18vw, -123vh, 0);
	}
}
@keyframes move-frames-12 {
	from {
		-webkit-transform: translate3d(10vw, 105vh, 0);
		transform: translate3d(10vw, 105vh, 0);
	}
	to {
		-webkit-transform: translate3d(18vw, -123vh, 0);
		transform: translate3d(18vw, -123vh, 0);
	}
}
.circle-container:nth-child(12) .circle {
	-webkit-animation-delay: 1995ms;
	animation-delay: 1995ms;
}
.circle-container:nth-child(13) {
	width: 4px;
	height: 4px;
	-webkit-animation-name: move-frames-13;
	animation-name: move-frames-13;
	-webkit-animation-duration: 1117293ms;
	animation-duration: 1117293ms;
	-webkit-animation-delay: 6446ms;
	animation-delay: 6446ms;
}
@-webkit-keyframes move-frames-13 {
	from {
		-webkit-transform: translate3d(26vw, 107vh, 0);
		transform: translate3d(26vw, 107vh, 0);
	}
	to {
		-webkit-transform: translate3d(15vw, -123vh, 0);
		transform: translate3d(15vw, -123vh, 0);
	}
}
@keyframes move-frames-13 {
	from {
		-webkit-transform: translate3d(26vw, 107vh, 0);
		transform: translate3d(26vw, 107vh, 0);
	}
	to {
		-webkit-transform: translate3d(15vw, -123vh, 0);
		transform: translate3d(15vw, -123vh, 0);
	}
}
.circle-container:nth-child(13) .circle {
	-webkit-animation-delay: 1282ms;
	animation-delay: 1282ms;
}
.circle-container:nth-child(14) {
	width: 2px;
	height: 2px;
	-webkit-animation-name: move-frames-14;
	animation-name: move-frames-14;
	-webkit-animation-duration: 1119677ms;
	animation-duration: 1119677ms;
	-webkit-animation-delay: 5675ms;
	animation-delay: 5675ms;
}
@-webkit-keyframes move-frames-14 {
	from {
		-webkit-transform: translate3d(80vw, 102vh, 0);
		transform: translate3d(80vw, 102vh, 0);
	}
	to {
		-webkit-transform: translate3d(76vw, -110vh, 0);
		transform: translate3d(76vw, -110vh, 0);
	}
}
@keyframes move-frames-14 {
	from {
		-webkit-transform: translate3d(80vw, 102vh, 0);
		transform: translate3d(80vw, 102vh, 0);
	}
	to {
		-webkit-transform: translate3d(76vw, -110vh, 0);
		transform: translate3d(76vw, -110vh, 0);
	}
}
.circle-container:nth-child(14) .circle {
	-webkit-animation-delay: 542ms;
	animation-delay: 542ms;
}
.circle-container:nth-child(15) {
	width: 8px;
	height: 8px;
	-webkit-animation-name: move-frames-15;
	animation-name: move-frames-15;
	-webkit-animation-duration: 1118055ms;
	animation-duration: 1118055ms;
	-webkit-animation-delay: 7418ms;
	animation-delay: 7418ms;
}
@-webkit-keyframes move-frames-15 {
	from {
		-webkit-transform: translate3d(7vw, 103vh, 0);
		transform: translate3d(7vw, 103vh, 0);
	}
	to {
		-webkit-transform: translate3d(100vw, -129vh, 0);
		transform: translate3d(100vw, -129vh, 0);
	}
}
@keyframes move-frames-15 {
	from {
		-webkit-transform: translate3d(7vw, 103vh, 0);
		transform: translate3d(7vw, 103vh, 0);
	}
	to {
		-webkit-transform: translate3d(100vw, -129vh, 0);
		transform: translate3d(100vw, -129vh, 0);
	}
}
.circle-container:nth-child(15) .circle {
	-webkit-animation-delay: 2100ms;
	animation-delay: 2100ms;
}
.circle-container:nth-child(16) {
	width: 4px;
	height: 4px;
	-webkit-animation-name: move-frames-16;
	animation-name: move-frames-16;
	-webkit-animation-duration: 1119673ms;
	animation-duration: 1119673ms;
	-webkit-animation-delay: 871ms;
	animation-delay: 871ms;
}
@-webkit-keyframes move-frames-16 {
	from {
		-webkit-transform: translate3d(58vw, 102vh, 0);
		transform: translate3d(58vw, 102vh, 0);
	}
	to {
		-webkit-transform: translate3d(86vw, -126vh, 0);
		transform: translate3d(86vw, -126vh, 0);
	}
}
@keyframes move-frames-16 {
	from {
		-webkit-transform: translate3d(58vw, 102vh, 0);
		transform: translate3d(58vw, 102vh, 0);
	}
	to {
		-webkit-transform: translate3d(86vw, -126vh, 0);
		transform: translate3d(86vw, -126vh, 0);
	}
}
.circle-container:nth-child(16) .circle {
	-webkit-animation-delay: 2783ms;
	animation-delay: 2783ms;
}
.circle-container:nth-child(17) {
	width: 1px;
	height: 1px;
	-webkit-animation-name: move-frames-17;
	animation-name: move-frames-17;
	-webkit-animation-duration: 1118468ms;
	animation-duration: 1118468ms;
	-webkit-animation-delay: 2038ms;
	animation-delay: 2038ms;
}
@-webkit-keyframes move-frames-17 {
	from {
		-webkit-transform: translate3d(65vw, 108vh, 0);
		transform: translate3d(65vw, 108vh, 0);
	}
	to {
		-webkit-transform: translate3d(35vw, -134vh, 0);
		transform: translate3d(35vw, -134vh, 0);
	}
}
@keyframes move-frames-17 {
	from {
		-webkit-transform: translate3d(65vw, 108vh, 0);
		transform: translate3d(65vw, 108vh, 0);
	}
	to {
		-webkit-transform: translate3d(35vw, -134vh, 0);
		transform: translate3d(35vw, -134vh, 0);
	}
}
.circle-container:nth-child(17) .circle {
	-webkit-animation-delay: 346ms;
	animation-delay: 346ms;
}
.circle-container:nth-child(18) {
	width: 4px;
	height: 4px;
	-webkit-animation-name: move-frames-18;
	animation-name: move-frames-18;
	-webkit-animation-duration: 1119523ms;
	animation-duration: 1119523ms;
	-webkit-animation-delay: 2150ms;
	animation-delay: 2150ms;
}
@-webkit-keyframes move-frames-18 {
	from {
		-webkit-transform: translate3d(48vw, 102vh, 0);
		transform: translate3d(48vw, 102vh, 0);
	}
	to {
		-webkit-transform: translate3d(97vw, -127vh, 0);
		transform: translate3d(97vw, -127vh, 0);
	}
}
@keyframes move-frames-18 {
	from {
		-webkit-transform: translate3d(48vw, 102vh, 0);
		transform: translate3d(48vw, 102vh, 0);
	}
	to {
		-webkit-transform: translate3d(97vw, -127vh, 0);
		transform: translate3d(97vw, -127vh, 0);
	}
}
.circle-container:nth-child(18) .circle {
	-webkit-animation-delay: 2065ms;
	animation-delay: 2065ms;
}
.circle-container:nth-child(19) {
	width: 5px;
	height: 5px;
	-webkit-animation-name: move-frames-19;
	animation-name: move-frames-19;
	-webkit-animation-duration: 1119472ms;
	animation-duration: 1119472ms;
	-webkit-animation-delay: 428ms;
	animation-delay: 428ms;
}
@-webkit-keyframes move-frames-19 {
	from {
		-webkit-transform: translate3d(63vw, 107vh, 0);
		transform: translate3d(63vw, 107vh, 0);
	}
	to {
		-webkit-transform: translate3d(39vw, -122vh, 0);
		transform: translate3d(39vw, -122vh, 0);
	}
}
@keyframes move-frames-19 {
	from {
		-webkit-transform: translate3d(63vw, 107vh, 0);
		transform: translate3d(63vw, 107vh, 0);
	}
	to {
		-webkit-transform: translate3d(39vw, -122vh, 0);
		transform: translate3d(39vw, -122vh, 0);
	}
}
.circle-container:nth-child(19) .circle {
	-webkit-animation-delay: 2105ms;
	animation-delay: 2105ms;
}
.circle-container:nth-child(20) {
	width: 4px;
	height: 4px;
	-webkit-animation-name: move-frames-20;
	animation-name: move-frames-20;
	-webkit-animation-duration: 11110290ms;
	animation-duration: 11110290ms;
	-webkit-animation-delay: 8685ms;
	animation-delay: 8685ms;
}
@-webkit-keyframes move-frames-20 {
	from {
		-webkit-transform: translate3d(39vw, 106vh, 0);
		transform: translate3d(39vw, 106vh, 0);
	}
	to {
		-webkit-transform: translate3d(21vw, -128vh, 0);
		transform: translate3d(21vw, -128vh, 0);
	}
}
@keyframes move-frames-20 {
	from {
		-webkit-transform: translate3d(39vw, 106vh, 0);
		transform: translate3d(39vw, 106vh, 0);
	}
	to {
		-webkit-transform: translate3d(21vw, -128vh, 0);
		transform: translate3d(21vw, -128vh, 0);
	}
}
.circle-container:nth-child(20) .circle {
	-webkit-animation-delay: 246ms;
	animation-delay: 246ms;
}
.circle-container:nth-child(21) {
	width: 6px;
	height: 6px;
	-webkit-animation-name: move-frames-21;
	animation-name: move-frames-21;
	-webkit-animation-duration: 11118708ms;
	animation-duration: 11118708ms;
	-webkit-animation-delay: 2550ms;
	animation-delay: 2550ms;
}
@-webkit-keyframes move-frames-21 {
	from {
		-webkit-transform: translate3d(55vw, 110vh, 0);
		transform: translate3d(55vw, 110vh, 0);
	}
	to {
		-webkit-transform: translate3d(60vw, -112vh, 0);
		transform: translate3d(60vw, -112vh, 0);
	}
}
@keyframes move-frames-21 {
	from {
		-webkit-transform: translate3d(55vw, 110vh, 0);
		transform: translate3d(55vw, 110vh, 0);
	}
	to {
		-webkit-transform: translate3d(60vw, -112vh, 0);
		transform: translate3d(60vw, -112vh, 0);
	}
}
.circle-container:nth-child(21) .circle {
	-webkit-animation-delay: 3603ms;
	animation-delay: 3603ms;
}
.circle-container:nth-child(22) {
	width: 4px;
	height: 4px;
	-webkit-animation-name: move-frames-22;
	animation-name: move-frames-22;
	-webkit-animation-duration: 11118465ms;
	animation-duration: 11118465ms;
	-webkit-animation-delay: 2241ms;
	animation-delay: 2241ms;
}
@-webkit-keyframes move-frames-22 {
	from {
		-webkit-transform: translate3d(14vw, 110vh, 0);
		transform: translate3d(14vw, 110vh, 0);
	}
	to {
		-webkit-transform: translate3d(37vw, -128vh, 0);
		transform: translate3d(37vw, -128vh, 0);
	}
}
@keyframes move-frames-22 {
	from {
		-webkit-transform: translate3d(14vw, 110vh, 0);
		transform: translate3d(14vw, 110vh, 0);
	}
	to {
		-webkit-transform: translate3d(37vw, -128vh, 0);
		transform: translate3d(37vw, -128vh, 0);
	}
}
.circle-container:nth-child(22) .circle {
	-webkit-animation-delay: 3872ms;
	animation-delay: 3872ms;
}
.circle-container:nth-child(23) {
	width: 2px;
	height: 2px;
	-webkit-animation-name: move-frames-23;
	animation-name: move-frames-23;
	-webkit-animation-duration: 111110859ms;
	animation-duration: 111110859ms;
	-webkit-animation-delay: 7216ms;
	animation-delay: 7216ms;
}
@-webkit-keyframes move-frames-23 {
	from {
		-webkit-transform: translate3d(68vw, 105vh, 0);
		transform: translate3d(68vw, 105vh, 0);
	}
	to {
		-webkit-transform: translate3d(37vw, -128vh, 0);
		transform: translate3d(37vw, -128vh, 0);
	}
}
@keyframes move-frames-23 {
	from {
		-webkit-transform: translate3d(68vw, 105vh, 0);
		transform: translate3d(68vw, 105vh, 0);
	}
	to {
		-webkit-transform: translate3d(37vw, -128vh, 0);
		transform: translate3d(37vw, -128vh, 0);
	}
}
.circle-container:nth-child(23) .circle {
	-webkit-animation-delay: 3342ms;
	animation-delay: 3342ms;
}
.circle-container:nth-child(24) {
	width: 1px;
	height: 1px;
	-webkit-animation-name: move-frames-24;
	animation-name: move-frames-24;
	-webkit-animation-duration: 111110469ms;
	animation-duration: 111110469ms;
	-webkit-animation-delay: 6779ms;
	animation-delay: 6779ms;
}
@-webkit-keyframes move-frames-24 {
	from {
		-webkit-transform: translate3d(8vw, 102vh, 0);
		transform: translate3d(8vw, 102vh, 0);
	}
	to {
		-webkit-transform: translate3d(7vw, -118vh, 0);
		transform: translate3d(7vw, -118vh, 0);
	}
}
@keyframes move-frames-24 {
	from {
		-webkit-transform: translate3d(8vw, 102vh, 0);
		transform: translate3d(8vw, 102vh, 0);
	}
	to {
		-webkit-transform: translate3d(7vw, -118vh, 0);
		transform: translate3d(7vw, -118vh, 0);
	}
}
.circle-container:nth-child(24) .circle {
	-webkit-animation-delay: 3406ms;
	animation-delay: 3406ms;
}
.circle-container:nth-child(25) {
	width: 8px;
	height: 8px;
	-webkit-animation-name: move-frames-25;
	animation-name: move-frames-25;
	-webkit-animation-duration: 1117010ms;
	animation-duration: 1117010ms;
	-webkit-animation-delay: 7524ms;
	animation-delay: 7524ms;
}
@-webkit-keyframes move-frames-25 {
	from {
		-webkit-transform: translate3d(10vw, 109vh, 0);
		transform: translate3d(10vw, 109vh, 0);
	}
	to {
		-webkit-transform: translate3d(57vw, -132vh, 0);
		transform: translate3d(57vw, -132vh, 0);
	}
}
@keyframes move-frames-25 {
	from {
		-webkit-transform: translate3d(10vw, 109vh, 0);
		transform: translate3d(10vw, 109vh, 0);
	}
	to {
		-webkit-transform: translate3d(57vw, -132vh, 0);
		transform: translate3d(57vw, -132vh, 0);
	}
}
.circle-container:nth-child(25) .circle {
	-webkit-animation-delay: 3430ms;
	animation-delay: 3430ms;
}
.circle-container:nth-child(26) {
	width: 2px;
	height: 2px;
	-webkit-animation-name: move-frames-26;
	animation-name: move-frames-26;
	-webkit-animation-duration: 11110471ms;
	animation-duration: 11110471ms;
	-webkit-animation-delay: 1648ms;
	animation-delay: 1648ms;
}
@-webkit-keyframes move-frames-26 {
	from {
		-webkit-transform: translate3d(38vw, 104vh, 0);
		transform: translate3d(38vw, 104vh, 0);
	}
	to {
		-webkit-transform: translate3d(9vw, -116vh, 0);
		transform: translate3d(9vw, -116vh, 0);
	}
}
@keyframes move-frames-26 {
	from {
		-webkit-transform: translate3d(38vw, 104vh, 0);
		transform: translate3d(38vw, 104vh, 0);
	}
	to {
		-webkit-transform: translate3d(9vw, -116vh, 0);
		transform: translate3d(9vw, -116vh, 0);
	}
}
.circle-container:nth-child(26) .circle {
	-webkit-animation-delay: 3602ms;
	animation-delay: 3602ms;
}
.circle-container:nth-child(27) {
	width: 5px;
	height: 5px;
	-webkit-animation-name: move-frames-27;
	animation-name: move-frames-27;
	-webkit-animation-duration: 1117423ms;
	animation-duration: 1117423ms;
	-webkit-animation-delay: 5797ms;
	animation-delay: 5797ms;
}
@-webkit-keyframes move-frames-27 {
	from {
		-webkit-transform: translate3d(24vw, 107vh, 0);
		transform: translate3d(24vw, 107vh, 0);
	}
	to {
		-webkit-transform: translate3d(78vw, -109vh, 0);
		transform: translate3d(78vw, -109vh, 0);
	}
}
@keyframes move-frames-27 {
	from {
		-webkit-transform: translate3d(24vw, 107vh, 0);
		transform: translate3d(24vw, 107vh, 0);
	}
	to {
		-webkit-transform: translate3d(78vw, -109vh, 0);
		transform: translate3d(78vw, -109vh, 0);
	}
}
.circle-container:nth-child(27) .circle {
	-webkit-animation-delay: 3981ms;
	animation-delay: 3981ms;
}
.circle-container:nth-child(28) {
	width: 1px;
	height: 1px;
	-webkit-animation-name: move-frames-28;
	animation-name: move-frames-28;
	-webkit-animation-duration: 11110775ms;
	animation-duration: 11110775ms;
	-webkit-animation-delay: 10637ms;
	animation-delay: 10637ms;
}
@-webkit-keyframes move-frames-28 {
	from {
		-webkit-transform: translate3d(91vw, 108vh, 0);
		transform: translate3d(91vw, 108vh, 0);
	}
	to {
		-webkit-transform: translate3d(85vw, -111vh, 0);
		transform: translate3d(85vw, -111vh, 0);
	}
}
@keyframes move-frames-28 {
	from {
		-webkit-transform: translate3d(91vw, 108vh, 0);
		transform: translate3d(91vw, 108vh, 0);
	}
	to {
		-webkit-transform: translate3d(85vw, -111vh, 0);
		transform: translate3d(85vw, -111vh, 0);
	}
}
.circle-container:nth-child(28) .circle {
	-webkit-animation-delay: 487ms;
	animation-delay: 487ms;
}
.circle-container:nth-child(29) {
	width: 6px;
	height: 6px;
	-webkit-animation-name: move-frames-29;
	animation-name: move-frames-29;
	-webkit-animation-duration: 11110713ms;
	animation-duration: 11110713ms;
	-webkit-animation-delay: 1330ms;
	animation-delay: 1330ms;
}
@-webkit-keyframes move-frames-29 {
	from {
		-webkit-transform: translate3d(68vw, 109vh, 0);
		transform: translate3d(68vw, 109vh, 0);
	}
	to {
		-webkit-transform: translate3d(87vw, -122vh, 0);
		transform: translate3d(87vw, -122vh, 0);
	}
}
@keyframes move-frames-29 {
	from {
		-webkit-transform: translate3d(68vw, 109vh, 0);
		transform: translate3d(68vw, 109vh, 0);
	}
	to {
		-webkit-transform: translate3d(87vw, -122vh, 0);
		transform: translate3d(87vw, -122vh, 0);
	}
}
.circle-container:nth-child(29) .circle {
	-webkit-animation-delay: 3338ms;
	animation-delay: 3338ms;
}
.circle-container:nth-child(30) {
	width: 10px;
	height: 10px;
	-webkit-animation-name: move-frames-30;
	animation-name: move-frames-30;
	-webkit-animation-duration: 118127ms;
	animation-duration: 118127ms;
	-webkit-animation-delay: 10773ms;
	animation-delay: 10773ms;
}
@-webkit-keyframes move-frames-30 {
	from {
		-webkit-transform: translate3d(66vw, 101vh, 0);
		transform: translate3d(66vw, 101vh, 0);
	}
	to {
		-webkit-transform: translate3d(19vw, -113vh, 0);
		transform: translate3d(19vw, -113vh, 0);
	}
}
@keyframes move-frames-30 {
	from {
		-webkit-transform: translate3d(66vw, 101vh, 0);
		transform: translate3d(66vw, 101vh, 0);
	}
	to {
		-webkit-transform: translate3d(19vw, -113vh, 0);
		transform: translate3d(19vw, -113vh, 0);
	}
}
.circle-container:nth-child(30) .circle {
	-webkit-animation-delay: 967ms;
	animation-delay: 967ms;
}
.circle-container:nth-child(31) {
	width: 1px;
	height: 1px;
	-webkit-animation-name: move-frames-31;
	animation-name: move-frames-31;
	-webkit-animation-duration: 1110070ms;
	animation-duration: 1110070ms;
	-webkit-animation-delay: 1791ms;
	animation-delay: 1791ms;
}
@-webkit-keyframes move-frames-31 {
	from {
		-webkit-transform: translate3d(13vw, 104vh, 0);
		transform: translate3d(13vw, 104vh, 0);
	}
	to {
		-webkit-transform: translate3d(42vw, -117vh, 0);
		transform: translate3d(42vw, -117vh, 0);
	}
}
@keyframes move-frames-31 {
	from {
		-webkit-transform: translate3d(13vw, 104vh, 0);
		transform: translate3d(13vw, 104vh, 0);
	}
	to {
		-webkit-transform: translate3d(42vw, -117vh, 0);
		transform: translate3d(42vw, -117vh, 0);
	}
}
.circle-container:nth-child(31) .circle {
	-webkit-animation-delay: 758ms;
	animation-delay: 758ms;
}
.circle-container:nth-child(32) {
	width: 5px;
	height: 5px;
	-webkit-animation-name: move-frames-32;
	animation-name: move-frames-32;
	-webkit-animation-duration: 118451ms;
	animation-duration: 118451ms;
	-webkit-animation-delay: 6828ms;
	animation-delay: 6828ms;
}
@-webkit-keyframes move-frames-32 {
	from {
		-webkit-transform: translate3d(27vw, 101vh, 0);
		transform: translate3d(27vw, 101vh, 0);
	}
	to {
		-webkit-transform: translate3d(54vw, -120vh, 0);
		transform: translate3d(54vw, -120vh, 0);
	}
}
@keyframes move-frames-32 {
	from {
		-webkit-transform: translate3d(27vw, 101vh, 0);
		transform: translate3d(27vw, 101vh, 0);
	}
	to {
		-webkit-transform: translate3d(54vw, -120vh, 0);
		transform: translate3d(54vw, -120vh, 0);
	}
}
.circle-container:nth-child(32) .circle {
	-webkit-animation-delay: 102ms;
	animation-delay: 102ms;
}
.circle-container:nth-child(33) {
	width: 3px;
	height: 3px;
	-webkit-animation-name: move-frames-33;
	animation-name: move-frames-33;
	-webkit-animation-duration: 118210ms;
	animation-duration: 118210ms;
	-webkit-animation-delay: 3585ms;
	animation-delay: 3585ms;
}
@-webkit-keyframes move-frames-33 {
	from {
		-webkit-transform: translate3d(26vw, 107vh, 0);
		transform: translate3d(26vw, 107vh, 0);
	}
	to {
		-webkit-transform: translate3d(94vw, -108vh, 0);
		transform: translate3d(94vw, -108vh, 0);
	}
}
@keyframes move-frames-33 {
	from {
		-webkit-transform: translate3d(26vw, 107vh, 0);
		transform: translate3d(26vw, 107vh, 0);
	}
	to {
		-webkit-transform: translate3d(94vw, -108vh, 0);
		transform: translate3d(94vw, -108vh, 0);
	}
}
.circle-container:nth-child(33) .circle {
	-webkit-animation-delay: 3895ms;
	animation-delay: 3895ms;
}
.circle-container:nth-child(34) {
	width: 2px;
	height: 2px;
	-webkit-animation-name: move-frames-34;
	animation-name: move-frames-34;
	-webkit-animation-duration: 11110257ms;
	animation-duration: 11110257ms;
	-webkit-animation-delay: 3610ms;
	animation-delay: 3610ms;
}
@-webkit-keyframes move-frames-34 {
	from {
		-webkit-transform: translate3d(87vw, 107vh, 0);
		transform: translate3d(87vw, 107vh, 0);
	}
	to {
		-webkit-transform: translate3d(90vw, -125vh, 0);
		transform: translate3d(90vw, -125vh, 0);
	}
}
@keyframes move-frames-34 {
	from {
		-webkit-transform: translate3d(87vw, 107vh, 0);
		transform: translate3d(87vw, 107vh, 0);
	}
	to {
		-webkit-transform: translate3d(90vw, -125vh, 0);
		transform: translate3d(90vw, -125vh, 0);
	}
}
.circle-container:nth-child(34) .circle {
	-webkit-animation-delay: 1663ms;
	animation-delay: 1663ms;
}
.circle-container:nth-child(35) {
	width: 1px;
	height: 1px;
	-webkit-animation-name: move-frames-35;
	animation-name: move-frames-35;
	-webkit-animation-duration: 1119587ms;
	animation-duration: 1119587ms;
	-webkit-animation-delay: 5481ms;
	animation-delay: 5481ms;
}
@-webkit-keyframes move-frames-35 {
	from {
		-webkit-transform: translate3d(10vw, 109vh, 0);
		transform: translate3d(10vw, 109vh, 0);
	}
	to {
		-webkit-transform: translate3d(11vw, -120vh, 0);
		transform: translate3d(11vw, -120vh, 0);
	}
}
@keyframes move-frames-35 {
	from {
		-webkit-transform: translate3d(10vw, 109vh, 0);
		transform: translate3d(10vw, 109vh, 0);
	}
	to {
		-webkit-transform: translate3d(11vw, -120vh, 0);
		transform: translate3d(11vw, -120vh, 0);
	}
}
.circle-container:nth-child(35) .circle {
	-webkit-animation-delay: 1846ms;
	animation-delay: 1846ms;
}
.circle-container:nth-child(36) {
	width: 8px;
	height: 8px;
	-webkit-animation-name: move-frames-36;
	animation-name: move-frames-36;
	-webkit-animation-duration: 1119067ms;
	animation-duration: 1119067ms;
	-webkit-animation-delay: 6362ms;
	animation-delay: 6362ms;
}
@-webkit-keyframes move-frames-36 {
	from {
		-webkit-transform: translate3d(76vw, 106vh, 0);
		transform: translate3d(76vw, 106vh, 0);
	}
	to {
		-webkit-transform: translate3d(8vw, -114vh, 0);
		transform: translate3d(8vw, -114vh, 0);
	}
}
@keyframes move-frames-36 {
	from {
		-webkit-transform: translate3d(76vw, 106vh, 0);
		transform: translate3d(76vw, 106vh, 0);
	}
	to {
		-webkit-transform: translate3d(8vw, -114vh, 0);
		transform: translate3d(8vw, -114vh, 0);
	}
}
.circle-container:nth-child(36) .circle {
	-webkit-animation-delay: 629ms;
	animation-delay: 629ms;
}
.circle-container:nth-child(37) {
	width: 7px;
	height: 7px;
	-webkit-animation-name: move-frames-37;
	animation-name: move-frames-37;
	-webkit-animation-duration: 11110464ms;
	animation-duration: 11110464ms;
	-webkit-animation-delay: 459ms;
	animation-delay: 459ms;
}
@-webkit-keyframes move-frames-37 {
	from {
		-webkit-transform: translate3d(87vw, 106vh, 0);
		transform: translate3d(87vw, 106vh, 0);
	}
	to {
		-webkit-transform: translate3d(19vw, -111vh, 0);
		transform: translate3d(19vw, -111vh, 0);
	}
}
@keyframes move-frames-37 {
	from {
		-webkit-transform: translate3d(87vw, 106vh, 0);
		transform: translate3d(87vw, 106vh, 0);
	}
	to {
		-webkit-transform: translate3d(19vw, -111vh, 0);
		transform: translate3d(19vw, -111vh, 0);
	}
}
.circle-container:nth-child(37) .circle {
	-webkit-animation-delay: 2923ms;
	animation-delay: 2923ms;
}
.circle-container:nth-child(38) {
	width: 7px;
	height: 7px;
	-webkit-animation-name: move-frames-38;
	animation-name: move-frames-38;
	-webkit-animation-duration: 1117636ms;
	animation-duration: 1117636ms;
	-webkit-animation-delay: 7001ms;
	animation-delay: 7001ms;
}
@-webkit-keyframes move-frames-38 {
	from {
		-webkit-transform: translate3d(5vw, 106vh, 0);
		transform: translate3d(5vw, 106vh, 0);
	}
	to {
		-webkit-transform: translate3d(6vw, -110vh, 0);
		transform: translate3d(6vw, -110vh, 0);
	}
}
@keyframes move-frames-38 {
	from {
		-webkit-transform: translate3d(5vw, 106vh, 0);
		transform: translate3d(5vw, 106vh, 0);
	}
	to {
		-webkit-transform: translate3d(6vw, -110vh, 0);
		transform: translate3d(6vw, -110vh, 0);
	}
}
.circle-container:nth-child(38) .circle {
	-webkit-animation-delay: 2952ms;
	animation-delay: 2952ms;
}
.circle-container:nth-child(39) {
	width: 4px;
	height: 4px;
	-webkit-animation-name: move-frames-39;
	animation-name: move-frames-39;
	-webkit-animation-duration: 1117141ms;
	animation-duration: 1117141ms;
	-webkit-animation-delay: 7364ms;
	animation-delay: 7364ms;
}
@-webkit-keyframes move-frames-39 {
	from {
		-webkit-transform: translate3d(40vw, 101vh, 0);
		transform: translate3d(40vw, 101vh, 0);
	}
	to {
		-webkit-transform: translate3d(60vw, -114vh, 0);
		transform: translate3d(60vw, -114vh, 0);
	}
}
@keyframes move-frames-39 {
	from {
		-webkit-transform: translate3d(40vw, 101vh, 0);
		transform: translate3d(40vw, 101vh, 0);
	}
	to {
		-webkit-transform: translate3d(60vw, -114vh, 0);
		transform: translate3d(60vw, -114vh, 0);
	}
}
.circle-container:nth-child(39) .circle {
	-webkit-animation-delay: 2547ms;
	animation-delay: 2547ms;
}
.circle-container:nth-child(40) {
	width: 2px;
	height: 2px;
	-webkit-animation-name: move-frames-40;
	animation-name: move-frames-40;
	-webkit-animation-duration: 1118810ms;
	animation-duration: 1118810ms;
	-webkit-animation-delay: 2995ms;
	animation-delay: 2995ms;
}
@-webkit-keyframes move-frames-40 {
	from {
		-webkit-transform: translate3d(97vw, 104vh, 0);
		transform: translate3d(97vw, 104vh, 0);
	}
	to {
		-webkit-transform: translate3d(67vw, -119vh, 0);
		transform: translate3d(67vw, -119vh, 0);
	}
}
@keyframes move-frames-40 {
	from {
		-webkit-transform: translate3d(97vw, 104vh, 0);
		transform: translate3d(97vw, 104vh, 0);
	}
	to {
		-webkit-transform: translate3d(67vw, -119vh, 0);
		transform: translate3d(67vw, -119vh, 0);
	}
}
.circle-container:nth-child(40) .circle {
	-webkit-animation-delay: 2456ms;
	animation-delay: 2456ms;
}
.circle-container:nth-child(41) {
	width: 8px;
	height: 8px;
	-webkit-animation-name: move-frames-41;
	animation-name: move-frames-41;
	-webkit-animation-duration: 1119821ms;
	animation-duration: 1119821ms;
	-webkit-animation-delay: 6398ms;
	animation-delay: 6398ms;
}
@-webkit-keyframes move-frames-41 {
	from {
		-webkit-transform: translate3d(21vw, 104vh, 0);
		transform: translate3d(21vw, 104vh, 0);
	}
	to {
		-webkit-transform: translate3d(71vw, -129vh, 0);
		transform: translate3d(71vw, -129vh, 0);
	}
}
@keyframes move-frames-41 {
	from {
		-webkit-transform: translate3d(21vw, 104vh, 0);
		transform: translate3d(21vw, 104vh, 0);
	}
	to {
		-webkit-transform: translate3d(71vw, -129vh, 0);
		transform: translate3d(71vw, -129vh, 0);
	}
}
.circle-container:nth-child(41) .circle {
	-webkit-animation-delay: 3442ms;
	animation-delay: 3442ms;
}





  .circle-3 {
	--scale: 1;
	position: absolute;
	top: 2%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	border-radius: 50%;
	width: var(--size);
	height: var(--size);
	/* -webkit-animation: pulse 3s forwards ease-in-out;
			animation: pulse 3s forwards ease-in-out; */
	-webkit-transition: background 2s ease-in-out;
	transition: background 2s ease-in-out;
	/* apparently having using var in rgb breaks sass... */
	/* background: rgb(var(--r), var(--g), var(--b)); */
	/* mix-blend-mode: luminosity; */
  }
    
  .message_wrap  > div >a:hover   .circle-3 {
	-webkit-animation: pulse 2s forwards ease-in-out;
	animation: pulse 2s forwards ease-in-out;
  }
  .circle--4 {
	opacity: 1;
	-webkit-animation-delay: 0.18s;
			animation-delay: 0.18s;
  }
   .circle--5 {
	opacity: 0.5;
	-webkit-animation-delay: 0.26s;
			animation-delay: 0.26s;
  }
   .circle--6 {
	opacity: 0.1666;
	-webkit-animation-delay: 0.32s;
			animation-delay: 0.32s;
  }
  
  
   .circle--4 {
	--size: calc(20px * 4);
  }	
  
   .circle--5 {
	--size: calc(20px * 5);
  }
  

   .circle--6 {
	--size: calc(20px * 6);
  }

  
  .message_wrap  > div >a:hover .circle--4 {
	opacity: 1;
	-webkit-animation-delay: 0.18s;
			animation-delay: 0.18s;
  }
  .message_wrap  > div >a:hover .circle--5 {
	opacity: 0.5;
	-webkit-animation-delay: 0.26s;
			animation-delay: 0.26s;
  }
  .message_wrap  > div >a:hover .circle--6 {
	opacity: 0.1666;
	-webkit-animation-delay: 0.32s;
			animation-delay: 0.32s;
  }
  
  
  .message_wrap  > div >a:hover .circle--4 {
	--size: calc(20px * 4);
  }
  
  .message_wrap  > div >a:hover.circle--5 {
	--size: calc(20px * 5);
  }
  

  .message_wrap  > div >a:hover .circle--6 {
	--size: calc(20px * 6);
  }
  

  @-webkit-keyframes pulse {
	0% {
	  -webkit-transform: translate(-50%, -50%) scale(1);
			  transform: translate(-50%, -50%) scale(1);
	}
	
	25% {
	  -webkit-transform: translate(-50%, -50%) scale(1.3);
			  transform: translate(-50%, -50%) scale(1.3);
	}
	
	50% {
	  -webkit-transform: translate(-50%, -50%) scale(0.70);
			  transform: translate(-50%, -50%) scale(0.70);
	}
	
	75% {
	  -webkit-transform: translate(-50%, -50%) scale(1);
			  transform: translate(-50%, -50%) scale(1);
	}
  }
  
  @keyframes pulse {
	0% {
	  -webkit-transform: translate(-50%, -50%) scale(1);
			  transform: translate(-50%, -50%) scale(1);
	}
	
	25% {
	  -webkit-transform: translate(-50%, -50%) scale(1.3);
			  transform: translate(-50%, -50%) scale(1.3);
	}
	
	50% {
	  -webkit-transform: translate(-50%, -50%) scale(0.70);
			  transform: translate(-50%, -50%) scale(0.70);
	}
	
	75% {
	  -webkit-transform: translate(-50%, -50%) scale(1);
			  transform: translate(-50%, -50%) scale(1);
	}
  }

/* 窗口宽度<1440,设计宽度=1200px */
@media screen and (max-width: 1439px) {
	.item_2 > .text {
		width: 1100px;
		height: 100%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position: relative;
		z-index: 1111;
	}
	.dxal_information {
		padding: 70px 35px 0;
	}
	.item_3 > .text {
		width: 1280px;
		height: 100%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position: relative;
		z-index: 1111;
	}
	.item_4 > .text > .img_wrap > .item_4ImgSwiper {
		top: 100px;
		width: 755px;
		height: 488px;
		margin: 0;
		overflow: unset!important;
	}
	.item_4 > .text .item_4TextSwiper {
		width: 560px;
		margin: 0 auto 0 45px;
	}
	.item_4 > .text > h3 {
		font-size: 40px;
		color: white;
		font-weight: bold;
		margin-left: 45px;
	}

	.item_4 > .text > span {
		text-transform: uppercase;
		font-family: PFDinTextPro-Regular;
		font-size: 40px;
		font-weight: bold;
		line-height: 56px;
		color: #1c4bbe;
		margin-left: 45px;
	}
	.item_5 .news {
		width: 95%;
		display: flex;
		justify-content: flex-start;
		margin-top: 40px;
	}

	.news >a >div:nth-of-type(1) >div:nth-of-type(1) {
		width: 115px;
		height: 65px;
		background: #02c582;
		margin-top: -65px;
		position: relative;
		left: 435px;
		z-index: 111111111;
		text-align: center;
	}
	.news >a >div:nth-of-type(1) >div:nth-of-type(2) {
		width: 550px;
		height: 150px;
		margin-top: -3px;
		background-color: #0a5cb0;
		position: relative;
		z-index: 111111111;
	}
	.news >a >div:nth-of-type(1) > img {
		width: 550px;
		height: 340px;
		object-fit: cover;
		object-position: center bottom;
		overflow: hidden;
		transition: transform 2s ease;
	}

	.item_5 .news_item {
		display: flex;
		width: 650px;
		flex-direction: column;
		margin-left: -30px;
	}
	.item_5 .news_item .top > a > div:first-of-type {
		margin-right: 10px;
	}
	.item_5 .news_item .bottom > div > span:first-of-type {
		width: 570px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	/*footer*/
	.footer {
		width: 1050px;
		margin: 0 auto;
		padding-top: 0px!important;
		display: flex;
		justify-content: space-between;
		position: relative;
		z-index: 111111111;
	}
	.footer .left {
		display: flex;
		width: 800px;
		justify-content: space-around;
	}
	.footer .left > div {
		display: flex;
		flex-direction: column;
		margin-right: 0px;
	}
	.footer .newfoot_right{
		display: none;
	}
}



 
/* 窗口宽度<1680,设计宽度=1600px */
@media screen and (max-width: 1679px) {
	.text {
		width: 1360px;

	}
	.center_content {
		transform: scale(.8);
		bottom: 80%;
	}
	.center_content2 {
		transform: scale(.8);
	}
  
  }
  /* 窗口宽度<1440,设计宽度=1200px */
  @media screen and (max-width: 1439px) {
	.center_content {
		transform: scale(.7);
		bottom: 84%;
	}
	.center_content2 {
		transform: scale(.7);
	}
	  .item_3 >.text >span{
		  text-transform: uppercase;
		  font-family: PFDinTextPro-Regular;
		  font-size: 40px;
		  font-weight: bold;
		 line-height: unset;
		  color: #1c4bbe;
		  letter-spacing: 6px;
		  margin-bottom:-50px;

	  }
	  .item_3 > .text > h3 {
		  font-family: MicrosoftYaHeiLight;
		  font-size: 46px;
		  /* font-size: 40px; */
		  color: white;
		  top: 116px;
		  position: absolute;
	  }
	  .item_3 > .text > span {
		  text-transform: uppercase;
		  font-family: PFDinTextPro-Regular;
		  font-size: 40px;
		  font-weight: bold;
		  line-height: 56px;
		  color: #1c4bbe;
		  letter-spacing: 6px;
		  position: absolute;
		  top: 165px;
	  }
	  .item_3Swiper {
		  margin-top: 160px!important;
	  }
	  .item_5 > .text >.news {
		  width: 88%;
		  display: flex;
		  justify-content: flex-start;
		  margin-top: 40px;
		  margin: 0 auto;
		  margin-top: 47px;
	  }


	  .item_5 >.text > .news > .news_item {
		  display: flex;
		  width: 580px;
		  flex-direction: column;
		  margin-left: -30px;
	  }
	  .item_5 >.text > .news > .news_item .top > a >div {
		  width: 280px;
		  height: 267px;
		  overflow: hidden;
	  }
	  .item_5 > .text > .news >a >div:nth-of-type(1) > img {
		  width: 550px;
		  height: 276px;
		  object-fit: cover;
		  object-position: center bottom;
		  overflow: hidden;
		  transition: transform 2s ease;
	  }
	  .item_5 >.text >.news >a >div:nth-of-type(1) {
		  width: 600px;
		  height: 430px;
		  overflow: hidden;
	  }

	  .item_5> .text > h3 {
		  font-family: MicrosoftYaHeiLight;
		  font-size: 46px;
		  /* font-size: 40px; */
		  color: white;
		  position: absolute;
		  top: 80px;
	  }
	  .item_5> .text > span {
		  text-transform: uppercase;
		  font-family: PFDinTextPro-Regular;
		  font-size: 40px;
		  font-weight: bold;
		  line-height: 56px;
		  color: #1c4bbe;
		  letter-spacing: 6px;
		  margin-bottom: 19px;
		  position: absolute;
		  top: 125px;
	  }
.item_5 .news_item .bottom > div {
	border-top: 1px solid #2c4fa2;
	padding: 7px 0;
	display: flex;
	justify-content:space-evenly;
}

	  .item_5 .news_item .bottom > div > span:first-of-type {
		  width: 487px;
		  white-space: nowrap;
		  text-overflow: ellipsis;
		  overflow: hidden;
	  }
	  .item_3Swiper-button {
		  position: relative;
		  width: 320px;
		  height: 54px;
		  margin: -18px auto;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  z-index: 1111;
	  }

}
  
  /* 窗口宽度<1200,设计宽度=1024px */
  @media screen and (max-width: 1199px) {
  
  }
  
  
  
  /* 窗口宽度<960,设计宽度=768 */
  @media screen and (max-width: 959px) {
  
  }
  
  /* 窗口宽度<768,设计宽度=640 */
  @media screen and (max-width: 767px) {
  
  }
  
  /* 窗口宽度<640,设计宽度=480 */
  @media screen and (max-width: 639px) {
	  .item_2 > .text {
		  width: 100%;
		  height: 100%;
		  margin: 0 auto;
		  display: flex;
		  flex-direction: column;
		  align-items: center;
		  justify-content: center;
		  position: relative;
		  z-index: 1111;
	  }

	  .mouse {
		  position: absolute;
		  bottom: 30px;
		  left: 50%;
		  transform: translateX(-50%);
		  z-index: 111;
		  width: 4vw;
		  height: 4vw;
	  }

	  .text > h3 {
		  font-family: MicrosoftYaHeiLight;
		  font-size: 6vw;
		  font-weight: normal;
		  font-stretch: normal;
		  line-height: 7vw;
		  /* letter-spacing: 6vw; */
		  color: #ffffff;
		  position: absolute;
		  top:30vw;
	  }

	  .text > span {
		  font-family: PFDinTextPro-Regular;
		  font-size: 6vw;
		  font-weight: normal;
		  font-stretch: normal;
		  line-height: 7vw;
		  letter-spacing: 1vw;
		  color: #1c4bbe;
		  top: 37vw;
		  padding-bottom: 0vw;
		  position: absolute;
	  }

	  .item_2 .text p:first-of-type {
		  margin-top: 8vw;
		  padding-top: 22vw;
	  }

	  .item_2 > .text > p {
		  text-align: center;
		  font-size: 3vw;
		  font-weight: normal;
		  font-stretch: normal;
		  line-height: 5vw;
		  letter-spacing: 0vw;
		  color: #fefefe;
		  width: 83vw;
		  line-height: 6.5vw;
		  overflow: unset;
		  white-space: unset;
		  margin-top: unset;
	  }
	  .item_2 .btn2 {
		  width: 185px;
		  height: 45px;
		  background-image: url(../images/news_btn.png);
		  background-size: 185px 45px;
		  margin-top: 30px;
		  transition: all 900ms;
		  border-radius: 25px;
	  }
	  .item_2 .text b {
		  font-family: MicrosoftYaHeiSemibold;
		  font-size: 3vw;
		  font-weight: bold;
		  letter-spacing: 0px;
		  color: #ffe400;
	  }

	  .item_2 > .text > p:nth-of-type(3) {
		  margin-top: 1vw;
	  }

	  .main > div > div:nth-of-type(2) {
		  background-image: url(../images/ygkj_index_bg_phone_06.jpg);
		  background-size: 100% 100%;
	  }
	  .main > div > div:nth-of-type(3) {
		  background-image: url(../images/ygkj_index_bg_phone_08.jpg);
		  background-size: 100% 100%;
	  }
	  .main > div > div:nth-of-type(5) {
		  background-image: url(../images/ygkj_index_bg_phone_10.jpg);
		  background-size: 100% 100%;
	  }
	  .main > div > div:nth-of-type(6) {
		  background-image: url(../images/ygkj_index_bg_phone_15.jpg);
		  background-size: 100% 100%;
	  }
	  .item_3Swiperphone {
		  display: block;
	  }

	  .item_3Swiper {
		  display: none;
	  }

	  .item_5 > .text {
		  width: 94vw;
		  height: 100%;
		  margin: 0 auto;
		  display: flex;
		  flex-direction: column;
		  align-items: center;
		  justify-content: center;
		  position: relative;
		  z-index: 1111;
		  margin-top: 50px;
	  }

	  .item_5 > .text {
		  display: none;
	  }

	  .item_5 > .textphone {
		  width: 94vw;
		  height: 100%;
		  margin: 0 auto;
		  display: flex;
		  flex-direction: column;
		  align-items: center;
		  justify-content: unset;
		  position: relative;
		  z-index: 1111;
		  margin-top: 25vw;
	  }

	  .textphone > h3 {
		   font-size: 6vw;
		  font-weight: normal;
		  font-stretch: normal;
		  line-height: 7vw;
		  letter-spacing: unset;
		  color: #ffffff;
	  }
	  .textphone > span {
		  text-transform: uppercase;
		  font-family: PFDinTextPro-Regular;
		  font-size: 6vw;
		  font-weight: normal;
		  font-stretch: normal;
		  line-height: 7vw;
		  letter-spacing: 1vw;
		  color: #1c4bbe;
		  margin-top: 3vw;
	  }
	  .item_5 .news {
		  width: 94vw;
		  display: flex;
		  justify-content: flex-start;
		  margin-top: 5vw;
		  flex-wrap: wrap;
	  }
	  .news >a >div:nth-of-type(1) {
		  width: 94vw;
		  height: 24vw;
		  margin: 0 auto;
		  display: flex;
		  flex-wrap: wrap;
	  }
	  .news >a >div:nth-of-type(1) > img {
		  object-fit: cover;
		  object-position: center bottom;
		  overflow: hidden;
		  transition: transform 2s ease;
		  width: 37vw;
		  height: 22vw;
	  }
	  .dxal_information {
		  padding: 31.4vw 35px 0;
	  }

	  .news >a >div:nth-of-type(1) >div:nth-of-type(2){
		  width: 12vw;
		  height: 2vw;
		  margin-top: unset;
	      background-color: unset;
        }
        .news >a > div:nth-of-type(1) >div:nth-of-type(2) > p {
            font-family: MicrosoftYaHei;
            font-size: 2vw;
            font-weight: normal;
            font-stretch: normal;
            line-height: 7vw;
            letter-spacing: 0vw;
            color: #548ef3;
        }
	  .news >a >div:nth-of-type(1) >div:nth-of-type(1) {
		  width: 49vw;
		  height: 8vw;
		  left: 4vw;
		  background: unset;
		  margin-top: 4vw;
		  position: relative;
		  z-index: 111111111;
		  text-align: unset;
	  }
	  .news >a >div:nth-of-type(1) >div:nth-of-type(1) >h3{
		  width: 51vw;
		  height: 3vw;
		  font-family: MicrosoftYaHei;
		  font-size: 3vw;
		  font-weight: normal;
		  font-stretch: normal;
		  line-height: unset;
		  letter-spacing: 0vw;
		  color: #ffffff;
	  }
	  .news >a > div:nth-of-type(1) >div:nth-of-type(1) > p:first-of-type {
		  width: 49vw;
		  height: unset;
		  font-family: MicrosoftYaHeiSemilight;
		  font-size: 2vw;
		  font-weight: normal;
		  font-stretch: normal;
		  letter-spacing: 0vw;
		  color: #ffffff;
		  overflow: hidden;
		  white-space: nowrap;
		  text-overflow: ellipsis;
		  margin-top: 4.5vw;
		  line-height: unset;
		  display:none;
	  }
	  .news >a > div:nth-of-type(1) >div:nth-of-type(1) > p:last-of-type {
		  font-family: MicrosoftYaHei;
		  font-size: 2vw;
		  font-weight: normal;
		  font-stretch: normal;
		  line-height: 7vw;
		  letter-spacing: 0vw;
		  color: #548ef3;
		  margin-top: 8vw;
	  }
	  .news_btn {
		  width: 185px;
		  height: 45px;
		  background-image: url(../images/news_btn.png);
		  background-size: 185px 45px;
		  background-position: center center;
		  background-repeat: no-repeat;
		  align-self: center;
		  margin-top: 18px;
		  transition: all .5s ease;
		  border-radius: 25px;
	  }
	  .news_btn a {
		  display: block;
		  width: 100%;
		  height: 100%;
		  line-height: 45px;
		  text-align: center;
		  color: #fff;
	  }
	  .footer_content {
		  margin-top: 66vw;
	  }
	  .footer {
		  width: 95vw;
		  margin: 0 auto;
		  padding-top: 30px;
		  display: flex;
		  justify-content: center;
		  position: relative;
		  z-index: 111111111;
	  }
	  .footer > .right >p {
		  display: none;
	  }
	  .footer >.right >.newfoot_right{
		  /*display: flex;*/
		  flex-direction: column;
		  align-items: center;
		  width: 74vw;
		  text-align: center;
		  display:none;
      }
	  .footer .right span {
		  margin-bottom: 12px;
		  color: #ffffff;
		  font-size: 14px;
		  text-align: right;
	  }
	  .center_content >div:nth-of-type(2) >img {
		  width: 750px;
		  margin-top: -55px;
	  }
	  .center_content >div:nth-of-type(3) >img {
		  width: 400px;
		  margin-top: -40px;
	  }

	  .item_3 > .text {
		  width: 100vw;
		  height: 100%;
		  margin: 0 auto;
		  display: flex;
		  flex-direction: column;
		  align-items: center;
		  justify-content: center;
		  position: relative;
		  z-index: 1111;
	  }

	  .item_3Swiperphone > .swiper-wrapper > .dxal_information:nth-of-type(1) >a {
		  display: block;
		  width: 69vw;
		  height: 32vw;
		  background: url(../images/ygkj_product_01.png) no-repeat;
		  background-size: 100% 100%;
		  position: relative;
		  text-align: center;
		  box-shadow: 0px 20px 30px rgba(0,0,0,0.2);
		  border-radius: 3vw;
	  }
	  .item_3Swiperphone > .swiper-wrapper > .dxal_information:nth-of-type(2) >a {
		  display: block;
		  width: 69vw;
		  height: 32vw;
		  background: url(../images/ygkj_product_04.png) no-repeat;
		  background-size: 100% 100%;
		  position: relative;
		  text-align: center;
		  box-shadow: 0px 20px 30px rgba(0,0,0,0.2);
		  border-radius: 3vw;
	  }
	  .item_3Swiperphone > .swiper-wrapper >.dxal_information:nth-of-type(3) >a {
		  display: block;
		  width: 69vw;
		  height: 32vw;
		  background: url(../images/ygkj_product_03.png) no-repeat;
		  background-size: 100% 100%;
		  position: relative;
		  text-align: center;
		  box-shadow: 0px 20px 30px rgba(0,0,0,0.2);
		  border-radius: 3vw;
	  }
	  .item_3Swiperphone > .swiper-wrapper > .dxal_information:nth-of-type(4) >a {
		  display: block;
		  width: 69vw;
		  height: 32vw;
		  background: url(../images/ygkj_product_01.png) no-repeat;
		  background-size: 100% 100%;
		  position: relative;
		  text-align: center;
		  box-shadow: 0px 20px 30px rgba(0,0,0,0.2);
		  border-radius: 3vw;
	  }

	  .dxal_information >a >.introduce {
		  width: 35vw;
		  margin: 0 auto;
		  text-align: center;
		  margin-top: -38px;
	  }
	  .dxal_information:nth-of-type(1) >a >.introduce {
		  width: 69vw;
		  margin: 0 auto;
		  text-align: center;
		  margin-top: -32px;
	  }
	  .circle--6 {
		  --size: calc(5vw * 6);
	  }
	  .circle--5 {
		  --size: calc(4.3vw * 6);
	  }

	  .item_3 > .text > h3{
		  font-family: MicrosoftYaHeiLight;
		  font-size: 6vw;
		  font-weight: normal;
		  font-stretch: normal;
		  line-height: 7vw;
		  letter-spacing: unset;
		  color: #ffffff;
		  position: absolute;
		  top: 25vw;
	  }
	  .item_3 > .text > span {
		  font-family: PFDinTextPro-Regular;
		  font-size: 6vw;
		  font-weight: normal;
		  font-stretch: normal;
		  line-height: 0vw;
		  letter-spacing: 1vw;
		  color: #1c4bbf;
		  position: absolute;
		  top: 36vw;
	  }

	  .dxal_information >a >.introduce >h3 {
		  font-family: MicrosoftYaHei;
		  font-size: 5vw;
		  font-weight: normal;
		  font-stretch: normal;
		  line-height: 15vw;
		  letter-spacing: 0vw;
		  color: #ffffff;
		  padding-top: 9vw;
		  padding-bottom: 0vw;

	  }
	  .dxal_information >a >.introduce > ul li {
		  width: 69vw;
		  height: 6vw;
		  margin-left: -68px;
	  }
	  .message_wrap >div:nth-of-type(1) >a >.introduce > ul li:nth-of-type(2) {
		  width: 69vw;
		  background-color: rgba(3,78,180,0.37);
		  margin: 0 auto;
		  margin-left: -70px;
		  display: flex;
		  justify-content: space-around;
		  padding-left: 1vw;
	  }
	  .message_wrap >div:nth-of-type(1) >a >.introduce > ul li:last-of-type {
		  width: 69vw;
		  background-color: rgba(3,78,180,0.37);
		  margin: 0 auto;
		  margin-left: -70px;
		  display: flex;
		  justify-content: space-around;
		  padding-left: 1vw;
	  }
	  .dxal_information >a >.introduce > ul li span {
		  line-height: 6vw;
	  }
	  .dxal_information >a >img {
		  position: relative;
		  z-index: 111;
		  top: -29px;
	  }
	  .circle-3 {
		  --scale: 1;
		  position: absolute;
		  top: -7%;
		  left: 50%;
		  -webkit-transform: translate(-50%, -50%);
		  transform: translate(-50%, -50%);
		  border-radius: 50%;
		  width: var(--size);
		  height: var(--size);
		  -webkit-transition: background 2s ease-in-out;
		  transition: background 2s ease-in-out;
		  /* background: rgb(var(--r), var(--g), var(--b)); */
		  /* mix-blend-mode: luminosity; */
	  }

	  .message {
		  /* height: 498px; */
		  height: 145vw;
	  }

	  .message_wrap >div:nth-of-type(2) >a >.introduce > ul li:nth-of-type(2) {
		  width: 69vw;
		  background-color: rgba(5,101,136,0.37);
		  margin: 0 auto;
		  margin-left: -70px;
		  display: flex;
		  justify-content: space-around;
		  padding-left: 1vw;
	  }
	  .message_wrap >div:nth-of-type(2) >a >.introduce > ul li:last-of-type {
		  width: 69vw;
		  background-color: rgba(5,101,136,0.37);
		  margin: 0 auto;
		  margin-left: -70px;
		  display: flex;
		  justify-content: space-around;
		  padding-left: 1vw;
	  }
	  .dxal_information:nth-of-type(1) {
		  padding: 48vw 35px 0;
	  }
	  .dxal_information:nth-of-type(2) {
		  /*padding: 27vw 35px 0;*/
	  }
	  .dxal_information:nth-of-type(3) {
		  padding: 48vw 35px 0;
	  }
	  .dxal_information:nth-of-type(4) {
		  /*padding: 27vw 35px 0;*/
	  }

	  .item_3Swiper-button {
		  position: relative;
		  width: 38vw;
		  height: 6vw;
		  margin: -18px auto;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  z-index: 1111;
	  }
	  .item_3Swiper-button {
		  position: absolute;
		  width: 215px;
		  height: 54px;
		  margin: -18px auto;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  z-index: 1111111;
		  top: 55%;
		  transform: rotate(90deg);
		  right: -20vw;
	  }
	  .item_3Swiperphone .item_3Swiper-pagination {
		  display: block;
		  width: 100%;
		  height: 50px;
		  position: relative!important;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  font-size: 2vw;
		  letter-spacing: 0.5px;
		  color: rgba(254, 254, 254, .4);

	  }
	  .item_3Swiperphone .item_3Swiper-pagination b {
		  margin: 0 20px;
		  display: block;
		  width: 60px;
		  height: 1px;
		  background: rgba(254, 254, 254, .4);
	  }
	  .item_3Swiperphone  .swiper-button-prev.item_3Swiper-button-prev {
		  width: 6vw!important;
		  height: 6vw!important;
		  background: url(../images/ygkj_index_area1_16.png) no-repeat;
		  background-size: cover;
	  }
	  .item_3Swiperphone .swiper-button-next.item_3Swiper-button-next {
		  width: 6vw!important;
		  height: 6vw!important;
		  background: url(../images/ygkj_index_area1_16.png) no-repeat;
		  background-size: cover;
	  }

	  .item_3Swiperphone .swiper-button-prev.swiper-button-disabled {
		  opacity: .55;
		  cursor: auto;
		  pointer-events: none;
		  background: url(../images/ygkj_index_area1_16.png) no-repeat!important ;
		  transform: rotate(180deg);
		  background-size: cover!important;
	  }
	  .item_3Swiperphone .swiper-button-next.swiper-button-disabled {
		  opacity: .55;
		  cursor: auto;
		  pointer-events: none;
		  background: url(../images/ygkj_index_area1_16.png) no-repeat!important ;
		  background-size: cover!important;
	  }
	  .message_wrap >div:nth-of-type(4) >a >.introduce > ul li:last-of-type {
		  width: 69vw;
		  background-color: rgba(3,78,180,0.37);
		  margin: 0 auto;
		  margin-left: -70px;
		  display: flex;
		  justify-content: space-around;
	  }

	  .message_wrap >div:nth-of-type(3) >a >.introduce > ul li:nth-of-type(2) {
		  width: 69vw;
		  background-color: rgba(27,12,138,0.37);
		  margin: 0 auto;
		  margin-left: -70px;
		  display: flex;
		  justify-content: space-around;
	  }

	  .message_wrap >div:nth-of-type(3) >a >.introduce > ul li:last-of-type {
		  width: 69vw;
		  background-color: rgba(27,12,138,0.37);
		  margin: 0 auto;
		  margin-left: -70px;
		  display: flex;
		  justify-content: space-around;
	  }
    }

      /* 窗口宽度<480,设计宽度=320 */
  @media screen and (max-width: 479px) {

  }