@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:#333333; text-align:left; width: 640px; height: 100%; margin: 0 auto; position: relative;}
a{text-decoration:none;color:#333333;}
a:hover{text-decoration:none;color:#333333;text-decoration: underline;}
ul li{list-style:none;}
img{border:none;vertical-align: top;}

.bg{ background:url(20220520_bg.jpg) no-repeat center top; background-size: 100% 100%; width: 640px; height: 100%;  position: absolute; overflow: hidden;}
.frame p{font-family: "微软雅黑"; font-size: 21px; line-height: 32px; color: #363636;  text-align: justify; font-weight: 400; ;}
.arrow{position: absolute; left: 50%; bottom: 5%; margin-left: -35px; z-index: 10; }
/* 首页 */
.page00{background:url(20220520_page00_bg.jpg) no-repeat center top; background-size: 100% 100%; width: 640px; height: 100%;  position: absolute; overflow: hidden;}

.page00 .title1{position: absolute; left: 34px; top: 11.67%; z-index: 9;}
.page00 .title2{position: absolute; left: 147px; top: 22.04%; z-index: 9;}
.page00 .word{position: absolute; left: 39px; top: 78.61%; z-index: 9;}
p span:first-child{text-indent: 2em;}
.frame{background: url("20220520_frame.png") no-repeat; width: 559px; height: 787px; position: absolute; left: 40px; top: 84px; overflow: hidden;}
/* 内容页1 */
.page01 .title1{position: absolute; left: -10px; top: 45px; z-index: 9; display: none; }
.page01 .c1{position: absolute; left: 29px; top: 163px; z-index: 9; display: none; }
.page01 .c2{position: absolute; left: 262px; top: 337px; z-index: 9; display: none; }
.page01 .p1{position: absolute; left: 262px; top: 210px; z-index: 9; display: none; }
.page01 .p2{position: absolute; left: 334px; top: 134px; z-index: 9; display: none; }
.page01 .p3{position: absolute; left: 23px; top: 494px; z-index: 9; display: none; }
.page01 .p4{position: absolute; left: 46px; top: 450px; z-index: 9; display: none; }

.page02 .title1{position: absolute; left: -10px; top: 45px; z-index: 9; display: none; }
.page02 .c1 p{ width: 492px; position: absolute; left: 31px; top: 171px; z-index: 9; display: none; }
.page02 .p1{position: absolute; left: 31px; top: 446px; z-index: 9; display: none; }
.page02 .p2{position: absolute; left: 205px; top: 541px; z-index: 10; display: none; }


.page03 .title1{position: absolute; left: -10px; top: 45px; z-index: 9; display: none; }
.page03 .c1 p{width: 492px; position: absolute; left: 30px; top: 139px; z-index: 9; display: none; }
.page03 .c2{position: absolute; left: 28px; top: 204px; z-index: 9; display: none; }
.page03 .c3 p{width: 328px; position: absolute; left: 28px; top: 269px; z-index: 9; display: none; }
.page03 .p1{position: absolute; left: 363px; top: 306px; z-index: 9; display: none; }
.page03 .p2{position: absolute; left: 27px; top: 593px; z-index: 9; display: none; }
.page03 .c4 p{width: 294px; position: absolute; left: 240px; top: 623px; z-index: 9; display: none; }

.page04 .title1{position: absolute; left: -10px; top: 45px; z-index: 9; display: none; }
.page04 .c1{position: absolute; left: 28px; top: 146px; z-index: 9; display: none; }
.page04 .c2 p{width: 502px; position: absolute; left: 28px; top: 218px; z-index: 9; display: none; }
.page04 .p1{position: absolute; left: 50px; top: 389px; z-index: 9; display: none; }
.page04 .p2{position: absolute; left: 92px; top: 389px; z-index: 9; display: none; }

.page05 .title1{position: absolute; left: -10px; top: 45px; z-index: 9; display: none; }
.page05 .c1{position: absolute; left: 28px; top: 146px; z-index: 9; display: none; }
.page05 .p1{position: absolute; left: 16px; top: 346px; z-index: 9; display: none; }
.page05 .c2 p{width: 305px; position: absolute; left: 228px; top: 218px; z-index: 9; display: none; }
.page05 .c2 p span:first-child{text-indent: 20px; display: none; }

.page06 .title1{position: absolute; left: -10px; top: 45px; z-index: 9; display: none; }
.page06 .c1{position: absolute; left: 28px; top: 146px; z-index: 9; display: none; }
.page06 .c2 p{width: 504px; position: absolute; left: 28px; top: 218px; z-index: 9; display: none; }
.page06 .c2 p span:first-child{text-indent: 20px; display: none; }
.page06 .p1{position: absolute; left: 43px; top: 543px; z-index: 9; display: none; }
.page06 .p2{position: absolute; left: 144px; top: 522px; z-index: 9; display: none; }

.page07 .title1{position: absolute; left: -10px; top: 45px; z-index: 9; display: none; }
.page07 .c1{position: absolute; left: 28px; top: 143px; z-index: 9; display: none; }
.page07 .c2 p{width: 229px; position: absolute; left: 28px; top: 309px; z-index: 9; display: none; }
.page07 .c2 p span:first-child{text-indent: 20px; display: none; }
.page07 .p1{position: absolute; left: 280px; top: 309px; z-index: 9; display: none; }

.page08 .title1{position: absolute; left: -10px; top: 45px; z-index: 9; display: none; }
.page08 .c1{position: absolute; left: 28px; top: 143px; z-index: 9; display: none; }
.page08 .p1{position: absolute; left: 24px; top: 287px; z-index: 9; display: none; }
.page08 .c2 p{width: 355px; position: absolute; left: 204px; top: 214px; z-index: 9; display: none; }

.page08 .p2{position: absolute; left: 342px; top: 548px; z-index: 9; display: none; }
.page08 .c3 p{width: 308px; position: absolute; left: 28px; top: 544px; z-index: 9; display: none; }


.page09 .title1{position: absolute; left: -10px; top: 45px; z-index: 9; display: none; }
.page09 .p1{position: absolute; left: 115px; top: 151px; z-index: 9; display: none; }
.page09 .c1{position: absolute; left: 31px; top: 564px; z-index: 9; display: none; }

.page10 .title1{position: absolute; left: -10px; top: 45px; z-index: 9; display: none; }
.page10 .c1{position: absolute; left: 24px; top: 140px; z-index: 9; display: none; }
.page10 .c2{position: absolute; left: 30px; top: 268px; z-index: 9; display: none; }
.page10 .c3{position: absolute; left: 30px; top: 508px; z-index: 9; display: none; }
.page10 .c4{position: absolute; left: 30px; top: 665px; z-index: 9; display: none; }

.page11 .title1{position: absolute; left: -10px; top: 45px; z-index: 9; display: none; }
.page11 .title2{position: absolute; left: -10px; top: 466px; z-index: 9; display: none; }
.page11 .c1{position: absolute; left: 24px; top: 140px; z-index: 9; display: none; }
.page11 .c2{position: absolute; left: 30px; top: 268px; z-index: 9; display: none; }
.page11 .c3{position: absolute; left: 102px; top: 565px; z-index: 9; display: none; }


.swiper {
    width:  640px;
    height: 100%;
    position: absolute;
   
  }

  .swiper-slide {
    background-position: center;
    background-size: cover;
    width:  640px;
    height: 100%;
  }