@media screen and (min-width: 801px) {
	

	.banner{
		background-color: #F1F1F1;
	}

	.banner .section{
		display: flex;
		height: 100%;
		position: relative;
		align-items: center;
		justify-content: right;
		padding: 20px 0;
	}

	.banner .bimg{
		width: auto;
	}

	.banner .content{
		position: absolute;
		left: 0;
	}

	.banner .content h1{
		font-size: 52px;
	}
	.banner .content h3{
		font-size: 34px;
		font-weight: normal;
	}

	.banner .content .spec-box{
		color: #777;
		font-size: 20px;
		padding: 10px 0;
	}

	.banner .content .spec-box .item{
		margin-right: 20px;
	}

	.banner .content .app-box{
		display: flex;
		margin-top: 20px;
	}

	.banner .content .app-box .item{
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #61A4FF;
		width: 220px;
		height: 49px;
		border-radius: 10px;
	    color: #fff;
	    font-size: 18px;
	}
	.banner .content .app-box .item .icon{
		margin-right: 10px;
		display: flex;
	}

	.banner .content .other-box{
		display: flex;
/*		justify-content: center;*/
		align-items: center;
/*		gap: 20px;*/
		margin-top: 20px;
		width: 220px;
	}
	.banner .content .other-box .item .icon{
		
		display: flex;
    	align-items: center;
	}

	.banner .content .other-box .item .icon img{
		width: 20px;
	}

	.banner .content .other-box a{
		font-size: 11px;
	}
	.banner .content .other-box .item{
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    color: #707070;
	    flex:1;
	}
	.banner .moretxt{
		color: #707070;
		font-size: 13px;
	    position: absolute;
	    left: -60px;
	}

	.you .section{

	}
	.you .head{
		text-align: center;
		font-size: 32px;
		padding: 40px;
	}
	.you .box{
		display: flex;
		margin-bottom: 30px
	}
	.you .box .item{
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		height: 200px;
		padding: 10px 20px;
	}
	.you .box .item .title{
		font-size: 22px;
		padding: 20px;
	}

	.you .box .item .desc{
		font-size: 18px;
		color: #949494;
		line-height: 30px;
		width: 290px;
	    text-align: center;
	}

	.nuo{
		background-color: #f1f1f1;
		padding: 30px 0 0 0;
	}
	.nuo .title{
		text-align: center;
		font-size: 32px;
		margin-bottom: 30px;
	}
	.nuo .box{
		display: flex;
	/*	align-items: center;*/
		justify-content: center;
	}
	.nuo .box .cline{
		width: 1px;
		background-color: #949494;
	}
	.nuo .box .item{
		display: flex;
	/*	flex: 1;*/
		align-items: center;
		justify-content: center;
	/*	padding: 30px 50px;*/
		width: 330px;
		padding: 15px 30px;
		line-height: 30px;
		padding-right: 100px;
		color: #949494;
	}


	.nuo .box .item .ctitle{
		font-size: 16px;
	}

	.nuo .box .item .cinfo{
		font-size: 14px;
	}

	.nuo .box .item img{
		padding: 20px;
	}

	.nuo .si{
		font-size: 16px;
		text-align: center;
		padding-top: 10px;
	}
	.nuo .si a{
		color: #949494;
		padding: 10px;
	}

}

@media screen and (max-width: 800px) {
	.banner {
		padding: 30px 0 20px 0;
		background-color: #f1f1f1;
	}
	.banner .content{
		position: absolute;
		text-align: center;
		width: 100%;
		z-index: 30;
	}

	.banner .bimg{
		width: 100%;
		opacity: 0.2;
	}

	.banner .content h3{
		padding: 10px 0;
		display: flex;
    	flex-direction: column;
	}

	.banner .spec-box{
		padding: 5px;
	}

	.banner .content h1{
		font-style: italic;
	}

	.banner .content .app-box{
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		margin-top: 10px;
	}

	.banner .content .app-box .item{
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #61A4FF;
		width: 180px;
		height: 38px;
		border-radius: 5px;
/*	    margin-right: 30px;*/
	    color: #fff;
/*	    font-size: 18px;*/

	}
	.banner .content .app-box .itemx{
		background-color: #fff;
		color: #000;
	}
	.banner .content .app-box .moreapp img{
		width: 30px;
	}
	.banner .content .app-box .item .icon{
		margin-right: 10px;
		display: flex;
    	align-items: center;
	}
	.banner .content .other-box{
		display: flex;
		justify-content: center;
		align-items: center;
/*		gap: 20px;*/
		padding: 15px 0;
		width: 190px;
		margin: 0 auto;
	}
	.banner .content .other-box .item .icon{
		display: flex;
    	align-items: center;
	}

	.banner .content .other-box .item .icon img{
		width: 20px;
	}

	.banner .content .other-box a{
		font-size: 11px;
	}
	.banner .content .other-box .item{
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    color: #707070;
	    flex: 1;
	}

	.banner .moretxt{
		color: #707070;
		font-size: 13px;
	    position: absolute;
	    left: 10px;
	}

	.you{
		
		text-align: center;
		padding: 20px 20px;
/*		background-color: #f1f1f1;*/
	}

	.you .head{
		font-weight: bold;
		padding: 10px 0;
		font-size: 25px;
	}

	.you .box{
		display: flex;
		flex-wrap: wrap;
	}

	.you .box .item{
/*		flex: 1 0 50%;*/
		padding: 10px 0;
	}

	.you .box .item img{
		width: 50px;
	}
	.you .box .item .title{
		font-size: 20px;
		padding: 5px 0;
	}
	.you .box .item .desc{
		padding: 0 60px;
		font-size: 14px;
		line-height: 20px;
	}

	.nuo{
		padding: 20px;
		text-align: center;
		background-color: #f1f1f1;
	}

	.nuo .title{
		font-weight: bold;
		padding-bottom: 10px;
		font-size: 25px;
	}

	.nuo .box{
		display: flex;
	}
	.nuo .box .cline{
/*		display: none;*/
		width: 1px;
		background-color: #949494;
	}

	.nuo .box img{
		width: 36px;
	}
	.nuo .box .item{
		padding: 0 10px;
		flex:1;
	}
	.nuo .box .ctitle{
		font-size: 20px;
		padding: 5px 0;
	}
	.nuo .box .cinfo{
		font-size: 14px;
	}

	
}