.banner video{
	display: block;
	width: 100%;
}
.banner .mobile img{
	display: block;
	width: 100%;
}
.banner .mobile{
	position: relative;
	display: none;
}
.banner{
	position: relative;
	display: block;
}
.banner .banner-box{
	position: absolute;
	z-index: 2;
}
.banner .banner-box .icon img{
	animation: mydhone 1s linear infinite alternate;
	display: block;
	width: 2.34vw;
}
.banner .banner-box .container{
	position: absolute;
	bottom: 0;
	display: none;
}
.banner .banner-box:hover{
	z-index: 4;
}
.banner .banner-box:hover .container{
	display: block;
}
.banner .banner-box .container .text-box{
	position: relative;
	background-color: rgba(37,138,198,.92);
	border-radius: 5px;
	padding: .78vw 3.38vw 1.09vw .52vw;
	white-space: nowrap;
	overflow: hidden;
}
.banner .banner-box .container .text-box .more{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 22px;
	height: 22px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	z-index: 2;
	background-color: #006dae;
}
.banner .banner-box .container .text-box .more .iconfont{
	font-size: 14px;
}
.banner .banner-box .container .text-box .more:before,
.banner .banner-box .container .text-box .more::after{
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	background-color: #1080c3;
	z-index: -1;
	opacity: .6;
}
.banner .banner-box .container .text-box .more:before{
	width: 100%;
	height: 200%;
}
.banner .banner-box .container .text-box .more::after{
	height: 100%;
	width: 200%;
}
.banner .banner-box .container.left{
	padding-right: .572vw;
	transform: translateX(-100%);
}
.banner .banner-box .container.right{
	padding-left: .572vw;
	left: 100%;
}
.banner .banner-box .text-title{
	font-size: 1.04vw;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1;
}
.banner .banner-box .text-des{
	font-size: .729vw;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	margin-top: .52vw;
	line-height: 1;
}
.banner .banner-box1{
	top: 9vw;
	left: 25vw;
}
.banner .banner-box2{
	top: 18vw;
	left: 20vw;
}
.banner .banner-box3{
	top: 26vw;
	left: 22vw;
}
.banner .banner-box4{
	top: 40vw;
	left: 20vw;
}
.banner .banner-box5{
	top: 10vw;
	left: 52vw;
}
.banner .banner-box6{
	top: 16vw;
	left: 45vw;
}
.banner .banner-box7{
	top: 25vw;
	left: 50vw;
}
.banner .banner-box8{
	top: 37vw;
	left: 51vw;
}
.banner .banner-box9{
	top: 45vw;
	left: 67vw;
}
.banner .banner-box10{
	top: 9vw;
	left: 64vw;
}
.banner .banner-box11{
	top: 11vw;
	left: 87vw;
}
.banner .banner-box12{
	top: 18vw;
	left: 66vw;
}
.banner .banner-box13{
	top: 17vw;
	left: 84vw;
}
.banner .banner-box14{
	top: 40vw;
	left: 86vw;
}
@keyframes mydhone{
	form{transform: scale(1);}
	to{transform: scale(1.2);}
}
@media (max-width:1024px){
	.banner .mobile{
		display: block;
	}
	.banner .pc{
		display: none;
	}
	.banner .banner-box .icon img{
		width: 5.58vw;
	}
	.banner .banner-box .container .text-box{
		padding: 1.95vw 6vw 2.834vw 2vw;
	}
	.banner .banner-box .text-title{
		font-size: 3.6vw;
	}
	.banner .banner-box .text-des{
		font-size: 2.5vw;
		margin-top: 1.6vw;
	}
	.banner .banner-box .container .text-box .more{
		display: none;
	}
	.banner .banner-box1{
		top: 7vw;
		left: 21vw;
	}
	.banner .banner-box2{
		left: 17vw;
	}
	.banner .banner-box3{
		left: 18vw;
	}
	.banner .banner-box5{
		left: 49vw;
	}
	.banner .banner-box6{
		left: 43vw;
	}
	.banner .banner-box7{
		left: 48vw;
	}
	.banner .banner-box9{
		top: 47vw;
	}
	.banner .banner-box10{
		top: 7vw;
	}
}