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;
}
.slide:nth-child(1){
    background: url("../images/bg-ot.jpg") no-repeat center bottom;
    min-width: 1400px;
  
}
.slide:nth-child(2){
    background: url("../images/bg-zh.jpg") no-repeat center bottom;
    min-width: 1400px;
}
.slide:nth-child(3){
    background: url("../images/bg-jx.jpg") no-repeat center bottom;
    min-width: 1400px;
}
.slide:nth-child(4){
    background: url("../images/bg-zx.jpg") no-repeat center bottom;
    min-width: 1400px;
}

/* 第一屏的布局 */
.slide:nth-child(1) .nav{
    width: 100%;
    height: 78px;
    position: relative;
    /* background-color: #FFFFFF; */
}
.slide:nth-child(1) ul{
    display: flex;
    position: absolute;
    left: 1452px;
    top:35px;
    z-index: 99999;
}
.slide:nth-child(1) ul li{
    font-size:20px;
    width: 120px;
    font-family:PingFang SC;
    font-weight:200;
    color:rgba(102,102,102,1);
}
.slide:nth-child(1) .nav>img{
    width: 25px;
    height: 25px;
    position: absolute;
    left: 48px;
    top: 24px;
}
.slide:nth-child(1) .nav>span{
    font-size:14px;
    font-family:PingFang SC;
    font-weight:200;
    color:rgba(0,0,0,1);
    position: absolute;
    left: 91px;
    top:27px;
}
.slide:nth-child(1) .icon1{
    width: 134px;
    height: 134px;
    position: absolute;
    left: 228px;
    top: 303px;
    animation: name 1.5s linear;
}
.slide:nth-child(1) .name{
    font-size:36px;
    font-family:PingFang SC;
    font-weight:500;
    color:rgba(51,51,51,1);
    position: absolute;
    left: 228px;
    top:441px;
    animation: name 1.5s linear;
}
.slide:nth-child(1) .msg{
    width:427px;
    height:99px;
    font-size:20px;
    letter-spacing:3px;
    font-family:PingFang SC;
    font-weight:100;
    color:rgba(51,51,51,1);
    opacity:0.7;
    position: absolute;
    left: 229px;
    top:543px;
    animation: name 1.5s linear;
}
/* 第一屏动画 */
@keyframes name {
    0%{
        transform: translate(-500px,0px);
    }
    100%{
        transform: translate(0px,0px);
    }
}

/* 第二屏布局 */
.slide:nth-child(2) .nav{
    width: 100%;
    height: 78px;
    position: relative;
    /* background-color: #FFFFFF; */
}
.slide:nth-child(2) ul{
    display: flex;
    position: absolute;
    left: 1452px;
    top:35px;
    z-index: 99999;
}
.slide:nth-child(2) ul li{
    font-size:20px;
    width: 120px;
    font-family:PingFang SC;
    font-weight:200;
    color:rgba(102,102,102,1);
}
.slide:nth-child(2) .nav>img{
    width: 25px;
    height: 25px;
    position: absolute;
    left: 48px;
    top: 24px;
}
.slide:nth-child(2) .nav>span{
    font-size:14px;
    font-family:PingFang SC;
    font-weight:200;
    color:rgba(0,0,0,1);
    position: absolute;
    left: 91px;
    top:27px;
}
.slide:nth-child(2) .icon2{
    width: 134px;
    height: 134px;
   position: absolute;
   left: 2149px;
   top:352px;
    /* animation: name 1.5s linear; */
}

.slide:nth-child(2) .zhihui{
    font-size:36px;
font-family:PingFang SC;
font-weight:500;
color:rgba(51,51,51,1);
    position: absolute;
    left: 2148px;
    top:500px;
    /* animation: name 1.5s linear; */
}
.slide:nth-child(2) .msg{
    width:427px;
    height:99px;
    font-size:20px;
    letter-spacing:3px;
    font-family:PingFang SC;
    font-weight:100;
    color:rgba(51,51,51,1);
    opacity:0.7;
    position: absolute;
    left: 2149px;
    top:624px;
    /* animation: name 1.5s linear; */
}
.animated{
    animation: name2 1.5s linear;
}
/* 第2屏动画 */
@keyframes name2 {
    0%{
        transform: translate(-500px,0px);
    }
    100%{
        transform: translate(0px,0px);
    }
}


/* 第3屏布局 */
.slide:nth-child(3) .nav{
    width: 100%;
    height: 78px;
    position: relative;
    /* background-color: #FFFFFF; */
}
.slide:nth-child(3) ul{
    display: flex;
    position: absolute;
    left: 1452px;
    top:35px;
    z-index: 99999;
}
.slide:nth-child(3) ul li{
    font-size:20px;
    width: 120px;
    font-family:PingFang SC;
    font-weight:200;
    color:rgba(102,102,102,1);
}
.slide:nth-child(3) .nav>img{
    width: 25px;
    height: 25px;
    position: absolute;
    left: 48px;
    top: 24px;
}
.slide:nth-child(3) .nav>span{
    font-size:14px;
    font-family:PingFang SC;
    font-weight:200;
    color:rgba(0,0,0,1);
    position: absolute;
    left: 91px;
    top:27px;
}
.slide:nth-child(3) .icon2{
    width: 134px;
    height: 134px;
    position: absolute;
    left: 4069px;
    top:352px;
    animation: name 1.5s linear;
}

.slide:nth-child(3) .zhihui{
    font-size:36px;
    font-family:PingFang SC;
    font-weight:500;
    color:rgba(51,51,51,1);
    position: absolute;
    left: 4068px;
    top:500px;
    animation: name 1.5s linear;
}
.slide:nth-child(3) .msg{
    width:427px;
    height:99px;
    font-size:20px;
    letter-spacing:3px;
    font-family:PingFang SC;
    font-weight:100;
    color:rgba(51,51,51,1);
    opacity:0.7;
    position: absolute;
    left: 4069px;
    top:624px;
    animation: name 1.5s linear;
}
/* 第3屏动画 */
@keyframes name {
    0%{
        transform: translate(-500px,0px);
    }
    100%{
        transform: translate(0px,0px);
    }
}


/* 第4屏布局 */
.slide:nth-child(4) .nav{
    width: 100%;
    height: 78px;
    position: relative;
    /* background-color: #FFFFFF; */
}
.slide:nth-child(4) ul{
    display: flex;
    position: absolute;
    left: 1452px;
    top:35px;
    z-index: 99999;
}
.slide:nth-child(4) ul li{
    font-size:20px;
    width: 120px;
    font-family:PingFang SC;
    font-weight:200;
    color:rgba(102,102,102,1);
}
.slide:nth-child(4) .nav>img{
    width: 25px;
    height: 25px;
    position: absolute;
    left: 48px;
    top: 24px;
}
.slide:nth-child(4) .nav>span{
    font-size:14px;
    font-family:PingFang SC;
    font-weight:200;
    color:rgba(0,0,0,1);
    position: absolute;
    left: 91px;
    top:27px;
}
.slide:nth-child(4) .icon2{
    width: 134px;
    height: 134px;
    position: absolute;
    left: 5989px;
    top:352px;
    animation: name 1.5s linear;
}

.slide:nth-child(4) .zhihui{
    font-size:36px;
    font-family:PingFang SC;
    font-weight:500;
    color:rgba(51,51,51,1);
    position: absolute;
    left: 5988px;
    top:500px;
    animation: name 1.5s linear;
}
.slide:nth-child(4) .msg{
    width:427px;
    height:99px;
    font-size:20px;
    letter-spacing:3px;
    font-family:PingFang SC;
    font-weight:100;
    color:rgba(51,51,51,1);
    opacity:0.7;
    position: absolute;
    left: 5989px;
    top:624px;
    animation: name 1.5s linear;
}
/* 第4屏动画 */
@keyframes name {
    0%{
        transform: translate(-500px,0px);
    }
    100%{
        transform: translate(0px,0px);
    }
}