@media screen and (min-width: 1224px){
	/**
page 1 start 
	*/
	.page1{
		background: url(../images/bg_page1.jpg) no-repeat !important;	 
		background-size: 100% !important;
		height: 650px;
	}
	.page1 .head{
		box-sizing: border-box;
		width: 1224px;
		margin: 0px auto;
		display: flex;
		justify-content: space-between;
		font-size: 28px;	
		color: #ffffff;
	}
	.page1 .head .menu{
		display: flex;		
	}

	.page1 .head .logo{
		padding-top: 20px;

	}
	.page1 .head .logo img{
		width: 57px;
		height: 46px;
		vertical-align: middle;
	}
	.page1 .content{
		box-sizing: border-box;
		width: 1224px;
		margin: 60px auto;
		display: flex;
		justify-content: space-between;
	
	}
	.page1 .content .left{
		color: #ffffff;
	}
	.page1 .content .left .title{
			font-size: 54px;
			font-weight: 700;
			margin-bottom: 30px;
	}
	.page1 .content .left .title span{
		color: #1AEBE1;

	}
	.page1 .content .left .desc{
		font-size: 30px;
		margin:30px auto;		
		line-height: 46px;
	}
	.page1 .content .left .other{
		display: none;
	}
	.page1 .content .left .pc_hide{
		display: none;
	}

	
	.page1 .content .left .downloaditems{
		width: 500px;
		display: flex;
    flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		text-align: center;
		justify-items: center;
	}
	.page1 .content .left .downloaditems .item{
		width: 220px;
		height: 65px;
		border: 2px solid rgba(236, 236, 236, 0.8);
		border-radius: 33px; 
		text-align: center;
		margin-bottom: 20px;
		margin-top: 10px;
		font-size: 22px;
		line-height: 65px;
		cursor:pointer;
		text-decoration:none;color:#fff;
	}

	.page1 .content .left .hot{
		position: relative;
		width: 110px;
		height: 30px;
		line-height: 30px;
		left: 160px;
		top: -80px;
		text-align: center;
		color: #FFFFFF;
		font-size: 14px;
		background-color: red;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
		border-bottom-right-radius: 30px;
	}

	.page1 .content .left .downloaditems .item:hover{
		border: 2px solid rgba(236, 236, 236, 1);
		color: rgba(236, 236, 236, 1);;

	}
	.page1 .content .left .downloaditems .item img{
		width: 32px;
		height: 28px;
		vertical-align:text-top;
		margin-right: 10px;
	}
	.page1 .content .right {
		padding-top: 25px;
		text-align: center;
		vertical-align: middle;
	}

		/**
		page 2 start 
	*/
	.page2{
		background-color: #ffffff;
	
 
	}
	.page2 .row{ 
		display: flex;
		width: 1224px;
		justify-content: space-between; 
		margin: 100px auto;

	}
	.page2 .row .left{
		flex: 1;
		vertical-align: middle;
		margin: auto auto;
	}
 
	.page2 .row .left .title{
		color: #111111;
		font-weight: 700;
		font-size: 42px;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.page2 .left .desc{
		color: #999999; 
		font-size: 18px;		
	}
	.page2 .left .subtitle{
		color: #333333; 
		font-size: 24px;
		margin-top: 40px;
		margin-bottom: 30px;
	}
	.page2 .left .app_icon img{
		height: 153px;
	}
	.page2 .right{
		flex: 1;
margin: auto auto;
text-align: center;
	}

		/**
		page 3 start 
	*/
	.page3{
		background-color: #EEF4F5;
	}

	.page3 .content{
			width: 1224px; 
			margin: 0px auto; 
	}
	 
	.page3 .content .title{
		color: #222328 ;
		font-size: 42px;
		text-align: center;
		padding-top: 50px;
	
	}
	.page3 .content .items{
 			padding: 50px;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
	}

	.page3 .content .items .item{
	 	background-color: #ffffff;
		 width: 320px;
		 height: 180px;
		 background: #FFFFFF;
		 border: 2px solid #E8E9E9;
		 border-radius: 10px;
		 margin:10px auto;
		 display: flex;
		 padding: 10px;
	}
	.page3 .content .items .item .desc{
		padding:10px;	
	}
	.page3 .content .items .item .desc .name{
		line-height: 30px;
		font-size: 14px;
		color: #222328;
		margin-bottom: 5px;
	}
	.page3 .content .items .item .desc .info{
		margin-top: 5px;
		line-height: 22px;
		font-size: 12px;
		color: #333333;
	}
	.page3 .content .items .item .user img{
		width: 80px;
		height: 80px;
		border-radius: 50%;
		margin: 5px;
	}

	.page4{ 
			width: 1224px; 
			margin: 40px auto; 	
			display: flex;
			justify-content: space-around;
			color: #222328;
	}
	.page4 img{
		vertical-align: middle;
		margin-right: 20px;
	}

	
	.page5{ 
		background-color: #222328;
		padding-bottom: 30px;
	} 

	
	.page5 .content{ 	
		width: 1224px; 
		margin: 40px auto; 	
		display: flex;
		justify-content: space-between;
		padding-top: 100px;
		padding-bottom: 30px;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;		
		border-bottom: #525265 solid 1px;
	} 
	.page5 .client{
		flex: 2;
		cursor: pointer;
	}
	.page5 .about{
		flex: 1;
	}
	.page5 .us{
		flex: 1;
	}
	.page5 .title{ 
		color: #ffffff;
		font-size: 20px;
		margin-bottom: 20px;
		text-align: left;
	}
	.page5 .item{
		color:#606076;
		font-size: 14px;
		line-height: 28px;
	}
	.page5 .clients{
		margin-top: 30px;
		display: flex;
		justify-content:flex-start;
		padding-right: 20px;
	}
	.page5 .client img	{ 
		margin-bottom: 15px;
	}
	.page5 .client{
		color: #606076;
		font-size: 14px;
		text-align: center;
		text-decoration:none;
	}
	.page5 .client:hover{
		color:rgba(255, 255, 255,0.8);
	}
	.page5 .foot{
		color: #606076;
		font-size: 12px;
		text-align: center;
	}
	.page5 .foot a{
		text-decoration: none;
		color: #606076;
		line-height: 30px;
	}
	.model{
		width: 100vw;
		height: 100vh;
		background-color: transparent;
		position: fixed;
		left: 0;
		top: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		display: none;
	}
	.model>div{
		width: 300px;
		height: 300px;
		border-radius: 8px;
		background-color: #fff;
		box-shadow: 1px 1px 5px #eeeeee,-1px -1px 5px #eeeeee;
	}
	.model>div>.close-icon{
		width: 100%;
		display: inline-block;
		padding-right: 12px;
		padding-top: 5px;
		box-sizing: border-box;
		text-align: right;
		cursor: pointer;
	}
	.model .phone-icon{
		text-align: center;
		padding-top: 0px;
	}
	.model .phone-icon img{
		width: 250px;
	}
	.model .btn-box{
		display: flex;
		justify-content: space-around;
		margin: 50px 0;
	}
	.model .btn-box div{
		width: 42%;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid black;
		padding: 8px 0;
		border-radius: 20px;
	}
	.model .btn-box a{
		color: black;
		text-decoration: none;
		font-size: 12px; 
	}
	.model .btn-box img{
		width: 18px;
		margin-right: 8px;
	}
}