/* css初始化 */
/* css初始化 */
body,div,span,img,ul,li,audio,video {
	margin:0;
    padding:0;
    border: 0;
}
ul,ol,li {
	list-style-type:none;
}
a {
	color:#666;
	text-decoration:none;
	outline:0;
}
/*第一屏的布局*/
.section:nth-child(1){
    background: url("../images/bg1.jpg") no-repeat center bottom;
    min-width: 1700px;
}
.section:nth-child(1) .tit{
    font-size:95px;
    font-family:PingFang SC;
    font-weight:500;
    color:rgba(254,254,255,1);
    position: absolute;
    top:120px;
    left: 480px;
    letter-spacing:15px;
    animation: tit 1.0s linear;
}
.section:nth-child(1) .prc{
   margin-left: 5px;
}
.section:nth-child(1) ul li{
    font-size:16px;
    font-family:PingFang SC;
    font-weight:200;
    float: left;
    width: 150px;
    color:rgba(255,255,255,1); 
}
.section:nth-child(1) ul {
    position: absolute;
    right: 0;
    top:30px;
}
.section:nth-child(1) .msg{
    position: absolute;
    top:310px;
    left: 555px;
    font-size:48px;
    letter-spacing:5px;
    font-family:PingFang SC;
    font-weight:200;
    color:rgba(254,254,255,1);
    animation: tit 1.0s linear;
}
.section:nth-child(1) .logo{
    position: absolute;
    left: 22.5px;
    top: 19px;
}
.section:nth-child(1) .name{
    position: absolute;
    left: 51px;
    top: 18px;
    font-size:14px;
    font-family:PingFang SC;
    font-weight:200;
    color:rgba(254,254,255,1);
}
.section:nth-child(1) .txt{
    position: absolute;
    left: 570px;
    top: 482px;
    width:800px;
    height:73px;
    font-size:15px;
    letter-spacing:5px;
    font-family:PingFang SC;
    font-weight:200;
    color:rgba(254,254,255,1);
    line-height:20px;
    animation: msg 1.2s linear;
}
.section:nth-child(1) .txt2{
    left:630px;
    top:510px;
}
.section:nth-child(1) .txt3{
    left: 670px;
    top:540px;
}
.section:nth-child(1) .icon1{
    position: absolute;
    left: 25%;
    top: 5%;
    animation: icon 1.5s linear infinite alternate;
}
.section:nth-child(1) .icon4{
    position: absolute;
    left: 33%;
    top: 6%;
    animation: iconadd 1.5s linear infinite alternate;
}
.section:nth-child(1) .icon2{
    position: absolute;
    left: 65%;
    top: 17%;
    animation: icon 1.5s linear infinite alternate;
}
.section:nth-child(1) .icon3{
    position: absolute;
    left: 80%;
    top: 19%;
    animation: icon 1.5s linear infinite alternate;
}
.section:nth-child(1) .icon4{
    width: 194px;
    position: absolute;
    left: 22%;
    top: 63%;
    animation: icon 1.5s linear infinite alternate;
}
.section:nth-child(1) .ray{
    position: absolute;
    bottom: 0;
    animation: ray 1.5s linear;
}

/*第一屏的动画*/
@keyframes tit {
    0%{
        transform: scale(0);
    }
    100%{
        transform: scale(1);
    }
}
@keyframes icon {
    0%{
        transform: scale(0);
        -webkit-transform-origin:50% 50%;
    }
    100%{
        transform: scale(1);
        -webkit-transform-origin:50% 50%;
    }
}
@keyframes iconadd {
    0%{
        transform: scale(0);
        -webkit-transform-origin:50% 50%;
    }
    100%{
        transform: scale(1.5);
        -webkit-transform-origin:50% 50%;
    }
}
@keyframes msg {
    0%{
        transform: scale(0);
    }
    40%{
        transform: scale(0);
    }
    100%{
        transform: scale(1);
    }
}
@keyframes ray {
    0%{
        transform: translate(-160px,150px);
    }
    100%{
        transform: translate(0px,0px);
    }
}
/*第2屏的布局*/
.section:nth-child(2){
    background: url("../images/bg2.jpg") no-repeat center bottom;
    position: relative;
    min-width: 1200px;
}
.section:nth-child(2) .img4{
   width: 330px;
   height: 659px;
   position: absolute;
   left: 631px;
   top:1px;
   animation: fly 1.5s linear infinite alternate;
}
.section:nth-child(2) .img4-2{
    width: 210px;
    height: 144px;
    position: absolute;
    left: 643px;
    top:670px;
 }
 .section:nth-child(2) .img4-3{
   z-index: 9999999;
   position: absolute;
   top:-70px;
   animation: xing 0.9s linear infinite alternate;
 }
 .section:nth-child(2) .bg{
   width: 500px;
   height: 600px;
   background-color: red;
  }
   .section:nth-child(2) .end{
    font-size:30px;
    letter-spacing:5px;
    font-family:PingFang SC;
    font-weight:500;
    position: absolute;
    left: 1106px;
    top: 200px;
       min-width: 1400px;
    color:rgba(255,255,255,1);
   }
   .section:nth-child(2) .end1{
    font-size:42px;
    font-family:PingFang SC;
    font-weight:800;
    color:rgba(255,255,255,1);
    opacity:0.2;
    position: absolute;
    left: 1103px;
    top: 225px;
       min-width: 1400px;
   }
   .section:nth-child(2) .end2{
    width:435px;
    height:1px;
    position: absolute;
    left: 1108px;
    top:325px;
    opacity:0.2;
       min-width: 1400px;
    border-bottom:0.1px solid rgba(255,255,255,1);
   }
   .section:nth-child(2) .end3{
    font-size:18px;
    font-family:PingFang SC;
    font-weight:100;
    position: absolute;
    left: 1110px;
    top:350px;
       min-width: 1400px;
    letter-spacing:4px;
    color:rgba(255,255,255,1);
} 
.section:nth-child(2) .end5{
    position: absolute;
    left: 1106px;
    top:430px;
    min-width: 1400px;
} 
.section:nth-child(2) .end6{
    position: absolute;
    left: 1103px;
    top:455px;
    min-width: 1400px;
} 
.section:nth-child(2) .end7{
    position: absolute;
    left: 1108px;
    top:555px;
    min-width: 1400px;
} 
.section:nth-child(2) .end8{
    position: absolute;
    left: 1110px;
    top:585px;
    min-width: 1400px;
} 
.section:nth-child(2) .end9{
    position: absolute;
    left: 1110px;
    top:612px;
    min-width: 1400px;
} 
.animated{
    animation: text 1.5s linear;
}
.animated1{
    animation: text1 1.5s linear;
}
 /* 第二屏动画 */
 @keyframes fly {
    0%{
        position: absolute;
        left: 631px;
        top:20px;

    }
    100%{
        position: absolute;
        left: 631px;
        top:1px;

    }
 }
 @keyframes xing {
    0%{
        opactiy:0；
    }
    100%{
        opactiy:1；
    }
}
@keyframes text {
    0%{
        transform: translate(500px,0px);
    }
    100%{
        transform: translate(0px,0px);
    }
}
@keyframes text1 {
    0%{
        transform: translate(0px,0px);
    }
    100%{
        transform: translate(500px,0px);
    }
}
/*第三屏的布局*/
.section:nth-child(3){
    background: url("../images/bg3.jpg") no-repeat center bottom;
    min-width: 1200px;
}
.section:nth-child(3) .title{
    font-size:43px;
    font-family:PingFang SC;
    font-weight:500;
    position: absolute;
    left:828px;
    top:8px;
    z-index: 99;
    letter-spacing:5px;
    color:rgba(255,255,255,1);
}
.section:nth-child(3) .english{
    font-size:35px;
    font-family:PingFang SC;
    font-weight:500;
    color:rgba(4,136,158,1);
    opacity:0.45;
    position: absolute;
    top: 44px;
    left:700px;
}
.section:nth-child(3) .hr{
    width: 1500px;
    position: absolute;
    top: 470px;
    left: 250px;
    /* background-color: rebeccapurple; */
}
.section:nth-child(3) .round{
    width: 38px;
    height: 38px;
    border:2px solid rgba(255,255,255,1);
    border-radius:50%;
    position: relative;
    z-index: 999;
    float: left;
}
.section:nth-child(3) .round>span{
    width:23px;
    height:23px;
    display: block;
    position: absolute;
    left: 8px;
    top:7px;
    background:rgba(255,255,255,1);
    border-radius:50%;
}
.section:nth-child(3) .fenge{
    width:301px;
    height:2px;
    float: left;
    position: absolute;
    top: 20px;
    left: 42px;
    border-bottom:2px solid rgba(229,229,229,1);
}
.section:nth-child(3) .round2{
    left: 300px!important;
}
.section:nth-child(3) .fenge2{
    left: 382px;
}
.section:nth-child(3) .round3{
    left: 597px!important;
}
.section:nth-child(3) .fenge3{
    left: 723px;
}
.section:nth-child(3) .round4{
    left: 896px!important;
}
.section:nth-child(3) .fenge4{
    left: 1064px;
}
.section:nth-child(3) .icon-add{
    width: 72px;
    height: 72px;
    position: absolute;
    left: 1365px;
    top: -15px;
}
.section:nth-child(3) .list1>p{
    width:2px;
    height:173px;
    position: absolute;
    top:500px;
    left: 271px;
    background-color: #FFFFFF;
}
.section:nth-child(3) .list1>span{
    width:15px;
    height:15px;
    display: block;
    background:rgba(255,255,255,1);
    border-radius:50%;
    position: absolute;
    left: 265px;
    top: 684px;
}
.section:nth-child(3) .list2>p{
    left: 950px!important;
    background-color: #FFFFFF;
}
.section:nth-child(3) .list2>span{
    left: 944px!important;
    background-color: #FFFFFF;
}
.section:nth-child(3) .list3>p{
    position: absolute;
    top:280px;
    left: 613px;
}
.section:nth-child(3) .list3>span{
    position: absolute;
    top:281px;
    left: 607px;
}
.section:nth-child(3) .list4>p{
    position: absolute;
    top:280px;
    left: 1292px;
}
.section:nth-child(3) .list4>span{
    position: absolute;
    top:281px;
    left: 1285px;
}
.section:nth-child(3) .img11{
    width: 124px;
    height: 124px;
    position: absolute;
    left: 200px;
    top:710px;  
}
.section:nth-child(3) .img11:hover{
    transform:scale(1.1);
    transition: all 0.2s;
}
.section:nth-child(3) .img22:hover{
    transform:scale(1.1);
    transition: all 0.2s;
}
.section:nth-child(3) .img33:hover{
    transform:scale(1.1);
    transition: all 0.2s;
}
.section:nth-child(3) .img44:hover{
    transform:scale(1.1);
    transition: all 0.2s;
}
.section:nth-child(3) .img22{
    width: 124px;
    height: 124px;
    position: absolute;
    left: 545px;
    top:130px;
    /* animation: imgs 1.2s linear; */
}
.section:nth-child(3) .img33{
    width: 124px;
    height: 124px;
    position: absolute;
    left: 890px;
    top:710px;
}
.section:nth-child(3) .img44{
    width: 124px;
    height: 124px;
    position: absolute;
    left: 1230px;
    top:130px;
}
.section:nth-child(3) .app1{
    font-size:30px;
    font-family:PingFang SC;
    font-weight:500;
    color:rgba(255,255,255,1);
    position: absolute;
    left: 390px;
    top:310px;
}
.section:nth-child(3) .app2{
    font-size:30px;
    font-family:PingFang SC;
    font-weight:500;
    color:rgba(255,255,255,1);
    position: absolute;
    left: 300px;
    top:630px;
}
.section:nth-child(3) .app3{
    font-size:30px;
    font-family:PingFang SC;
    font-weight:500;
    color:rgba(255,255,255,1);
    position: absolute;
    left: 980px;
    top:630px;
}
.section:nth-child(3) .app4{
    font-size:30px;
    font-family:PingFang SC;
    font-weight:500;
    color:rgba(255,255,255,1);
    position: absolute;
    left: 1135px;
    top:310px;
}
.section:nth-child(3) .msg1{
    font-size:18px;
    font-family:PingFang SC;
    font-weight:300;
    color:rgba(255,255,255,1);
    opacity:0.7;
    position: absolute;
    left: 139px;
    top:360px;
}
.section:nth-child(3) .msg1-1{
    font-size:18px;
    font-family:PingFang SC;
    font-weight:300;
    color:rgba(255,255,255,1);
    opacity:0.7;
    position: absolute;
    left: 321px;
    top:397px;
}
.section:nth-child(3) .msg3{
    font-size:18px;
    font-family:PingFang SC;
    font-weight:300;
    color:rgba(255,255,255,1);
    opacity:0.7;
    position: absolute;
    left: 813px;
    top:360px;
    min-width: 1400px;
}
.section:nth-child(3) .msg3-1{
    font-size:18px;
    font-family:PingFang SC;
    font-weight:300;
    color:rgba(255,255,255,1);
    opacity:0.7;
    position: absolute;
    left: 900px;
    top:397px;
    min-width: 1400px;
}
.section:nth-child(3) .msg2{
    width:431px;
    height:80px;
    font-size:18px;
    line-height: 33px;
    font-family:PingFang SC;
    font-weight:300;
    color:rgba(255,255,255,1);
    opacity:0.7;
    position: absolute;
    left: 300px;
    top:520px;
}
.section:nth-child(3) .msg4{
    width:607px;
    height:82px;
    font-size:18px;
    line-height: 33px;
    font-family:PingFang SC;
    font-weight:300;
    color:rgba(255,255,255,1);
    opacity:0.7;
    position: absolute;
    left: 980px;
    top:520px;
}
.imgs{
    animation: imgs 1.2s linear;
}
.imgss{
    animation: imgss 1.2s linear;
}
.center{
    animation: center 1.2s linear;
}
.reimgs{
    animation: reimgs 1.2s linear;
}
.reimgss{
    animation: reimgss 1.2s linear;
}
.recenter{
    animation: recenter 1.2s linear;
}

/* 第三屏动画 */
@keyframes imgs {
    0%{
        transform: translate(0px,-200px);
    }
    100%{
        transform: translate(0px,0px);
    }
}
@keyframes imgss {
    0%{
        transform: translate(0px,200px);
    }
    100%{
        transform: translate(0px,0px);
    }
}
@keyframes center {
    0%{
        transform: scale(0);
    }
    100%{
        transform: scale(1);
    }
}
@keyframes reimgs {
    0%{
        transform: translate(0px,200px);
    }
    100%{
        transform: translate(0px,0px);
    }
}
@keyframes reimgss {
    0%{
        transform: translate(0px,-200px);
    }
    100%{
        transform: translate(0px,0px);
    }
}
@keyframes recenter {
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(0);
    }
}
/*第4屏的布局*/
.section:nth-child(4){
    background: url("../images/bg4.jpg") no-repeat center bottom;
    position: relative;
    min-width: 1200px;
}
.section:nth-child(4) .img1{
    position: absolute;
    left: 394px;
    top:358px;
    width: 116px;
    height: 94px;
    /* animation: center 1.2s linear; */
}
.section:nth-child(4) .img1-1{
    position: absolute;
    left: 350px;
    top:320px;
    width: 59px;
    height: 99px;
    /* animation: center 1.2s linear; */
}
.section:nth-child(4) .img1-2{
    position: absolute;
    left: 463px;
    top:381px;
    width: 117px;
    height: 90px;
    /* animation: center 1.2s linear; */
}
.section:nth-child(4) .img2{
    position: absolute;
    left: 869px;
    top:276px;
    width: 175px;
    height: 161px;
    /* animation: center 1.2s linear; */
}
.section:nth-child(4) .img2-1{
    position: absolute;
    left: 809px;
    top:313px;
    width: 120px;
    height: 125px;
    /* animation: center 1.2s linear; */
}
.section:nth-child(4) .img2-2{
    position: absolute;
    left:1011px;
    top:283px;
    width: 104px;
    height: 103px;
    /* animation: center 1.2s linear; */
}
.section:nth-child(4) .img3{
    position: absolute;
    left: 1405px;
    top:342px;
    width: 87px;
    height: 109px;
    /* animation: center 1.2s linear; */
}
.section:nth-child(4) .img3-1{
    position: absolute;
    left: 1364px;
    top:323px;
    width: 69px;
    height: 87px;
    /* animation: center 1.2s linear; */
}
.section:nth-child(4) .img3-2{
    position: absolute;
    left: 1448px;
    top:360px;
    width: 86px;
    height: 84px;
    /* animation: center 1.2s linear; */
}
.section4{
     animation: center 1.2s linear;
}
.section:nth-child(4) .number{
    position: absolute;
    left: 392px;
    top:544px;
    font-size:35px;
    letter-spacing:3px;
    font-family:PingFang SC;
    font-weight:500;
    color:rgba(255,255,255,1);
}
.section:nth-child(4) .numbers{
    font-size:30px;
    font-family:PingFang SC;
    font-weight:200!important;
    color:rgba(255,255,255,1);
    position: absolute;
    left:373px;
    letter-spacing:3px;
    top:616px;
}
.section:nth-child(4) .work{
    position: absolute;
    left: 886px;
    top:544px;
    font-size:35px;
    letter-spacing:3px;
    font-family:PingFang SC;
    font-weight:500;
    color:rgba(255,255,255,1);
}
.section:nth-child(4) .works{
    position: absolute;
    left: 845px;
    top:614px;
    font-size:26px;
    font-family:PingFang SC;
    font-weight:200!important;
    color:rgba(255,255,255,1);
}
.section:nth-child(4) .add{
    position: absolute;
    left: 1371px;
    top:544px;
    font-size:35px;
    letter-spacing:3px;
    font-family:PingFang SC;
    font-weight:500;
    color:rgba(255,255,255,1);
}
.section:nth-child(4) .adds{
    position: absolute;
    left: 1270px;
    top:616px;
    font-size:26px;
    min-width: 1900px;
    /* font-family:PingFang SC; */
    font-weight:100!important;
    color:rgba(255,255,255,1);
}
.section:nth-child(4) .show1{
    position: absolute;
    left: 365px;
    top:450px;
    width: 165px;
    height: 67px;
}
.section:nth-child(4) .show2{
    position: absolute;
    left: 850px;
    top:436px;
    width: 223px;
    height: 90px;
}
.section:nth-child(4) .show3{
    position: absolute;
    left: 1377px;
    top:445px;
    width: 145px;
    height: 59px;
}
.section:nth-child(4) .icp{
    position: absolute;
    left: 45.5%;
    bottom: 10px;
    font-size:20px;
    font-family:PingFang SC;
    font-weight:100;
    color:rgba(255,255,255,1);
}
.section:nth-child(4) .hr1{
    width: 100%;
    height:1px;
    position: absolute;
    bottom: 175px;
    opacity: 0.5;
    border-bottom:0.5px solid rgba(255,255,255,1);
}
.section:nth-child(4) .logo1{
    width: 26px;
    height: 26px;
    position: absolute;
    left: 371px;
    bottom: 120px;
}
.section:nth-child(4) .names{
    font-size:15px;
font-family:PingFang SC;
font-weight:100;
color:rgba(254,254,255,1);
position: absolute;
left: 412px;
bottom: 110px;
}
.section:nth-child(4) .br{
    width:1px;
height:119px;
opacity: 0.5;
background-color: rgba(255,255,255,1);
position: absolute;
left: 876px;
bottom:37px;
}
.section:nth-child(4) .br1{
position: absolute;
left: 1126px;
}
.section:nth-child(4) .br2{
    left: 1356px;
}
.section:nth-child(4) .time{
    font-size:15px;
    font-family:PingFang SC;
    font-weight:200;
    color:rgba(255,255,255,1);
    opacity:0.3;
    position: absolute;
    left: 367px;
    bottom: 70px;
}
.section:nth-child(4) .pub{
    font-size:15px;
    font-family:PingFang SC;
    font-weight:200;
    color:rgba(255,255,255,1);
    opacity:0.3;
    position: absolute;
    left: 368px;
    bottom:42px;
}
.section:nth-child(4) .num{
    font-size:15px;
    font-family:PingFang SC;
    font-weight:200;
    color:rgba(255,255,255,1);
    opacity:0.3;
    position: absolute;
    left: 368px;
    bottom: 15px;
}
.section:nth-child(4) .wx{
    width: 28px;
    height: 23px;
    position: absolute;
    left: 1412px;
    bottom: 63px;
}
.section:nth-child(4) .wb{
    width: 29px;
    height: 25px;
    position: absolute;
    left: 1469px;
    bottom: 63px;
}
.section:nth-child(4) .imgs1{
    font-size:15px;
font-family:PingFang SC;
font-weight:100;
color:rgba(255,255,255,1);
opacity:0.3;
position: absolute;
left: 1425px;
bottom: 110px;
}
.section:nth-child(4) .imgs2{
    font-size:15px;
    font-family:PingFang SC;
    font-weight:100;
    color:rgba(255,255,255,1);
    position: absolute;
    left: 1209px;
    bottom: 15px;
}
.section:nth-child(4) .imgs3{
    font-size:15px;
font-family:PingFang SC;
font-weight:100;
color:rgba(255,255,255,1);
position: absolute;
left: 1208px;
bottom: 42px;
}

.section:nth-child(4) .imgs4{
    font-size:15px;
font-family:PingFang SC;
font-weight:100;
color:rgba(255,255,255,1);
position: absolute;
left: 1208px;
bottom: 70px;
}

.section:nth-child(4) .imgs5{
    font-size:15px;
font-family:PingFang SC;
font-weight:100;
color:rgba(255,255,255,1);
opacity:0.3;
position: absolute;
left: 1208px;
bottom: 110px;
}
.section:nth-child(4) .imgs6{
    font-size:15px;
font-family:PingFang SC;
font-weight:200;
color:rgba(255,255,255,1);
position: absolute;
left: 956px;
bottom: 15px;
}
.section:nth-child(4) .imgs7{
    font-size:15px;
    font-family:PingFang SC;
    font-weight:200;
    color:rgba(255,255,255,1);
    position: absolute;
left: 971px;
bottom: 42px;
}
.section:nth-child(4) .imgs8{
    font-size:15px;
    font-family:PingFang SC;
    font-weight:200;
    color:rgba(255,255,255,1);
    position: absolute;
left: 971px;
bottom: 70px;
}
.section:nth-child(4) .imgs9{
    font-size:15px;
font-family:PingFang SC;
font-weight:200;
color:rgba(255,255,255,1);
opacity:0.3;
position: absolute;
left: 971px;
bottom: 110px;
}
.recenter{
      animation: recenter 1.2s linear;
}
/* 第4屏动画 */
@keyframes center {
    0%{
        transform: scale(0);
    }
    100%{
        transform: scale(1);
    }
}
@keyframes recenter {
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(0);
    }
}
/* 由左到右过渡 */
@keyframes left {
    0%{
        transform: translate(-250px,0px);
    }
    100%{
        transform: translate(0px,0px);
    }
}