.v-yun .v-center{
	width: 1275px;
	position: relative;
	margin: 0 auto;
}
.v-banner {
	width: 100%;
	min-width: 1275px;
	background-color: #F9FBFE;
}
.v-banner .v-center{
	height: 546px;
	padding-left: 80px;
	overflow-x: hidden; 
}
.v-banner .v-title{
	padding-top: 152px;
	margin-bottom: 117px;
}
.v-banner .v-content{
	position: absolute;
	top: 55px;
	right: 0;
}
.v-yun-btn{
	display: block;
	font-size: 16px;
	color: #fff;
	width: 130px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #1E89E4;
	border-radius:4px;
	box-shadow:0px 4px 10px 0px rgba(51,82,113,0.27);
	-webkit-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
}
.v-yun-btn:hover{
	background-color: #fff;
	color: #1E89E4;
	margin-top: -10px;
}
.v-yun-btn:active{
	background-color: #fff;
	color: #EB9630;
	margin-top: -10px;
}
.v-yun-btn.disabled,.v-yun-btn.disabled:hover,.v-yun-btn.disabled:active{
	background-color: #C5D2DC;
	color: #fff;
}
.swiper-pagination{
	position: absolute;
    bottom: 5px;
    width: 100%;
    min-width: 1275px;
}
.swiper-pagination-bullet{
	width: 50px;
	height: 4px;
	background-color: #666;
	border-radius: 100px;
	margin-right: 20px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #333;
}
.v-live{
	width: 100%;
	min-width: 1275px;
	background-color: #fff;
	height: 460px;
}
.v-live .v-img img{
	position: absolute;
}
.v-live .v-img .v-live1{
	top: 42px;
	left: 227px;
	z-index: 3;
}
.v-live .v-img .v-live2{
	top: 160px;
	left: 101px;
	z-index: 2;
}
.v-live .v-img .v-live3{
	top: 167px;
	left: 84px;
	z-index: 1;
}
.v-live .v-text{
	margin-left: 661px;
	padding-top: 100px;
}
.v-live .v-text .v-title{
	font-size: 30px;
	color: #555;
}
.v-live .v-text .v-content{
	width: 495px;
	word-break: break-all;
	font-size: 16px;
	color: #666;
	margin: 25px 0 50px;
}
.v-demand{
	width: 100%;
	min-width: 1275px;
	background-color: #F9FBFE;
	height: 460px;
}
.v-demand .v-text{
	padding: 110px 0 0 66px;
}
.v-demand .v-text .v-title{
	font-size: 30px;
	color: #555;
}
.v-demand .v-text .v-content{
	width: 480px;
	word-break: break-all;
	font-size: 16px;
	color: #666;
	margin: 25px 0 45px;
}
.v-demand .v-img img{
	position: absolute;
}
.v-demand .v-img .v-demand1{
	top: 15px;
	right: 170px;
	z-index: 3;
}
.v-demand .v-img .v-demand2{
	top: 130px;
	right: 100px;
	z-index: 2;
}
.v-demand .v-img .v-demand3{
	top: 192px;
	right: 81px;
	z-index: 1;
}
.v-interaction{
	width: 100%;
	min-width: 1275px;
	background-color: #fff;
	height: 460px;
}
.v-interaction .v-img img{
	position: absolute;
}
.v-interaction .v-img .v-interaction1{
	top: 65px;
	left: 220px;
	z-index: 3;
}
.v-interaction .v-img .v-interaction2{
	top: 160px;
	left: 101px;
	z-index: 2;
}
.v-interaction .v-img .v-interaction3{
	top: 166px;
	left: 83px;
	z-index: 1;
}
.v-interaction .v-text{
	margin-left: 661px;
	padding-top: 100px;
}
.v-interaction .v-text .v-title{
	font-size: 30px;
	color: #555;
}
.v-interaction .v-text .v-content{
	width: 495px;
	word-break: break-all;
	font-size: 16px;
	color: #666;
	margin: 25px 0 50px;
}
.v-function{
	width: 100%;
	min-width: 1275px;
	background-color: #F9FBFE;
}
.v-function ul{
	width: 100%;
	padding: 0 43px;
}
.v-function ul li{
	float: left;
	width: 580px;
	height: 435px;
	margin: 56px 28px 128px 0;
	background-color: #fff;
	box-shadow:0px 0px 12px 0px rgba(213,197,231,0.68);
	border-radius:8px;
	padding: 54px 38px;
	position: relative;
}
.v-function ul li:last-child{
	margin-right: 0;
}
.v-function ul li .v-title{
	font-size: 30px;
	color: #555;
}
.v-function ul li .v-content{
	font-size: 16px;
	color: #666;
	margin: 25px 0 75px;
	width: 304px;
	word-break: break-all;
}
.v-function ul li img{
	position: absolute;
}
.v-function ul li .v-function1{
	bottom: 34px;
	right: 46px;
	z-index: 3;
}
.v-function ul li .v-function2{
	bottom: -75px;
	right: -5px;
	z-index: 2;
}
.v-function ul li .v-function3{
	bottom: -75px;
	right: -10px;
	z-index: 1;
}
.v-function ul li .v-function4{
	bottom: 135px;
	right: 115px;
	z-index: 3;
}
.v-function ul li .v-function5{
	bottom: -74px;
	right: -2px;
	z-index: 2;
}
.v-function ul li .v-function6{
	bottom: -75px;
	right: -10px;
	z-index: 1;
}
.v-yun h2{
	padding-top: 35px;
	font-size: 36px;
	color: #000;
	text-align: center;
	position: relative;
}
.v-yun h2 .v-line{
	display: block;
	width:60px;
	height:6px;
	background: #555;
	border-radius:4px;
	margin: 20px auto 0;
}
.v-platform{
	width: 100%;
	min-width: 1275px;
	background-color: #fff;
}
.v-platform ul{
	width: 100%;
	padding: 0 40px;
	margin: 45px auto 50px;
}
.v-platform ul li{
	float: left;
	width: 495px;
	height: 255px;
	padding: 25px 40px;
	box-shadow:0px 0px 10px 0px rgba(59,127,186,0.6);
	border-radius:8px;
	position: relative;
	margin-top: 75px;
	cursor:pointer;
	-webkit-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
}
.v-platform ul li:first-child{
	background: linear-gradient(90deg,rgba(1,120,240,1),rgba(0,175,247,1));
}
.v-platform ul li:last-child{
	background: linear-gradient(90deg,rgba(29,47,104,1),rgba(57,81,155,1));
}
.v-platform ul li .v-title{
	font-size: 24px;
	color: #fff;
}
.v-platform ul li .v-line{
	display: block;
	width: 42px;
	height: 4px;
	background-color: #fff;
	border-radius:2px;
	margin-top: 10px;
}
.v-platform ul li .v-content{
	font-size: 14px;
	color: #fff;
	margin-top: 10px;
	line-height: 24px;
}
.v-platform ul li .v-platform-img{
	position: absolute;
	right: 0;
	bottom: 0;
}
.v-platform ul li:first-child img{
	width: 255px;
}
.v-platform ul li:last-child img{
	width: 235px;
}
.v-platform ul li.v-on{
	width: 640px;
	height: 330px;
	margin-top: 0;
	z-index: 2;
}
.v-platform ul li:first-child.v-on{
	margin-right: -16px;
}
.v-platform ul li:first-child.v-on img{
	-webkit-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
	width: 320px;
}
.v-platform ul li:last-child.v-on{
	margin-left: -16px;
}
.v-platform ul li:last-child.v-on img{
	-webkit-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
	width: 320px;
}
.v-platform ul li.v-on .v-title{
	font-size: 30px;
}
.v-platform ul li.v-on .v-line{
	width: 50px;
}
.v-platform ul li.v-on .v-content{
	font-size: 16px;
	margin-top: 18px;
}
.v-technology{
	width: 100%;
	min-width: 1275px;
	background-color: #F9FBFE;
	padding-bottom: 50px;
}
.v-technology ul{
	width: 100%;
    padding: 0 66px;
}
.v-technology ul li{
	float: left;
	width: 260px;
	height: 280px;
	background-color: #fff;
	border-radius:4px;
	padding: 36px 28px 0;
	border-bottom: 4px solid #DDE6F3;
	margin: 50px 34px 0 0;
}
.v-technology ul li:nth-of-type(4),.v-technology ul li:nth-of-type(8){
	margin-right: 0;
}
.v-technology ul li:hover{
	box-shadow:0px 0px 12px 0px rgba(213,197,231,0.68);
	border-color: #5599F5;
}
.v-technology ul li img{
	display: block;
	margin: 0 auto 13px;
}
.v-technology ul li .v-title{
	font-size: 20px;
	color: #555;
	text-align: center;
}
.v-technology ul li .v-title .v-line{
	display: block;
	width: 36px;
	height: 3px;
	background-color: #555;
	border-radius:2px;
	margin: 6px auto 5px;
}
.v-technology ul li .v-content{
	font-size: 14px;
	line-height: 24px;
	color: #666;
	text-align: center;
}
.v-service{
	width: 100%;
	min-width: 1275px;
	background-color: #fff;
	padding-top: 68px;
	height: 500px;
}
.v-service .v-text{
	width: 445px;
	margin-left: 70px;
}
.v-service .v-text .v-title{
	font-size: 48px;
	color: #333;
	padding-top: 24px;
}
.v-service .v-text .v-subtitle{
	font-size: 30px;
	color: #555;
	margin: 8px 0 15px;
}
.v-service .v-text .v-content{
	font-size: 16px;
	color: #666;
	margin-bottom: 15px;
}
.v-service .v-text img{
	vertical-align: middle;
	display: inline-block;
	margin-right: 10px;
}
.v-service .v-imgs{
	width: 750px;
	text-align: center;
	margin-left: 10px;
}
.v-service .v-imgs img{
	display: none;
}
.v-service .v-imgs img.v-on{
	display: block;
}
.v-cooperation{
	width: 100%;
	min-width: 1275px;
	background-color: #F9FBFE;
	padding-bottom: 50px;
}
.v-cooperation ul{
	width: 100%;
	margin-top: 30px;
}
.v-cooperation ul li{
	width: 212px;
	float: left;
}
.v-select{
	width: 100%;
	min-width: 1275px;
	height: 500px;
	background: url(../../images/yun/select_bg.png) no-repeat center center;
	background-size: cover;
}
.v-select h2{
	color: #fff;
}
.v-select h2 .v-line{
	background-color: #fff;
}
.v-select img{
	width: 1275px;
	display: block;
	margin: 50px auto;
}
.v-select .v-yun-btn{
	margin: 0 auto;
	border: 1px solid #fff;
	color: #fff;
	background-color: rgba(0,0,0,0);
}
.v-select .v-yun-btn:hover{
	margin-top: -10px;
	border: 1px solid #fff;
	color: #1E89E4;
	background-color: #fff;
}
.v-select .v-yun-btn:active{
	margin-top: -10px;
	border: 1px solid #fff;
	color: #EB9630;
	background-color: #fff;
}
.v-characteristic{
	width: 100%;
	min-width: 1275px;
	background-color: #F9FBFE;
	padding-top: 50px;
}
.v-characteristic .v-content{
	width: 100%;
	min-width: 1275px;
	background-color: #fff;
}
.v-characteristic .v-content ul{
	width: 100%;
}
.v-characteristic .v-content ul li{
	float: left;
	width: 25%;
	text-align: center;
	padding: 26px 0 32px;
}