html,
  body {
   
    margin: 0px;
    background: #F5F5FC;
    overflow-x: hidden;
  }

  a {
    display: none;
  }
  .down{
    font-size: 24px;
    height: 55px;
    line-height: 55px;
    width:200px;
    font-weight:500;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
   color:rgba(255,255,255,1);
    background: #0081FC;
    border-radius:50px;
    margin-bottom: 20px;
  }
  .qiehuan{
width: 100%;
height: 60px;
line-height: 50px;
font-size: 20px;
text-align: center;
cursor: pointer;
color: #0081FC;
text-decoration:underline
  }
  .info{
    color: #6B6D79;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
  }
  .info .word{
    padding-left: 10px;
  }
  .menHeader{
    position: absolute;
    width: 100vw;
    height:44.8vw;
    top: 0px;
    z-index: 1;
    background: #09b2f8;
  }
  .img {
    display: block;
    position: relative;
    width: 62.44vw;
    height: 59.46vw;
    max-width: 100%;
z-index: 2;
    padding: 0;
    margin: 0 auto;
    border: 0;
  }
  


  .an1{
    width: 1200px;
    height: 704px;
    margin: 0 auto;
  
    margin-top: 80px;
    margin-bottom: 20px;
  }
  .an1 .item1{
 position: relative;
    width: 652.8px;
    height: 608px;
    float: left;
   
  }
  .an1 .item1 .item12{
 
 width: 652.8px;
 height: 608px;
 left: -288px;
 opacity: 0;
position: absolute;
 background: url("img/pic_1@2x.png") no-repeat center center/100% 100%;
}
  .an1 .item2{
    width: 496px;
    height: 608px;
    float: left;
    position: relative;
  }
  .an1 .item2 .title{
    font-size: 48px;
    color: #475066;
    margin-top: 192px;
    font-weight: 700;
    margin-bottom: 32px;
  }
  .an1 .titleInfo{
    font-size:24px;

    font-weight:500;
    color:#6B6D79;
  }
  .an2{
    width: 1200px;
    height: 768px;

    margin: 0 auto;
  }
  .an2 .item1{
    position: relative;
    width: 700.8px;
    height: 608px;
    float: left;
    
  }

  .an2 .item2{
    padding-left: 20px;
    width: 432px;
    height: 608px;
    float: left;
  }
  .an2 .item1 .item12{
  opacity: 0;
      width: 652.8px;
      height: 608px;
      right: -288px;
      position: absolute;
      background: url("img/tans.png") no-repeat center center/100% 100%;
  }
  .an2 .item2 .title{
    font-size: 48px;
    color: #475066;
    margin-top: 92px;
    font-weight: 700;
    margin-bottom: 32px;
  }
  .an2 .titleInfo{
    font-size:24px;

    font-weight:500;
    color:#6B6D79;
    position: relative;
  }
  .qiu{
    position: absolute;
    top: -323px;
    left: 1030px;
    width: 4vw;
    height: 4vw;
    background: url("img/qiu.png") no-repeat center center/100% 100%;
  }
  .an3{
    width: 1200px;
    height: 704px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .an3 .item1{
    position: relative;
    width: 652.8px;
    height: 788px;
    float: left;
   
  }
  .an3 .item1 .item12{
 
    width: 652.8px;
    height: 788px;
    left: -288px;
    opacity: 0;
    position: absolute;
    background: url("img/shouxie.png") no-repeat center center/100% 100%;
  }
  .an3 .item2{
    width: 496px;
    height: 608px;
    float: left;
    position: relative;
  }
  .an3 .item2 .title{
    font-size: 48px;
    color: #475066;
    margin-top: 192px;
    font-weight: 700;
    margin-bottom: 32px;
  }
  .an3 .titleInfo{
    font-size:24px;

    font-weight:500;
    color:#6B6D79;
  }
  .an4{
    width: 1200px;
    height: 544px;
    margin: 100px auto;
   
  }
  .an4 .item1{
    width: 732.8px;
    height: 524px;
    float: left;
    margin-top: 7vw;
    position: relative;
  }
  .an4 .item1 .item12{
 
    width: 732.8px;
    height: 674px;
 
    right: -100px;
    opacity: 0;
   position: absolute;
   background: url("img/mingzu.png") no-repeat center center/100% 100%;
   }
  .an4 .item2{
    width: 432px;
    height: 608px;
    float: left;
  }
  .an4 .item2 .title{
    font-size: 48px;
    color: #475066;
    margin-top: 192px;
    font-weight: 700;
    margin-bottom: 32px;
  }
  .an4 .titleInfo{
    font-size:24px;
 
    font-weight:500;
    color:#6B6D79;
    position: relative;
  }
  .an5{
    width: 1200px;
    height: 850px;
position: relative;
    margin: 0 auto;
  }
  .an5 .item1{
    width: 684.8px;
    height: 670px;
    top: 0px;
    right: 0px;
 
    position: absolute;

  }
  .an5 .item1 .item12{
 
    width: 669px;
    height: 670px;
    right: -288px;
    opacity: 0;
   position: absolute;
   background: url("img/tuozhan@2x.png") no-repeat center center/100% 100%;
   }
  .an5 .item2{
    width: 432px;
    height: 20vw;

    padding-left: 20px;
  }
  .an5 .item2 .title{
    font-size: 48px;
    color: #475066;

    font-weight: 700;
    margin-bottom: 32px;
  }
  .an5 .titleInfo{
    font-size:24px;
 
    font-weight:500;
    color:#6B6D79;
    position: relative;
  }
  .an5 .banner1{
    position: absolute;
    top: 147px;
    left: -7px;
 
    width: 378px;
    height: 137px;
    background: url("img/fanyi.png") no-repeat center center/100% 100%;
  }
  .an5 .banner2{
    position: absolute;
    top:310px;
    left: -7px;
  
    width: 378px;
    height: 137px;
    background: url("img/duanyu.png") no-repeat center center/100% 100%;
  }
  .loop{
    width: 1200px;
    height: 400px;
    margin: 0 auto;
    position: relative;
    clear: both;
  }
  .loop .tishi1{
    position: absolute;
    height: 3.32px;
    width: 1.8vw;
    top: 7vw;
    left:-4vw;
    background: url("img/tishi1.png") no-repeat center center/100% 100%;
  }
  .loop .tishi2{
    position: absolute;
    right: -32px;
    background: url("img/tishi2.png") no-repeat center center/100% 100%;
    height: 3.32px;
    top: 7vw;
    width: 1.8vw;
  }
  .loop .item{
    float: left;
    width: 272px;
    height: 190.4px;
    margin-top: 48px;
    margin-left: 16px;
  opacity: 0.3;
  }
  .loop .item.active{
    opacity: 1;
  }
  .loop .item1{
    background: url("img/skinshow1@2x.png") no-repeat center center/100% 100%;
  }
  .loop .item2{
    background: url("img/skinshow2@2x.png") no-repeat center center/100% 100%;
  }
  .loop .item3{
    background: url("img/skinshow3@2x.png") no-repeat center center/100% 100%;
  }
  .loop .item4{
    background: url("img/skinshow4@2x.png") no-repeat center center/100% 100%;
  }
  .an6{
    width: 1200px;
    height: 884px;
    margin: 0 auto;
  }
  .newqiu{
    position: absolute;
    top: -9vw;
    left: 0vw;
    width: 110px;
    height: 110px;
    background: linear-gradient(234deg, #AE63F1, #598BFA);
    border-radius: 50%;
  }
  .an6 .item1{
 
    width: 564.8px;
    height: 670px;
    float: left;
    position: relative;

  }
  .an6 .item1 .item12{
 
    width: 669px;
    height: 670px;
    right: -288px;
    opacity: 0;
   position: absolute;
   background: url("img/zangli.png") no-repeat center center/100% 100%;
   }
  .an6 .item2{
    width: 552px;
    height: 608px;
    padding-top: 20px;
    float: right;

    /* padding-left: 10px; */
  }
  .an6 .item2 .title{
    font-size: 48px;
    color: #475066;

    font-weight: 700;
    margin-bottom: 32px;
  }
  .an6 .titleInfo{
    font-size:24px;
    /* text-align: center; */
    font-weight:500;
    color:#6B6D79;
    position: relative;
  }
  .an6 .qiu{
    position: absolute;
    top: 256px;
    left: 400px;
    width: 4vw;
    height: 4vw;
    background: url("img/qiu.png") no-repeat center center/100% 100%;
  }
  .an6 .banner1{
    position: absolute;
    top: 147px;
    right: 55px;
 
    width: 378px;
    height: 137px;
    background: url("img/a2.png") no-repeat center center/100% 100%;
  }
  .an6 .banner2{
    position: absolute;
    top:310px;
    right: 55px;
  
    width: 378px;
    height: 137px;
    background: url("img/a1.png") no-repeat center center/100% 100%;
  }
  .an7{
    width: 1200px;
    height: 874px;
    margin: 0 auto;
  }
  .an7 .item1{
 
    width: 669.8px;
    height: 670px;
    float: right;
    position: relative;

  }
  .an7 .item1 .item12{
 
    width: 669px;
    height: 670px;
    left: -288px;
    opacity: 0;
   position: absolute;
   background: url("img/tans1.png") no-repeat center center/100% 100%;
   }
  .an7 .item2{
    width: 452px;
    height: 608px;
    padding-top: 178px;
    float: left;
    /* padding-left: 71px; */
  }
  .an7 .item2 .title{
    font-size: 2vw;
    color: #475066;

    font-weight: 700;
    margin-bottom: 32px;
  }
  .an7 .titleInfo{
    font-size:24px;

    font-weight:500;
    color:#6B6D79;
    position: relative;
  }
  .an7 .qiu{
    position: absolute;
    top: -194px;
    left: -79px;
    width: 110px;
    height: 110px;
    background: url("img/qiu.png") no-repeat center center/100% 100%;
  }
  .footer{
    width: 100%;
    height: 200px;
    
    text-align: center;
    color: #6B6D79;
  }
  .a{
    width: 100%;
    height: 40px;
    line-height: 40px;

  }
  .a a{
    display: block;
    color: #0081FC;
    font-size:26px;

  }