@font-face {
 font-family: 'Android';

 src: url('../fonts/Android.ttf');

}

body,html{
            overflow: hidden !important;
        }
@keyframes hvr-bob {

0% { transform: scale(1); }

100% { transform: scale(1.1); }

}

@keyframes hvr-bob {

0% { transform: scale(1); }

100% { transform: scale(1.1); }

}


@-webkit-keyframes start {

    0%,
    30% {
        opacity: 0;
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}

@keyframes start {

    0%,
    30% {
        opacity: 0;
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}


@keyframes slowScale{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes slowScale{0%{-webkit-transform:scale(1)}to{-webkit-transform:scale(1.2)}}


.section{width: 100%; height: 100%;position: relative;}
.page-bg{width: 100%;height: 100%;position: absolute;top: 0;left:0;  background-size: cover;background-position: 50%;  }

.section.active .page-bg{ animation: slowScale 6s forwards;-webkit-animation: slowScale 6s forwards;}
.section .container,.section .title_box{z-index: 22;}

.section.footerss .fp-tableCell{
    display: block!important;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{background-color: #ffffff;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{border-color: #ffffff;}
body{position: relative;}



.array {cursor: pointer;position: absolute;bottom: 40px;left: 50%;margin-left: -37.5px;z-index: 999;animation: start 1.5s ease-in-out infinite;-webkit-animation: start 1.5s ease-in-out infinite;-moz-animation: start 1.5s infinite ease-in-out;-o-animation: start 1.5s infinite ease-in-out;}

.section .redmore{color: #ffffff;border-color: #ffffff;}


.section1 .section_text{text-align: center;width: 100%;float: none;padding-top: 60px;}
.section1 .section_text .section1_title{color:#ffffff;font-weight:bolder;}
.section1 .section_text .section1_ps{ color:#c7c7c7;}
.section1 .section_text .index1Img{ max-width: 100%;display: inline-block;}



.section3 .section_text,.section5 .section_text,.section7 .section_text{float: right; }
.section_text{width: 65%;float: left;color: #ffffff; }
.section_text .section_title{display: inline-block;padding-bottom: 5px;font-size:38px;border-bottom:1px solid #ffffff;margin-bottom:50px;}
.section_text .section_title strong{  font-size:46px;margin-right:15px;}
.section_text p{ opacity: 0; font-size: 24px;line-height: 40px;margin-bottom: 25px;font-weight: lighter;}

@media(max-width: 767px){
.section_text .index_logo img{width: 100px;height: 100px;margin-bottom: 30px;}
.section_text .erweima{width: 180px;height: 180px; display: none;position: absolute;left: 50%;top:50%;margin-left: -100px;margin-top: -6.5rem;}
.section_text .erweima img{width: 180px;height: 180px;padding: 10px;background-color: #FFFFFF;}
	
.section_text .section_title{display: inline-block;padding-bottom: 5px;font-size:1.5rem;margin-bottom:14px;}
.section_text .section_title strong{font-size:3rem;display: block;}
.section_text p{ opacity: 0; font-size:1rem;line-height: 20px;margin-bottom: 20px;font-weight: lighter;}
.section_text .redmore{font-size: 1rem;padding:10px 35px;border:1px solid #ae0fe8;margin-top: 20px;background-color: #a219d4;border-radius: 100px;}
.totop{display: none;}
#fp-nav.right{display: none;}
.array{width: 45px;margin-left: -22px;bottom:25px;}

.section1 .section_text{text-align: center;width: 100%;float: none;}
.section1 .section_text .section1_title{font-size: 3rem;line-height:36px;margin-bottom:15px; }
.section1 .section_text .section1_ps{font-size:1.4rem;line-height: 24px;margin-bottom: 40px; }
.section1 .section_text .section1_p{font-size:0.5rem;line-height: 24px;margin-top: 40px; }
/*.section1 .section_text .index1Img{ max-width: 90%;display: inline-block;}*/

}

@media(min-width: 768px) and (max-width: 1024px) {
.section_text .index_logo img{width: 140px;height: 140px;margin-bottom: 30px;}
.section_text .erweima{width: 180px;height: 180px; display: none;position: absolute;left: 50%;top:50%;margin-left: -100px;margin-top: -4.6rem;}
.section_text .erweima img{width: 180px;height: 180px;padding: 10px;background-color: #FFFFFF;}
	
.section_text .section_title{display: inline-block;padding-bottom: 5px;font-size:1.6rem;margin-bottom:25px;}
.section_text .section_title strong{font-size:3.5rem;}
.section_text p{ opacity: 0; font-size:1.3rem;line-height: 30px;margin-bottom: 24px;font-weight: lighter;}
.section_text .redmore{font-size: 1rem;padding:10px 35px;border:1px solid #ae0fe8;margin-top: 20px;background-color: #a219d4;border-radius: 100px;}
.totop{display: none;}
#fp-nav.right{display: none;}
.array{width: 60px;margin-left: -30px;bottom:40px;}

.section1 .section_text{text-align: center;width: 100%;float: none;}
.section1 .section_text .section1_title{font-size: 3.5rem;line-height:38px;margin-bottom:20px; }
.section1 .section_text .section1_ps{font-size:1.6rem;line-height: 28px;margin-bottom: 60px; }
.section1 .section_text .section1_p{font-size:0.7rem;line-height: 24px;margin-top: 40px; }
/*.section1 .section_text .index1Img{ max-width: 100%;display: inline-block;}*/
}

@media(min-width: 1025px) and (max-width:1199px){
	.section_text .index_logo img{width: 180px;height: 180px;margin-bottom: 30px;}
	.section_text .erweima{width: 200px;height: 200px; display: none;position: absolute;left: 50%;top:50%;margin-left: -110px;margin-top: -4rem;}
	.section_text .erweima img{width: 200px;height: 200px;padding: 10px;background-color: #FFFFFF;}
.section_text .section_title{display: inline-block;padding-bottom: 5px;font-size:1.8rem;margin-bottom:25px;}
.section_text .section_title strong{  font-size:4rem;}
.section_text p{ opacity: 0; font-size:1.4rem;line-height: 32px;margin-bottom: 24px;font-weight: lighter;}
	.section_text .redmore{font-size: 1rem;padding:16px 50px;border:1px solid #ae0fe8;margin-top: 20px;background-color: #a219d4;border-radius: 100px;}

#fp-nav.right{display: none;}
.array{width: 60px;margin-left: -30px;bottom:40px;}

.section1 .section_text{text-align: center;width: 100%;float: none;}
.section1 .section_text .section1_title{font-size: 4rem;line-height:42px;margin-bottom:30px; }
.section1 .section_text .section1_ps{font-size:2rem;line-height: 36px;margin-bottom: 60px; }
	.section1 .section_text .section1_p{font-size:0.8rem;line-height: 24px;margin-top: 40px; }
}


@media(min-width: 1200px) and (max-width:1299px){
	.section_text .index_logo img{width: 200px;height: 200px;margin-bottom: 30px;}
	.section_text .erweima{width: 200px;height: 200px; display: none;position: absolute;left: 50%;top:50%;margin-left: -110px;margin-top: -3rem;}
	.section_text .erweima img{width: 200px;height: 200px;padding: 10px;background-color: #FFFFFF;}
	
.section_text .section_title{display: inline-block;padding-bottom: 5px;font-size:2.2rem;margin-bottom:25px;}
.section_text .section_title strong{  font-size:4.5rem;}
.section_text p{ opacity: 0; font-size:1.8rem;line-height: 32px;margin-bottom: 24px;font-weight: lighter;}
	.section_text .redmore{font-size: 1rem;padding:16px 50px;border:1px solid #ae0fe8;margin-top: 20px;background-color: #a219d4;border-radius: 100px;}
.totop{display: none;}
#fp-nav.right{display: none;}
.array{width: 60px;margin-left: -30px;bottom:40px;}

.section1 .section_text{text-align: center;width: 100%;float: none;}
.section1 .section_text .section1_title{font-size: 4.5rem;line-height:42px;margin-bottom:30px; }
.section1 .section_text .section1_ps{font-size:2.2rem;line-height: 36px;margin-bottom: 60px; }
	.section1 .section_text .section1_p{font-size:0.8rem;line-height: 24px;margin-top: 40px; }
}

@media(min-width: 1300px) and (max-width:1599px){
	.section_text .index_logo img{width: 230px;height: 230px;margin-bottom: 30px;}
	.section_text .erweima{width: 230px;height: 230px; display: none;position: absolute;left: 50%;top:50%;margin-left: -127px;margin-top: -4rem;}
	.section_text .erweima img{width: 230px;height: 230px;padding: 10px;background-color: #FFFFFF;}
	
.section_text .section_title{display: inline-block;padding-bottom: 5px;font-size:2.6rem;margin-bottom:25px;}
.section_text .section_title strong{  font-size:5rem;}
.section_text p{ opacity: 0; font-size:1.8rem;line-height: 32px;margin-bottom: 24px;font-weight: lighter;}
	.section_text .redmore{font-size: 1.1rem;padding:18px 56px;border:1px solid #ae0fe8;margin-top: 20px;background-color: #a219d4;border-radius: 100px;}
.totop{display: none;}
#fp-nav.right{display: none;}
.array{width: 90px;margin-left: -45px;bottom:40px;}

.section1 .section_text{text-align: center;width: 100%;float: none;}
.section1 .section_text .section1_title{font-size: 5rem;line-height:46px;margin-bottom:30px; }
.section1 .section_text .section1_ps{font-size:2.6rem;line-height: 38px;margin-bottom: 60px; } 
	.section1 .section_text .section1_p{font-size:1rem;line-height: 24px;margin-top: 40px; }

}

@media(min-width: 1600px){
.section_text .index_logo img{width: 250px;height: 250px;margin-bottom: 30px;}
.section_text .erweima{width: 250px;height: 250px; display: none;position: absolute;left: 50%;top:50%;margin-left: -140px;margin-top: -4rem;}
.section_text .erweima img{width: 250px;height: 250px;padding: 10px;background-color: #FFFFFF;}
	.section_text .redmore{font-size: 1.2rem;padding:20px 60px;border:1px solid #ae0fe8;margin-top: 20px;background-color: #a219d4;border-radius: 100px;}
	
.section1 .section_text{text-align: center;width: 100%;float: none;padding-top: 60px;font-size:4rem;}
	.section_text .section_title{font-size:3rem;}
	.section_text .section_title strong{font-size:6rem;}
	.section_text p{ opacity: 0; font-size:1.8rem;line-height: 32px;margin-bottom: 24px;font-weight: lighter;}
.section1 .section_text .section1_title{font-size: 6rem;line-height: 62px;margin-bottom: 30px; }
.section1 .section_text .section1_ps{ font-size:3rem;line-height: 50px;margin-bottom: 50px; }
	
	.section1 .section_text .section1_p{font-size:1rem;line-height: 24px;margin-top: 40px; }
}


/*动画*/
.section_text>*{ 
    opacity: 0;
    -webkit-transform: translate3d(0, 180%, 0);
    transform: translate3d(0, 180%, 0);

    -webkit-transition: all 0.5s ease 0.3s;
    transition: all 0.5s ease 0.3s; 
}

.section.active .section_text>*{ 
    opacity: 1;
   -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}




.section_text .section_title{ 
    -webkit-transition: all 0.5s ease 0.3s;
    transition: all 0.5s ease 0.3s; 
}




.section_text p:nth-of-type(1){ 
    
    -webkit-transition: all 0.5s ease 0.7s;
    transition: all 0.5s ease 0.7s; 
}

.section_text p:nth-of-type(2){ 
    
    -webkit-transition: all 0.5s ease 1s;
    transition: all 0.5s ease 1s; 
}

.section_text p:nth-of-type(3){ 
    -webkit-transition: all 0.5s ease 1.3s;
    transition: all 0.5s ease 1.3s; 
}

.section_text p:nth-of-type(4){ 
    -webkit-transition: all 0.5s ease 1.7s;
    transition: all 0.5s ease 1.7s; 
}
.section_text .redmore{ 
    -webkit-transition: all 0.5s ease 1.5s;
    transition: all 0.5s ease 1.5s; 
}



