@media screen and (max-width: 1223px){
/**
page 1 start 
	*/
	.page1{
		background: url(../images/bg_page_1.jpg) no-repeat !important;	 
		background-size: 100% 100% !important;
		height: 520px;
	}
	.page1 .head{	
		margin: 0px auto;
		display: flex;
		justify-content: space-between;
		box-sizing: border-box;
	}
	.page1 .head .logo{
		padding-top: 20px;
		padding-left: 20px;
		color: #ffffff;
		font-size: 20px;	
	}
	.page1 .head .menu{
		box-sizing: border-box;
		margin-top: 20px;
		margin-right: 20px;
		padding-top: 2px;
		font-size: 14px;
		border: 1px solid rgba(255, 255, 255, 0.5);
		border-radius: 18px;
		width: 70px;
		text-align: center;
		height: 26px;
		vertical-align: middle;
		cursor: pointer;
		color:rgba(255, 255, 255, 0.5);
	}
	.page1 .head .menu:hover{
		color:rgba(255, 255, 255,0.8);
		border: 1px solid rgba(255, 255, 255, 0.8);
	}
	.page1 .head .logo img{
		width: 40px;
		height: 32px;
		vertical-align: middle;
	}
	.page1 .content{
		margin: 60px auto;	
	}
	.page1 .content .left{
		color: #ffffff;
	}
	.page1 .content .left .title{
			font-size: 36px;
			font-weight: 700;
			text-align: center;
			margin-bottom: 30px;
	}
	.page1 .content .left .title span{
		color: #1AEBE1;

	}
	.page1 .content .left .desc{
		font-size: 24px;
		margin:0px auto;		
		line-height: 46px;
		text-align: center;
	}

	.page1 .content .left .hot{
		position: relative;		
		width: 110px;
		height: 30px; 
	  line-height: 30px;  
		left: 220px;
		top: -60px;
		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;
		transform: translate(-10px,-20px);
	}

	.page1 .content .left .downloaditems{
		align-items: center;
		text-align: center;
		justify-items: center;
	}
	.page1 .content .left .downloaditems .hide1{
		display: none;
	}

	.page1 .content .left .downloaditems .item{
		width: 300px;
		height: 65px;
		border: 2px solid #ECECEC;
		border-radius: 33px; 
		text-align: center;
		margin: 15px auto;
		font-size: 22px;
		line-height: 65px;
		text-decoration:none;color:#fff;padding:5px 20px;display:inline-block;
	}
	.page1 .content .left .downloaditems .hide{
		display: none;
	}
	.page1 .content .left .downloaditems .item img{
		width: 32px;
		height: 28px;
		vertical-align:text-top;
		margin-right: 10px;
	}

	.page1 .content .left .other{
		width: 300px;
		height: 65px;
		margin: 30px auto;
		text-align: center;
		font-size: 22px;
	}
	.page1 .content .right {
		display: none;
	}

	/**
		page 2 start 
	*/
	.page2{
		background-color: #ffffff;
	}
	.page2 .row{ 
		display: flex;
	  flex-direction: column;
		margin: 50px auto;
	}
	.page2 .rowreverse {  
	  flex-direction: column-reverse !important;	 
	}
	.page2 .row .left{
		flex: 1;
		vertical-align: middle;
		margin: auto auto;
	}
 
	.page2 .row .left .title{
		color: #111111;
		font-weight: 700;
		font-size: 28px;
		margin-top: 20px;
		margin-bottom: 30px;
		text-align: center;
	}
	.page2 .left .desc{
		color: #999999; 
		font-size: 14px;	
		padding: 10px;	
		margin-bottom: 30px;
		box-sizing: border-box;
	}
	.page2 .left .subtitle{
		color: #333333; 
		font-size: 18px;
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
	}
	.page2 .left .app_icon img{
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}
	.page2 .right{
		flex: 1;
		margin: auto auto;
		text-align: center;
	}
	.page2 .right img{
		width: 80%;
	}
		/**
		page 3 start 
	*/
	.page3{
		background-color: #EEF4F5;
	}

	.page3 .content{		 
			margin: 0px auto; 
	}
	 
	.page3 .content .title{
		color: #222328 ;
		font-size: 28px;
		text-align: center;
		padding-top: 50px;
	
	}
	.page3 .items .hide{
		display: none !important;
	}
	.page3 .content .items{
 			padding: 50px;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
	}

	.page3 .content .items .item{
	 	 background-color: #ffffff;
		 width: 100%;
		 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{ 		
			margin: 10px auto; 	
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			color: #222328;
			padding-left: 50px;

			font-size: 14px;

	}
	.page4 div{
		width: 45%;
 		margin-bottom: 25px;
		margin-top: 25px;
	} 
	.page4 img{
		vertical-align: middle;
		margin-right: 20px;
	}

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

	
	.page5 .content{ 	
		width: 100%; 
		margin: 40px auto; 	
 
		padding-top: 60px;
		padding-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;		
		border-bottom: #525265 solid 1px;
	} 
	.page5 .client{
		flex: 2;
	}
	.page5 .about{
	 margin-top: 20px;
	}
	.page5 .items{
		display: flex;
		justify-content: space-between;
	}
	.page5 .us{
	  margin-top: 20px;

	}
	.page5 .title{ 
		color: #ffffff;
		font-size: 18px;
		margin-bottom: 20px;
		text-align: left;
	}
	.page5 .item{
		color:#606076;
		font-size: 14px;
		line-height: 28px;
	}
	.page5 .clients{
		margin-top: 30px;
		display: none;
		justify-content:flex-start;
		padding-right: 20px;
		
	}
	.page5 .client img	{ 
		margin-bottom: 15px;
	}
	.page5 .client{
		color: #606076;
		font-size: 14px;
		text-align: center;
		display: none;
	}
	 
	.page5 .foot{
		color: #606076;
		font-size: 12px;
		text-align: center;
		padding-left: 10%;
		padding-right: 10%;
	}
	.page5 .foot a{
		text-decoration: none;
		color: #606076;
		line-height: 30px;
	}
	.model{
		display: none!important;
	}
}