/* extracted-inline-styles */
/* layouts/partials/page-yunhao.html */
#main .container{
		max-width:1200px;
		padding:0;	
	}
	#y-banner{
		background-size: cover;
	}
	#y-banner .container{
		/*height: 770px;*/
	}
	.y-banner{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.y-banner-txt{
		width: 45%;
	}
	.y-banner-p1{
		margin:0;
		line-height: 1em;
		font-size: 52px;
		font-weight: bold;
		color:#131d3c;
	}
	.y-banner-p2{
		margin:20px 0;
		line-height: 1.2em;
		font-size: 28px;
		color:#5e647a;
	}
	.y-banner-p3{
		margin:0 0 40px 0;
		line-height: 1.5em;
		font-size: 20px;
		color:#acaeb7;
	}
	#y-banner a{
		display:inline-block;
		padding:15px 60px;
		line-height: 1em;
		font-size: 20px;
		color:#fff;
		background: #00dc8c;
		border-radius: 50px;
	}

/* layouts/partials/page-yunhao.html */
.y-con{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 60px;
	}
	.y-con-txt{
		width:40%;
	}
	.y-title{
		display: inline-block;
		margin:0;
		line-height: 1.1em;
		color: #131d3c;
		font-size: 40px;
		font-weight: bold;
		padding:0 0 0 30px;
		background-image: url(/assets/img/yunhao/y-title-bg.png);
		background-position: left center ;
		background-repeat:no-repeat;
		background-size: auto 100%;
	}
	.y-con-txt span{
		display: block;
		margin:40px 0 60px 0;
		line-height: 1.5em;
		color: #53595c;
		font-size: 18px;
	}
	#y-con a{
		display:inline-block;
		padding:18px 60px;
		line-height: 1em;
		font-size: 18px;
		color:#fff;
		background: #00dc8c;
		border-radius: 50px;
		box-shadow:0 10px 24px #06885530;
	}
	.y-con-img{
		width:50%;
		text-align: center;
	}
	.y-title2{
		display: inline-block;
		margin:0;
		line-height: 1.1em;
		color: #131d3c;
		font-size: 40px;
		font-weight: bold;
		padding:0 30px 0 0;
		background-image: url(/assets/img/yunhao/y-title-bg2.png);
		background-position: right center ;
		background-repeat:no-repeat;
		background-size: auto 100%;
	}

/* layouts/partials/page-yunhao.html */
#y-con3{
		padding: 20% 0 120px 0;
 	margin-top: -18%;
	}
	#y-con3 a{
		display:inline-block;
		padding:18px 60px;
		line-height: 1em;
		font-size:18px;
		color:#fff;
		background: #00dc8c;
		border-radius: 50px;
		box-shadow:0 10px 24px #06885530;
	}
	.y-con3{
		display: flex;
		width: 50%;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
	}
	#y-con3 .y-con3-t{
		width:47%;
		padding:30px 20px;
		border:1px solid #f3f3f3;
		border-radius: 10px;
		background: #fff;
		margin-bottom: 40px;
		transition: all 0.5s ease;
	}
	.y-con3-top{
		display: flex;
		align-items: center;
	}
	.y-con3-top div{
		width:30px;
		text-align: center;
		display: flex;
 	align-items: center;
		margin-right: 15px;
	}
	.y-con3-top p{
		margin:0;
		line-height: 1em;
		font-size: 22px;
		color:#353535;
		font-weight: bold;
	}
	.y-con3-t span{
		display: block;
		margin:20px 0 0 0;
		line-height: 1.5em;
		font-size: 16px;
		color:#585858;
	}
	#y-con3 .y-con3-t:hover{
		border:1px solid #fff;
		box-shadow:0 12px 18px #06885510;
	}

/* layouts/partials/page-yunhao.html */
.y-use{
		text-align: center;
	}
	.y-use-con{
		display: flex;
		justify-content: space-between;
		padding:0 5%;
		margin:60px 0;
		background: url(/assets/img/yunhao/ues-line.png) no-repeat;
		background-position: center 15px;
	}
	.y-use-con div{
		width:30%;
	}
	.y-use-con div p{
		margin:30px 0 20px 0;
		font-size: 22px;
		color:#131d3c;
		line-height: 1em;
	}
	.y-use-con div span{
		display: block;
		font-size: 14px;
		color:#5e5e5e;
		line-height: 1.5em;
	}
	#y-use a{
		display:inline-block;
		padding:18px 60px;
		line-height: 1em;
		font-size: 18px;
		color:#fff;
		background: #00dc8c;
		border-radius: 50px;
		box-shadow:0 10px 24px #06885530;
	}

/* layouts/partials/page-yunhao.html */
.y-plugin{
		padding:60px 0 80px 0;
	}
	.y-plugin-top{
		margin:0 0 40px 0;
	}
	.y-plugin-top p{
		margin:0 0 10px 0;
		line-height: 1em;
		color:#131d3c;
		font-size: 32px;
	}
	.y-plugin-top span{
		display: inline-block;
		color:#9a9a9a;
		font-size: 16px;
	}
	.y-plugin-con{
		display:flex;
		/*justify-content: space-between;*/ justify-content: flex-start;
	}
	#y-plugin .y-plugin-a{
		display:block;
		border:1px solid #f3f3f3;
		padding:20px;
		display:flex;
		width: 31%;
		justify-content: space-between;
		transition: all 0.5s ease; margin-right: 2%;
	}
	.y-plugin-con-img{
		width: 70px;
	}
	.y-plugin-con-txt{
		width: calc(100% - 85px);
	}
	.y-plugin-con-txt p{
		display: inline-block;
		font-size: 24px;
		color: #131d3c;
		line-height: 0.9em;
 	margin: 8px 0 20px 0;
		padding-right:40px;
		background: url(/assets/img/yunhao/plugin-more.png) right bottom no-repeat; 
	}
	.y-plugin-con-txt span{
		display:block;
		font-size: 14px;
		color: #777676;
		line-height: 1em;
	}
	#y-plugin .y-plugin-a:hover{
		text-decoration: none;
		border:1px solid #fff;
		box-shadow:0 12px 18px #06885510;
	}

/* layouts/partials/page-yunhao.html */
#y-back{
		margin-bottom: 80px;
	}
	.y-back{
		padding:50px 10%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-repeat: no-repeat;
		background-image: url(/assets/img/yunhao/back-bg.png);
		background-position: center center;
		background-size: cover;
		border-radius: 10px;
	}
	.y-back div{
		
	}
	.y-back div p{
		margin:0 0 20px 0;
		line-height: 1em;
		font-size: 32px;
		font-weight: bold;
		color: #131d3c;
	}
	.y-back div span{
		display:block;
		line-height: 1.5em;
		font-size: 14px;
		color: #7e7e7e;
	}
	
	#y-back a{
		display:inline-block;
		padding:18px 60px;
		line-height: 1em;
		font-size: 18px;
		color:#fff;
		background: #00dc8c;
		border-radius: 50px;
		box-shadow:0 10px 24px #06885530;
	}

/* layouts/partials/page-yunhao.html */
@media only screen and (max-width: 1200px){
		#main .container{
			padding: 0 50px;
		}
		#y-banner .container{
			height: auto;
		}
		.y-banner-img{
			width: 50%;
		}
		.y-title{
			font-size: 32px;
		}
		.y-title2{
			font-size: 32px;
		}
		.y-con3{
			width: 58%;
		}
		.y-con3-top p{
			font-size: 18px;
		}
		#y-con3 .y-con3-t{
			width: 48%;
 		padding: 20px 15px;
		}
		.y-con3-t span{
			font-size: 14px;
		}
		.y-use-con{
			background-size: 65% auto;
		}
		.y-plugin-con-txt p{
			font-size: 20px;
			margin: 3px 0 12px 0;
		}
		.y-plugin-con-txt span{
			line-height: 1.3em;
		}
	}
	
	@media only screen and (max-width: 1024px){
		.y-banner-p1{
			font-size: 40px;
		}
		.y-banner-p2{
			font-size: 24px;
		}
		.y-banner-p3{
			font-size: 18px;
		}
		#y-banner a{
			font-size: 16px;
		}
		.y-plugin-con-txt p{
			padding-right: 0;
 		background: none;
		}
		
	}
	
	@media only screen and (max-width: 767px){
		.y-banner{
			flex-direction: column;
			justify-content: normal;
			text-align: center;
		}
		.y-banner-txt {
			width: 100%;
			margin-bottom: 50px;
		}
		.y-banner-img{
			width: 100%;
		}
		.y-con{
			flex-direction: column;
			justify-content: normal;
		}
		.y-title {
			font-size: 28px;
		}
		.y-title2 {
			font-size: 28px;
		}
		.y-con-txt span{
			font-size: 16px;
		}
		.y-con2{
			flex-direction: column-reverse;
		}
		.y-con-txt {
			width: 100%;
			margin-bottom: 50px;
		}
		.y-con-img {
 		width: 100%;
		}
		.y-con3{
			flex-direction: column;
			width: 100%;
		}
		#y-con3 .y-con3-t {
 		width: 100%;
			margin-bottom: 20px
		}
		.y-use-con{
			flex-direction: column;
			background: none;
		}
		.y-use-con div {
			width: 100%;
			margin-bottom: 40px;
		}
		.y-plugin-con{
			flex-direction: column;
		}
		#y-plugin .y-plugin-a{
			width: 100%;
			margin-bottom: 20px;margin-right: 0;
		}
		.y-plugin-con-txt p{
			padding-right: 40px;
 		background: url(/assets/img/yunhao/plugin-more.png) right bottom no-repeat;
		}
		.y-back{
			flex-direction: column;
			padding: 30px;
			text-align: center;
		}
		.y-back div {
			/* width: 100%; */
			margin-bottom: 20px;
		}
	}