@charset "utf-8";

div,table,html,body,form,ul,ol,li,dl,dt,img,dd,tr,span,input,select,img,p{margin:0 ;padding:0;}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;}
body{font-size:12px;font-family:"宋体";color:#4f4f4f; text-align:left;}
a{text-decoration:none;color:#4f4f4f;}
a:hover{text-decoration:none;color:#4f4f4f;text-decoration: underline;}
ul li{list-style:none;}
img{border:none;}
body *{ max-height:999999px;}
.cl{clear: both; height: 0px; overflow: hidden;}

.container{ background:url("20220824_page00_bg.jpg") no-repeat center top,
    url("20220824_page01_bg.jpg") no-repeat center 1033px; width: 750px; height: 7797px; background-color: #9cc880;  margin: 0 auto; position: relative; overflow: hidden;}
/* 首屏 */
.page00{position: relative; left: 0; top: 0px; width: 100%; height: 1031px; overflow: hidden;}
.page00_t01{position: absolute; left: 40px; top: 110px; z-index: 9;}
.page00_t02{position: absolute; left: 116px; top: 402px; z-index: 9;}
.page00_p01{position: absolute; left: 0px; top: 900px; z-index: 7;}
.page00_p02{position: absolute; left: 339px; top: 672px; z-index: 8;}
.page00_p03{position: absolute; left: 216px; top: 552px; z-index: 6;}
.page00_p04{position: absolute; left: 178px; top: 738px; z-index: 9;}
.page00_c01{position: absolute; left: 0px; top: 225px; margin-left: -314px; z-index: 1;}
.page00_c02{position: absolute; left: 408px; top: 0px; z-index: 1;}


.arrow{position: fixed; left: 50%; margin-left: -35px; bottom: 5%; z-index: 10; display: none;}

/* 第一页 制定背景 */
.page01{position: relative; left: 0; top: 0px; width: 750px; height: 1183px; display: none;}
.page01_c0{position: absolute; left: 55px; top: 57px; display: none;}
.page01_frame{position: absolute; left: 47px; top: 360px; display: none;}
.page01_title{position: absolute; left: 295px; top: 379px; display: none;}
.page01_content{position: absolute; left: 115px; top: 492px; display: none;}
.page01_pic{position: absolute; left: 381px; top: 843px; width: 249px; height: 249px; border-radius: 19px; background-color: #f1ffa4; overflow: hidden; display: none;}
.page01_pic img{height: inherit;}

/* 第二页 主要内容 */
.page02{position: relative; left: 47px; top: 68px; background: url("20220824_page02_frame.png") no-repeat; width: 663px; height: 4300px; background-size: 100% 100%; overflow: hidden; display: none;}
/* .page02_frame{position: absolute; left: 55px; top: 57px;} */
.page02_title{position: absolute; left: 249px; top: 19px; display: none;}
.page02_content{position: absolute; left: 66px; top: 127px; display: none;}
.page02_1_title{position: absolute; left: 56px; top: 182px; display: none;}
.page02_1_content{position: absolute; left: 65px; top: 307px; display: none;}
.page02_1_pic{position: absolute; left: 378px; top: 307px; width: 210px; height: 359px; border-radius: 19px; background-color: #f1ffa4; display: none;}
.page02_1_statue{position: absolute; left: 9px; top: 16px; display: none;}
.page02_1_hand{position: absolute; left: 92px; top: 127px; display: none;}
.page02_1_people{position: absolute; left: 67px; top: 81px; display: none;}
.page02_2_title{position: absolute; left: 61px; top: 731px; display: none;}
.page02_2_c1{position: absolute; left: 69px; top: 924px; display: none;}
.page02_2_c2{position: absolute; left: 69px; top: 1163px; display: none;}
.page02_2_c2_p1{position: absolute; left: 279px; top: 189px; width: 249px; height: 147px; border-radius: 19px; background-color: #f1ffa4; display: none;}
.page02_2_c2_p1 img{position: absolute; left: 51px; bottom: 0; }

.page02_2_c3{position: absolute; left: 65px; top: 1547px; display: none;}
.page02_2_c4{position: absolute; left: 65px; top: 1932px; display: none;}
.page02_2_c4_pic{position: absolute; left: 13px; top: 250px; width: 514px; height: 199px; 
    background-image: url("20220824_page02_2_c4_pic.png"); 
    background-size: auto 199px; 
    animation: swiper 2s steps(18, start) 0ms infinite normal backwards; border-radius: 19px; background-color: #f1ffa4; display: none;}
@keyframes swiper {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -9252px 0;
    }
} 

.page02_2_c4_p1{position: absolute; left: 114px; bottom: -5px; display: none;}
.page02_2_c4_p2{position: absolute; left: 207px; top: -47px; display: none;}
.page02_2_c4_p3{position: absolute; left: 235px; top: 38px; display: none;}
.page02_2_c4_p4{position: absolute; left: 279px; top: 38px; display: none;}
.page02_2_c4_p5{position: absolute; left: 195px; top: 35px; display: none;}
.page02_2_c4_p6{position: absolute; left: 197px; top: 45px; display: none;}

.page02_2_c5{position: absolute; left: 65px; top: 2410px; display: none;}
.page02_2_c6{position: absolute; left: 65px; top: 3036px; display: none;}
.page02_2_c6_pic{position: absolute; left: 314px; top: 184px; width: 216px; height: 147px; border-radius: 19px; background-color: #f1ffa4; display: none;}
/* .page02_2_c6_pic img{position: absolute; left: 12px; bottom: -19px;} */
.shine{position: absolute; left: 33px; top: -85px; overflow: hidden; display: none;}
.page02_2_c6_pic03{position: absolute; left: 12px; bottom: -19px;}


.page02_3_title{position: absolute; left: 53px; top: 3454px; display: none;}
.page02_3_c1{position: absolute; left: 59px; top: 3601px; display: none;}
.page02_3_p1{position: absolute; left: 59px; top: 492px; width: 452px; height: 135px; border-radius: 19px; background-color: #f1ffa4; display: none;}
.page02_3_p1 img{position: absolute; left: 118px; bottom: 0px; }

/* 第三页 范围期限 */
.page03{position: relative; left: 52px; top: 98px; background: url("20220824_page03_frame.png") no-repeat; width: 663px; height: 640px; background-size: 100% 100%; overflow: hidden; display: none;}
.page03_title{position: absolute; left: 252px; top: 20px; display: none;}
.page03_c1{position: absolute; left: 70px; top: 132px; display: none;}
.page03_pic{position: absolute; left: 208px; top: 309px; width: 389px; height: 245px; border-radius: 19px; background-color: #f1ffa4; overflow: hidden; display: none;}


/* 第四页 范围期限 */
.page04{position: relative; left: 48px; top: 150px; background: url("20220824_page04_frame.png") no-repeat; width: 663px; height: 361px; background-size: 100% 100%; display: none;}
.page04_title{position: absolute; left: 181px; top: 18px; display: none;}
.page04_c1{position: absolute; left: 123px; top: 132px; display: none;}


.shine:after{
    position: absolute;
    left: -200%;                    /*改变left的值，让其相对box影藏*/
    top: 0;
    width: 30%;
    height: 100%;
    content: "";
    /* Safari 5.1 - 6.0 */
  background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);
  /* Opera 11.1 - 12.0 */
  background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);
  /* Firefox 3.6 - 15 */
  background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);
  /* 标准的语法 */
  background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);
transform: skewX(-45deg);
animation: moveShine 3s linear infinite;
}

@keyframes moveShine{
    0%{
        left: -200%;
    }
    100%{
        left: 200%;;
    }
}