.container .page {
	height: 12.38rem;
	margin: 0;
	padding: 0;
}

/* --------- page1 --------- */
.container .page1 {	
	color: #fff;
	text-align: center;
	position: relative;	
	overflow: hidden;
}
.container .page1 .bg{
	width: 100%;	
}
.container .page1 .content{	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;	
	z-index: 100;
}
.page1 .title {
	font-size: 0.8rem;
	padding-top: 22%;
	margin-bottom: 0.2rem;
}

.page1 .desc {
	font-size: 0.25rem;
	margin-bottom: 0.45rem;
}
.page1 .desc.fadeInUpBig{
	animation: fadeInUpBig 2s linear forwards;
}

.page1 .line {
	height: 3px;
	width: 1.4rem;
	margin: 0 auto;
	background: #eee;
}

.container .page1 .bg.magnify {
	animation: magnify 5s linear forwards;
}
.page1 .title.fadeIn{
	animation: fadeIn 2s linear forwards;
}
.page1 .desc.fadeInUpBig{
	animation: fadeInUpBig 2s linear forwards;
}
.page1 .line.fadeInUpBig{
	animation: fadeInUpBig 2s linear forwards;
}
.page1 .translation.fadeInUpBig{
	animation: fadeInUpBig 2s linear forwards;
}


/* --------- page2 --------- */
.container .page2 {
	padding-top: 1.2rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.container .page2 p {
	margin: 0 auto;
	text-align: center;
	color: #727171;
}

.container .page2 > .title {
	font-size: 0.4rem;
	font-weight: bold;
	color: #005bac;
}

.container .page2 > .desc {
	line-height: 3;
	font-size: 0.25rem;	
}


.page2 .content {
	width: 80%;
	margin: 0 auto;
    clear: both; 
    margin-top: 1rem;   
}

.page2 .content .problem {	
	line-height: 1.8;
	width: 47%;
	height: 2.5rem;
    margin-right: 6%;
    margin-bottom: 1rem;
	float: left;
	position: relative;
}
.page2 .content .problem:nth-child(2n){
    margin-right: 0;
}
.page2 .content .problem img { 
    width: 2.6rem;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}

.page2 .content .problem p {
    font-size: 0.22rem;
    margin-left: 2.8rem;
    text-align: left;
}

.page2 .content .problem .title {
	font-size: 0.28rem;
	font-weight: bold;
    line-height: 5;
    white-space: nowrap;

}

.page2 .content .problem .desc {		
	line-height: 1.6;
}

/* --------- page3 --------- */

.container .page3 {
	background: url(../img/aDPush-banner2.jpg) no-repeat top center;
	background-size: 100% 100%;
	color: #fff;
    text-align: center;    
}
.page3 img{
    margin: 1.5rem auto 0 auto;
	width: 1.8rem; 
	height: auto;
}
.page3 .title {
	font-size: 0.4rem;	
    margin: 1rem 0 0.2rem 0;
    font-weight: bold;
}

.page3 .desc {
	font-size: 0.25rem;
	margin-bottom: 1rem;
}
.page3 .desc:last-child{
    width: 58%;
    margin: 0 auto;
    line-height: 1.6;
    text-align: left;
}

/* --------- page4 --------- */
.container .page4 {
	padding-top: 1.2rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.container .page4 p {
	margin: 0 auto;
	text-align: center;
	color: #727171;
}

.container .page4 > .title {
	font-size: 0.4rem;
	font-weight: bold;
	color: #005bac;
}

.container .page4 > .desc {
	line-height: 3;
	font-size: 0.25rem;	
}


.page4 .content {
	width: 85%;
	margin: 0 auto;
    clear: both; 
    margin-top: 1.2rem;   
}
.page4 .content .value{
    text-align: center;
    width: 4.1rem;    
    height: auto;
    float: left;
    margin-right: 0.7rem;
}
.page4 .content .value:last-child{
    margin-right: 0;
}
.page4 .content .value img{
    width: 90%;
    height: auto;
    margin-bottom: 0.5rem;    
}
.page4 .content .value .title{
    font-size: 0.3rem;
    font-weight: bold;	  
	 height: 0.9rem; 
}
.page4 .content .value .title p{
	color: #005bac;	
}
.page4 .content .value .title .lineh{
	line-height: 0.9rem;
}
.page4 .content .value .desc{
    font-size: 0.22rem;
    line-height: 1.6;
    text-align: left;
    margin-top: 0.6rem;
}
/* --------- page5 --------- */

.container .page5 {
	padding-top: 1.2rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #dcdddd; 
}

.container .page5 p {
	margin: 0 auto;
	text-align: center;
	color: #727171;
}

.container .page5 > .title {
	font-size: 0.4rem;
	font-weight: bold;
	color: #005bac;
}

.container .page5 > .desc {
	line-height: 3;
	font-size: 0.25rem;	
}


.page5 .content {
	width: 85%;
	margin: 0 auto;
    clear: both; 
    margin-top: 1.2rem;   
}
.page5 .content .service{
	width: 30%;
	height: auto;
	margin-right: 5%;
	text-align: center;
	float: left;
}
.page5 .content .service:last-child{
	margin-right: 0;
}
.page5 .content .service .title{
	line-height: 4;
	font-size: 0.3rem;
	font-weight: bold;
	color: #005bac;
}
.page5 .content .service .desc{
	line-height: 1.8;
	font-size: 0.22rem;
	text-align: left;
	color: #727171;
}
/* --------- page6 --------- */