html,body{
    margin: 0;
    padding: 0;
    background-color:#fff;
    font-family:'Microsoft YaHei',Tahoma,'\5FAE\8F6F\96C5\9ED1',Arial,Helvetica,sans-serif;
    min-width: 1200px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/*初始化css*/
img{
    border: none;
}
a{
    text-decoration:none;
    out-line: none;
    color:black;
}
.warper{
    width:100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.videowap{
    /* position: absolute;
    top: 0;
    left: 0; */
    /* width: 1920px; */
    margin: 0 auto;
    /* height: 1080px; */
    width:100%;
    height: 100%;
    z-index: -1;
}
.videowap video{
    width:100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.zhezhao{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width:100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
}
.imgwap{
    width: 1200px;
    height: 677px;
    position: absolute;
    top: 50%;
    margin-top: -338px;
    left: 50%;
    margin-left: -600px;
    /* background-color: aqua; */
    z-index: 2;
}
.imgwap .dyimg{
    width: 730px;
    position: absolute;
    left: -135px;
    top: 126px;
    display: none;
}

.imgwap .drimg{
    width: 382px;
    display: none;
    position: absolute;
}
.drl{
    top: 0;
    left: -250px;
}
.drr{
    top: 0;
    right: -250px;
}
.imgwap .dsimg{
   height: 180px;
   display: none;
   position: absolute;
   z-index: 6;
}
.dsr{
    top: 235px;
    left: 500px;
}
.dsl{
    top: 235px;
    right: 500px;
}
.feiji{
    position: absolute;
    width: 1px;
    -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    /* display: none; */
}
.feiji1{

   /* display: none; */
    animation: feiji1 2s 0.4s 1 linear forwards;
    /* top: 300px;
    left: -220px; */
    width: 1px;
    /* , run-right-top 3s 0.4s 1 cubic-bezier(.66,.1,1,.41) */
}
.feiji2{
    /* width: 100px; */
    position: absolute;
    /* display: none; */
    animation: feiji2 2s 0.4s 1 linear forwards;
    /* top: 126px;
    left: 454px; */
}
@keyframes feiji1 {
    0% {
        /* display: block; */
       
        top: 195px;
        left: -74px;
        width: 15px;
    }

    15% {
        top: 133px;
        left: 2px;
   
        }
        75% {
            top: 360px;
            left: 270px;
            /* transform: rotate(100deg); */
            }
    100% {
        top: 126px;
        left: 454px;
        width: 100px;
        /* transform: rotate(0deg); */
    }
    
}
@keyframes feiji2 {
    0% {
        /* display: block; */
        width: 100px;
        top: 126px;
        left: 454px;
    }

    30% {
        top: 16px;
        left: 660px;
   
        }
        60% {
            top: 216px;
            left: 960px;
          
            }
    100% {
        top: 126px;
        left: 1164px;
        width: 15px;
       
    }
    
}
.chimg{
    width: 180px;
    position: fixed;
    bottom: 30px;
    left: 30px;
    display: none;
    z-index: 111;
}
.sbimg{
    width: 280px;
    position: fixed;
    bottom: 30px;
    left: 50%;
    margin-left: -100px;
    z-index: 111;
    animation: sbimg1 2s  infinite linear reverse;
}
.sbimg:hover{
    transform: scale(1.1,1.1);
}
@keyframes sbimg1 {
    0% {
        bottom: 30px;       
    }
 
    100% {
        bottom: 50px;  
    }
    
}
.img9{
    width: 50px;
    position: absolute;
    top: 246px;
    z-index: 5;
    display: none;
}
.img9r1{
    right: 1250px;
}
.img9r2{
    right: 1075px;
}
.img9r3{
    right: 1116px;
}
.img9l{
    left: 436px;
}
.img7{
    width: 542px;
    position: absolute;
    top: 200px;
    z-index: 5;
    display: none;
}
.img7r1{
    right: 730px;
}
.img7r2{
    right: 555px;
}
.img7r3{
    right: 596px;
}
.img7l{
    left: 463px;
}
.img8{
    /* width: 97px; */
    position: absolute;
    /* top: 304px; */
    z-index: 7;
    width: 1px;
    display: none;
    -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    /* right: 687px; */
}
.img8r2{
    right: 500px;
    top: 290px;
}
.img8r3{
    right: 540px;
    top: 290px;
}
.img8lj{
    -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    animation: img8lj 2s 0.1s 1 linear forwards;
}
.img8lc{
    -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    animation: img8lc 2s 0.1s 1 linear forwards;
}

@keyframes img8lj {
    0% {
        top: 269px;
        left: 452px;
        width: 13px;  
    }
    25% {
        top: 188px;
        left: 547px;      
    }
    74% {
        top: 410px;
        left: 823px; 
        /* ransform: rotate(80deg);      */
    }
    100% {
        width: 97px;
        top: 304px;
        left: 964px;
        /* ransform: rotate(0deg); */
    }
    
}
@keyframes img8lc {
    0% {
        top: 304px;
        left: 964px; 
        width: 97px;     
    }
    25% {
        top: 214px;
        left: 1064px; 
    }
    75% {
        top: 404px;
        left: 1200px;  
    }
    100% {
        top: 270px;
        left: 1300px;
        width: 0px; 
    }
    
}
.img8r1j{
    -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    animation: img8r1j 2s 0.1s 1 linear forwards;
}
@keyframes img8r1j {
    0% {
        top: 269px;
        left: -83px;
        width: 13px;  
    }
    25% {
        top: 191px;
        left: 32px;     
    }
    74% {
        top: 414px;
        left: 307px; 
        /* ransform: rotate(80deg);      */
    }
    100% {
        width: 97px;
        top: 311px;
        left: 407px;
        /* ransform: rotate(0deg); */
    }
    
}
.img8r1c{
    -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    animation: img8r1c 2s 0.1s 1 linear forwards;
}
@keyframes img8r1c {
    0% {
        top: 311px;
        left: 407px; 
        width: 97px;     
    }
    25% {
        top: 260px;
        left: 500px; 
    }
    75% {
        top: 400px;
        left: 800px;  
    }
    100% {
        top: 270px;
        left: 900px;
        width: 0px; 
    }
    
}
.img8r2j{
    -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    animation: img8r2j 2s 0.1s 1 linear forwards;
}
@keyframes img8r2j {
    0% {
        top: 269px;
        left: 93px;
        width: 13px;  
    }
    25% {
        top: 191px;
        left: 140px;     
    }
    74% {
        top: 414px;
        left: 417px; 
        /* ransform: rotate(80deg);      */
    }
    100% {
        top: 288px;
        left: 605px;
        width: 97px;
        /* ransform: rotate(0deg); */
    }
    
}
.img8r2c{
    -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    animation: img8r2c 2s 0.1s 1 linear forwards;
}
@keyframes img8r2c {
    0% {
       top: 288px;
        left: 605px;
        width: 97px;     
    }
    25% {
        top: 240px;
        left: 700px; 
    }
    75% {
        top: 400px;
        left: 800px;  
    }
    100% {
        top: 270px;
        left: 950px;
        width: 0px; 
    }
    
}
.img8r3j{
    -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    animation: img8r3j 2s 0.1s 1 linear forwards;
}
@keyframes img8r3j {
    0% {
        top: 269px;
        left: 50px;
        width: 13px;  
    }
    25% {
        top: 191px;
        left: 100px;     
    }
    74% {
        top: 414px;
        left: 407px; 
        /* ransform: rotate(80deg);      */
    }
    100% {
        width: 97px;
        top: 311px;
        left: 407px;
        top: 294px;
        left: 557px;
        /* ransform: rotate(0deg); */
    }
    
}
.img8r3c{
    -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
    animation: img8r3c 2s 0.1s 1 linear forwards;
}
@keyframes img8r3c {
    0% {
        top: 311px;
        left: 407px; 
		 top: 294px;
        left: 557px;
        width: 97px;     
    }
    25% {
        top: 240px;
        left: 660px; 
    }
    75% {
        top: 440px;
        left: 900px;  
    }
    100% {
        top: 270px;
        left: 1000px;
        width: 0px; 
    }
    
}