*{
    padding: 0;
    margin: 0;
}
a {
    text-decoration: none;
    color: #fff;
    text-decoration: none;
    outline: none;
    cursor: pointer;transition:0.1s linear 0.1s;
}
a:hover {
    text-decoration: none;
    color: #fff;
    outline: none;
}
a:active {
    text-decoration: none;
    color: #fff;
    outline: none;
}
:root{
    --bg-color:rgb(0,41,111);
    --bg-color2:#00296F;
    --font-color:#EC8D34;
}
.mar_top50{margin-top:50px!important;}
.pad_le50{margin-left:50px!important;}
.mar_ri50{margin-right:-100px!important;}
.navs>li,.page1>.left>p:nth-child(3)>button{
    cursor: pointer;
}
.page_five_bg dl dt,.page_five_bg dl dd{width:100%;}
.bg_no{background:none!important;}
body{
    background-color: var(--bg-color);
    overflow-x: hidden;
}
.page3bg,.page2bg,.page1bg,.page4bg,.page6bg,.page7bg,.page8bg{
    width: 100%;
    min-height: 1080px;
}
.wapper,.page1,.header,.page2,.page3,.page4{
    width: 63.1%;
    margin: 0 auto;

}
.page1bg{
   
}
.mask{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 998;
    display: none;
}

.top{
    background-color: var(--bg-color2);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    z-index: 997;
}
.header{
    height: 132px;background-color:rgb(0,41,111);position:fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 9999;text-align:center;
    
}
.logo{
    display: inline-block;
    float: left;
}
.icos{
    display: inline-flex;
    width: 288px;
    height: 132px;
    align-items: center;
    justify-content: center;
    position: relative;
}
.logo .icos.ico1{
    width: 236px;
    height: 81px;
}
.logo .icos img.ico2{
    width: 288px;
    height: 132px;
    position: absolute;
    animation: change 1.5s ease 0s infinite alternate;
    opacity: 0;
    
}
@keyframes change{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

.navs{
    display: inline-flex;
    height: 100%;margin-top:30px;
    width: 60%;
    float: right;
    align-items: center;
    justify-content: space-between;
}
.navs>li{
    list-style: none;position:relative;
    font-size: 18px;
    color: #fff;
}
.navs>li:hover{
    color: #EC8D34;
    position: relative;
    border-bottom:3px soid #EC8D34;
}
.navs>li:hover::after,.navs .act::after{
    content :"";
    width: 94%;
    height: 4px;
    width: 100%;
    background-color: #EC8D34;
    position: absolute;
    bottom: -4px;
    left: 0;
}
.page1{
    margin-top: 171px;
    position: relative;
    padding: 0 1%;
    box-sizing: border-box;
}
.page1>.left{
    box-sizing: border-box;
    float: left;
}
.page1>.left>p:nth-child(1){
    margin-top: 54px;
    width: 100%;
}
.page1>.left>p:nth-child(1) img{
    
    width: 100%;
    max-width: 596px;
}
.page1>.left>p:nth-child(2){
    margin-top: 47px;
}
.page1>.left>p:nth-child(3){
    margin-top: 62px;
    width: 100%;
    height: 96px;
}
.page1>.left>p:nth-child(3)>button{
    float:left;
    display: inline-block;animation: 1s forwards;
    width: 257px;
    height: 100%;
    font-size: 36px;
    color: #fff;
    background-image: url(../asset/img/btn.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: none;
    background-color: var(--bg-color);
}
.page1>.left>p:nth-child(3)>button:hover{}
.page1>.right{
    float: right;
    box-sizing: border-box;
    position: relative;
}
.page1>.right img{
    position: relative;
    z-index: 1;
}

.fd_lxlay{
    position:fixed;bottom: 92px;right:30px;z-index:99999;
}
#gototop{opacity:0;}
.isvisible{opacity:1!important;}
.fd_lxlay div{
    width: 60px;height: 115px;border-radius:30px;background-color:#62B0EE;margin-top:10px;padding-top:15px;position:relative;
}
.fd_lxlay div a{
    width:100%;height: 50px;display:inline-block;
}
.fd_lxlay div a:nth-child(1){background:url(../asset/img/icon18.png) 50% 50% no-repeat;}
.fd_lxlay div a:nth-child(2){background:url(../asset/img/icon19.png) 50% 50% no-repeat;}
.fd_lxlay div a p{display:none;}
.fd_lxlay div a:hover p{display:block;width: 150px;padding: 20px;background-color:#62B0EE;border-radius:20px;margin-left: -210px;position:absolute;top: 0;left: 0;}
.fd_lxlay div a p span{width:100%;display:inline-block;font-size:16px;}
.fd_lxlay div a p span:before{content:"";width:20px;height:20px;display:inline-block;background:url(../asset/img/icon18.png) 50% 50% no-repeat;background-size:100% 100%;margin: 2px 10px 0 0;float:left;}
.fd_lxlay .fdlx_top{margin-top: -63px;}

.page1_dh1{position:absolute;top:212px;right:50px;animation: dh_yi 3s infinite;}
.page1_dh2{position:absolute;top:158px;right:60%;animation: dh_yi 2s infinite;}
.page1_dh3{position:absolute;top:80%;right:90%;animation: dh_yi 4s infinite;}
.page1_dh4{position:absolute;top:80%;right:50px;animation: dh_yi 3s infinite;}
.page1_dh5{position:absolute;top:60%;right:50%;animation: dh_yi 1s infinite;}
.page1_dh6{position:absolute;top:40%;right:80%;animation: dh_yi 2s infinite;}
.page1_dh7{position:absolute;top:60%;right:80%;animation: dh_yi 5s infinite;}
.page1_dh8{position:absolute;top:70%;right:90%;animation: dh_yi 2s infinite;}
@keyframes dh_yi
{
0% {opacity:0;margin:-120px -300px 0 0;}
10% {opacity:0.5;margin:-60px -120px 0 0;}
60% {opacity:0;margin:120px 300px 0 0;}
100% {opacity:0;margin:120px 300px 0 0;}
}
.page1_lottie1{width:400px!important;height:200px!important;float:left;margin-top:-85px;}
.page1_lottie2{width:700px; height: 700px;position: absolute;bottom: -400px;left: -55%;z-index: 0;}
.anim{
}
.bottom{
    width: 900px;
    height: 421px;
    float: right;
    margin-top: 20px;
}
.bottom>p:nth-child(1){
    height: 100%;
    text-align: right;
}
.bottom>p:nth-child(1) img{
    width: 753px;
    height: 530px;
    margin-right: 14px;
    margin-top: -107px;

}
.bottom>p:nth-child(2){
    margin: 0 auto;
    text-align: center;
    margin-top: -237px;
}
.bottom>p:nth-child(3){
    margin-top: -173px;
    box-sizing: border-box;
    text-align: center;
}
.stars{
    position: relative;
    width: 100%;
}
.star{
    position: absolute;
}
.star:nth-child(1){
    top: -160px;    
    left: 15%;
    width: 245px;
    height: 306px;
    background-image: url(../asset/img/star1.png);
    background-repeat: no-repeat;
    background-size: 100%;

}
.star:nth-child(2){
    top: -300px;    
    right: 0;
    width: 384px;
    height: 482px;
    background-image: url(../asset/img/star2.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.star:nth-child(3){
    top: 260px;    
    left: 0;
    width: 447px;
    height: 561px;
    background-image: url(../asset/img/star2.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.page2{
    padding-top: 110px;
    box-sizing: border-box;
}
.tit{
    box-sizing: border-box;
    text-align: center;

}
.tit span{
    font-size: 96px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    height: 134px;
}
.tit span img{
}
.tit span:nth-child(1){
    float: left;
}
.tit span:nth-child(3){
    float: right;
}
.tit.second span:nth-child(1){
    float: none;
    margin-right: 3%;
    position: relative;
    top: -15px;
}
.tit.second span:nth-child(3){
    float: none;
    margin-left: 3%;
    position: relative;

    top: -15px;

}
.subtit{
   font-size: 36px;
   color: #fff;
   margin-top: 20px;
   text-align: center;

}
.cards{
    z-index:10;position: relative;
}
.cards>li{
    display: inline-block;
    width: 33%;
}
.cards>li>div{
    width: 352px;
    text-align: center;
    margin: 0 auto;
}
.cards>li>div img:nth-child(1){
    position: relative;
    top: 80px;
}
body > div.page2bg > div > ul.cards > li:nth-child(2) > div > img:nth-child(1){
    top: 150px;
}
.cards>li>div img:nth-child(3){
    position: relative;
    top: -330px;
}
.cards>li:nth-child(1)>div img:nth-child(3){
    position: relative;
    left: -20px;
    
}
.cards>li>div img:nth-child(4){
    position: relative;
    top: -390px;

}
.cards>li:nth-child(3)>div img:nth-child(4){
    position: relative;
    top: -400px;
    
}
.cards>li:nth-child(3)>div{
    position: relative;
    top: 20px;
}
.page1bg{
background-image: url(../asset/img/bg2.png);
padding-top: 115px;
box-sizing: border-box;
background-color: var(--bg-color);
}
.page2bg{ position:relative;
    background-image: url(../asset/img/bgbg5.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position:50% 40%;
}
.page2_lottie1{position:absolute;top: 50%;left: 50%;margin:-500px 0 0 -750px;z-index:0;width: 1500px;height: 1000px;}
.page3bg{
    
    background-image: url(../asset/img/bg3.png);
    padding-top: 153px;
    box-sizing: border-box;
    position: relative;
    background-size: 100% auto;
    background-repeat:no-repeat;
    background-position:50% -30%;
}
.cards>li>div img:nth-child(1){animation: bs_dh 1.5s ease 0s infinite alternate;top: 80px;}
.cards>li:nth-child(2)>div>img:nth-child(1){animation: bs_dh1 1.5s ease 1s infinite alternate;top:80px;}

@keyframes bs_dh{
    from{
        top:70px;
    }
    to{
     top:90px; 
    }
}
@keyframes bs_dh1{
    from{
        top:130px;
    }
    to{
     top:160px; 
    }
}

.hj{
    width: 268px;
    height: 206px;
    position: absolute  ;
    left: 14px;top: 185px;
    background-image: url(../asset/img/hj.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;

}
.page3>ul{
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 100px;
}
.page3>.page3_txt{
    display: inline-flex;
}
.page3>ul>li{
    width: 24.7%;flex: 1;
    display: inline-flex;
    margin: 0;
    padding: 0;transition:0.1s linear 0.4s;
    justify-content: center;
}
.page3>ul>li:hover{
  margin-top:-20px;
}
.page3>ul>li>div{
    width: 324px;
    height: 417px;
    text-align: center;
    color: white;
    padding: 0 40px;
    box-sizing: border-box;
    background-size: 100% ;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.page3>ul>li>div{
    
    background-image: url(../asset/img/Calendar1.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.page3>ul>li>div>p:nth-child(1){
    margin-top: 65px;
    margin-bottom: 54px;
    font-size: 26px;
}
.page3>ul>li>div>p:nth-child(2){
    margin-bottom: 101px;
    font-size: 20px;
    line-height: 30px;
}
.page4bg{
    background-color: #00296F;
    padding-top: 84px;
    box-sizing: border-box;
    position: relative;
}
.page4{
    position: relative;
}
.page4 .bgimg4,.page4 .bgimg3{animation: page4dh 2s infinite;}
.page4 .bgimg3{animation-delay:0.5s;}
@keyframes page4dh
{
0% {transform:scale(1);}
50% {transform:scale(1.2);}
100% {transform:scale(1);}
}
.bgimg{
    width: 310px;
    height: 505px;
    position: absolute;
    right: 0;
    top:60px;
    background-image: url(../asset/img/bgimg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.bgimg2{
    width: 100%;
    height: 271px;
    margin-top: 114px;
    background-image: url(../asset/img/design.png);
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-position:   36px 0;
}
.bgimg3,.bgimg4{
    width: 100px;
    line-height: 100px;
    text-align: center;
    display: inline-block;
    background-image: url(../asset/img/circle1.png);
    color: white;
    font-size: 16px;
    position: absolute;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1;
}
.bgimg3{
    transform: rotate(348.69deg);
}
.bgimg3.st{
    margin-top: -50px;
}
.bgimg4.st{
    left: 26%;
    margin-top: -100px;

}
.bgimg4.ed{
    left:43.5%;
    margin-top: -200px;

}
.bgimg3.ed{
    left: 63%;
    margin-top: -100px;
    transform: rotate(354deg);
}
.bgimg3.rd{
    right: 0;
    transform: rotate(354deg);

}
.bgimg4.rd{
    left: 19%;
    bottom: 200px;
    transform: rotate(1.24deg);

}
.bgimg4.th{
    left: 49%;
    bottom: 200px;
}
.bgimg3.th{
    left: 73%;
    bottom: 150px;
}
.bgimg5{
    width: 100%;
    height: 260px;
    margin-top: 147px;
    background-image: url(../asset/img/fk.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.anima{
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 30%;
    z-index: 0;
}
.page5bg{
    
    background-color: var(--bg-color2);
    width: 100%;
    position: relative;

}
.page5{
    width: 72%;
    max-width: 1367px;
    min-height: 1736px;
    margin: 0 auto;
    padding-top: 100px;
    box-sizing: border-box;
}
.page5hj{
    width: 268px;
    height: 205px;
    background-image: url(../asset/img/hj2.png);
    position: absolute;
    background-repeat: no-repeat;
    right: 44px;
    top: 97px;
}
.box{
    width: 100%;
    height: 314px;
    background-repeat: no-repeat;
background-size: 100%;
}
.boxs{
    background-image: url(../asset/img/v1.png),url(../asset/img/v2.png),url(../asset/img/v3.png),url(../asset/img/v4.png);
    background-position: 0 0,0 314px,0 628px,0 942px;
    background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
    background-size:100% auto;
    min-height: 1256px;
    margin-top: 70px;
}
.lists{
    width: 90%;
    margin: 0 auto;
}
.lists>li{
    list-style: none;
    display: inline-block;
    width: 33%;
    text-align: center;
    margin-top: 60px;
}
.lists>li a{display:inline-block;position:relative;overflow:hidden;}

.lists>li a:hover span,.lists>li a span{width: 100%;height:70px;line-height:70px;background-color: rgb(0, 0, 0,0.8);bottom:0;}
.lists>li a span{transition: 0.3s linear;position:absolute;left:0;bottom:-70px;}
.box1{
    background-image: url(../asset/img/v1.png);
    margin-top: 70px;

}
.box2{
    background-image: url(../asset/img/v2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.box3{
    background-image: url(../asset/img/v3.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;

}
.box4{
    background-image: url(../asset/img/v4.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;

}
.page6bg{
    background-image: url(../asset/img/bg6.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50% 220%;
    position: relative;
    padding-top: 135px;
    box-sizing: border-box;
}
.page6{
    width: 72%;
    max-width: 1359px;
    margin: 0 auto;
}
.page6img{
    text-align: center;
    margin-top: 90px;
}
.page6img img{
    width: 100%;
}
.page7bg{
    background-color: var(--bg-color2);
    background-image: url(../asset/img/bg7.png);
    background-repeat: no-repeat;
    background-size:100% auto;
    background-position:50% 200px;
}
.page7{
    width: 67%;
    margin: 0 auto;
    max-width: 1267px;
    padding-top: 166px;
    box-sizing: border-box;
}
.page7img{
    height: 614px;
    width: 100%;
}
.page7img img{
    width: 100%;
}
.page8bg{
   
    padding-top: 172px;
    box-sizing: border-box;
    background-image: url(../asset/img/contact.png);
    background-size: 100% 110%;
    background-repeat: no-repeat;
}
.page8{
    width: 65%;
    margin: 0 auto;
    max-width: 1200px;

}
.page8>ul.back{
    width: 100%;
    list-style: none;
}
.page8_wx{width: 40%; position: absolute;z-index: 1;left: 6%;top: -28%;}
.info{
    width: 400px;
    margin: 0 auto;
}
.page8>ul.back>li{
    height: 474px;
    display: inline-block;
    width: 49.5%;
    overflow: hidden;
    color: white;
    margin-top: 69px;

}
.page8>ul.back>li:nth-child(2){
    text-align: right;
}

.page8>ul.back>li:nth-child(2) img{
    width: 97%;
    max-width: 813px;
}
.page8>ul.back>li:nth-child(2)>span{
    display: inline-block;
    position: relative;
    z-index: 0;
}
.page8>ul.back>li>.info>p:nth-child(1){
    font-size: 48px;
}
.page8>ul.back>li>.info>p:nth-child(2){
    font-size: 36px;
    margin-top: 60px;
}
.page8>ul.back>li>.info>p img{
    width: 28.4px;
}
.icon{
    height: 25.5px;
    margin-top: 26px;

}
.icon>span:nth-child(1){
float:left;margin-top:-9px;
}
.icon>span:nth-child(2){

position: relative;
top: -7px; 
left: 20px;
font-size: 18px;line-height:20px!important;float:left;
}
.page8>ul.back>li>.info>p:nth-child(5){
    font-size: 36px;
    margin-top: 46px;
}
.footer{
    width: 100%;
    height: 70px;
    background-color: #00296F;
    padding-top: 14px;
    box-sizing: border-box;
}
.footer>p{
    text-align: center;
    font-size: 16px;
    color: #ccc;
}
.footer>p:nth-child(2){
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
    
}
.footer>p img{
    margin-right: 10px;
}
.footer>p:nth-child(2) img.beian2{
    height: 24px;
    margin-left: 10px;
}
.footer>p>span a{
    color: #aaaaab;
    text-decoration: none;
}
.rotate {
    position: relative;
    overflow: hidden;
  }
  .rotate::after {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 1920px;opacity:1;
    content: "";
    z-index: 0;
    background-image: url(../asset/img/stars1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    animation: rot 120s ease 0s infinite none ;
  }
  @keyframes rot {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
.meau{
    height: 76px;
    text-align: right;
    
}
.meau img{
    width: 50px;
    height: 50px;
    top: 13px;
    position: relative;
    cursor: pointer;
}
.new_tit{
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin-top: 100px;
}
.new_tit>li{
    flex: 1;
    height: 134px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new_tit>li img{
    width: 100%;
}
.new_tit>li:nth-child(2){
    flex: 0 0 56%;
    font-size: 96px;
    color: white;
}
.swiper_bg{
    width: 100%;
    height: 595px;
    background-image: url(../asset/img/yxj.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 100px;
}

.swiper-slide span{
    display: inline-block;
}
.swiper-slide>span{
    position: relative;
}
.masktxt{
    background-color: rgba(0,0,0,0.5);
    color: white;
    padding: 0 5%;
    width: 100%;
    position: absolute;
    z-index: 996;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    
}
.masktxt>span:nth-child(1){
    font-size: 24px;
    margin: 15px 0;
}
.masktxt>span:nth-child(2){
    font-size: 18px;
    margin-bottom: 15px;
}
.device {
    width: 66%;
    max-height: 300px;
    height: auto;
    position: relative;
    top: 7%;
    margin: 0 auto;
    

  }

  .device .arrow-left {
    background: url(../asset/img/arrow1.png) no-repeat left top;
    position: absolute;
    left: 24px;
    top: 80%;
    margin-top: -15px;
    width: 42px;
    height: 42px;
    z-index: 99;
  }

  .device .arrow-right {
    background: url(../asset/img/arrow2.png) no-repeat left bottom;
    position: absolute;
    right: 24px;
    top: 80%;
    margin-top: -15px;
    width: 42px;
    height: 42px;
    z-index: 99;

  }

  .swiper-container {
    width: 100%;
  }

  .content-slide {
    color: #fff;
  }

  .title {
    font-size: 25px;
    margin-bottom: 10px;
  }

  .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 5px;
    width: 100%;
  }

  .swiper-pagination-switch {
    display: inline-block;
    
    border-radius: 10px;
    background: #999;
    box-shadow: 0px 1px 2px #555 inset;
    margin: 0 3px;
    cursor: pointer;
  }

  .swiper-active-switch {
    background: #fff;
  }
  .swiper-slide{
      width: 100%;
      height: 100%;
      max-height: 300px;
  }
  .swiper-slide img{
      width: 100%;
  }
  .new_tit_new{text-align:center;}
.new_tit_new li{display:inline-block;font-size: 70px;color: white;padding: 0 20px;vertical-align:middle;}
.new_tit_new li img{float:left;}
.new_tit_new li:nth-child(1),.new_tit_new li:nth-child(3){height: 25px;}



 
@media screen and (max-width:1885px){

    
    .page1,.wapper,.page2,.page3,.page4{
        width: 70%;
    
    }

}
@media screen and (max-width:1850px){

    
    .page5{
        width: 80%;
    
    }

}

@media screen and (max-width:1705px){

    
    .page1,.wapper,.page2,.page3,.page4{
        width: 80%;
    
    }

}
@media screen and (max-width:1640px){

    
    .page5{
        width: 90%;
    
    }
    .device{
        top: 5.5%;
    }
    .device .arrow-left,.device .arrow-right{
        top: 70%;
    }


}
@media screen and (max-width:1550px){

    .box>ul>li{
        width: 49%;
    }
   
    

}
@media screen and (max-width:1520px){

    
    .tit>span{
        transform: scale(0.8);
    }
    

}
@media screen and (max-width:1500px){

    
    .page1,.wapper,.page2,.page3,.page4{
        width: 90%;
    
    }



}
@media screen and (max-width:1485px){

    .tit>span:nth-child(1){
        float: left;
    }
    .tit>span:nth-child(3){
        float: right;
    }
    .header{
        width: 90%;
    }
    .page8{
        width: 80%;
    }
    .lists>li{
        width: 49.5%;
    }
     .new_tit_new li{display:inline-block;font-size: 66px;color: white;padding: 0 20px;vertical-align:middle;}

}
@media screen and (max-width:1350px){

    .device .arrow-left,.device .arrow-right{
        top: 60%;
    }
    .page3>ul>li{
        width: 49%;
    }

}
@media screen and (max-width:1250px){
     ul.new_tit > li:nth-child(2){
        font-size: 80px;
    }

    .device{
        top: 4.5%;
    }
    .device .arrow-left,.device .arrow-right{
        top: 55%;
    }
    body > div.page2bg > div > ul.cards > li{
        width: 100%;
    }
    body > div.page2bg > div > ul.cards{
    }
    body > div.page2bg > div > ul.cards > li:nth-child(2){
        margin-top: -300px;
    }
    body > div.page2bg > div > ul.cards > li:nth-child(3){
        margin-top: -300px;
    }
}
@media screen and (max-width:1065px){
    .masktxt>span:nth-child(1){
        font-size: 20px;
    }
    .masktxt>span:nth-child(2){
        font-size: 16px;
    }
    .device{
        top: 3%;
    }
    .device .arrow-left,.device .arrow-right{
        top: 45%;
    }
    .page8>ul.back>li{
        width: 100%;
    }
    .page8bg{
        min-height: 1600px;
    }
    .lists>li{
        width: 100%;
    }
    .page1>.left{
        width: 100%;
    }
    .page1>.left>p{
        text-align: center;
        padding-left: 0;
    }
    .page1>.right{
        width: 100%;
        text-align: center;
    }
    .bottom{
        width: 100%;
        padding: 0 5%;
        box-sizing: border-box;
    }
    .page1bg{
        min-height: 1470px;

    }
    ul.new_tit > li:nth-child(2){
        flex: 0 0 60%;
        font-size: 70px;
        
    }
    .subtit{
        font-size: 30px;
        
    }
    body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(1){
        font-size: 40px;

    }
    body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(2){
        font-size: 30px;

    }
    body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(5){
        font-size: 30px;

    }
}
@media screen and (max-width:850px){
    .masktxt>span:nth-child(1){
        font-size: 16px;
    }
    .masktxt>span:nth-child(2){
        font-size: 12px;
    }
    ul.new_tit > li:nth-child(2){
        flex: 0 0 70%;
        font-size: 60px;
    }
    .device .arrow-left,.device .arrow-right{
        top: 30%;
    }
    .subtit{
        font-size: 26px;
        
    }
    body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(1){
        font-size: 36px;

    }
    body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(2){
        font-size: 26px;

    }
    body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(5){
        font-size: 26px;

    }
    .page1>.left>p:nth-child(3)>button,.cards,.bgimg2,.footer>p>span,.footer>p>img{display: inline-block;float:none;}
    .page1_lottie2,.page1_lottie1,.page2_lottie1,.bgimg,.page5hj,.masktxt>span:nth-child(2){display:none;}
    .page2,.page4bg,.page7,.page8bg{padding:0;}
    .new_tit,.subtit,.bgimg3,.bgimg4{margin:0;}
    .bgimg2,.page5,.page6,.swiper_bg,.swiper-wrapper,.swiper-slide,.page7img,.page8>ul.back>li{height:auto!important;min-height:auto!important;}
    .wapper,.page1, .header, .page2, .page3, .page4,.navs,.navs li,.cards>li>div,.cards>li>div img:nth-child(2),.lists li img,.device,.page8>ul.back>li,.info,.footer>p>span{width: 100%!important;}
    
    .header,.new_tit>li{height: 95px;}
    .logo .icos{width: 100%;transform:scale(0.7); margin: -20px 0 0 -10px;}
    .meau{background-color: rgb(0,41,111);height:auto;}
    .meau img{margin-right: 10px;}
    .navs{
    position:fixed!important;top:0;left:0;right:0;bottom:0;
    background-color: rgb(0,41,111,0.9);
    display: none;
    position: relative;
    width: 100%;margin-top:0!important;
    z-index: 999;}
    .meau:hover .navs{display:inline-block;}
    .navs li{display:inline-block;text-align:left;font-size:18px;line-height: 50px;padding:0 5%;}
    .navs li a{font-size:20px;color: #fff;text-decoration:none;}
    .navs .gb_btn,.navs .gb_btn:hover{float:right;width: 50px!important;height:50px;background-color: rgb(0,41,111,1);}
    .navs .gb_btn:hover::after{display: none;}
    .page1bg,.page2bg,.page3bg,.page4bg,.page5bg,.page6bg,.page7bg,.page8bg{
      min-height: auto;display:inline-block;text-align:center;background-size:auto auto;
    }
    .page1{display:inline-block;margin: 0;width:85%;}
    .page1>.left>p:nth-child(2),.page1>.left>p:nth-child(3),.page1>.right{margin-top:23px;}
    .page1>.left>p:nth-child(3)>button{}

    .cards{width: 90%;}
    .cards > li{margin-top:0px!important;height: 480px;float:left;}
    .cards > li:nth-child(2){margin-top: -150px!important;}
    .cards > li div{height: 480px;}

    .hj {top: 50px;}
    .fd_lxlay{display:none;}
    
    .page3>.page3_txt,.boxs,.swiper_bg{display:inline-block;margin-top: 40px;}
    .page3>.page3_txt li{flex: none;float:left;}
    .page3>ul>li>div {height: auto;}
     
    .page4 .bgimg3,.page4 .bgimg4{position:relative;left:0!important;bottom:0!important;animation:none!important;margin: 5px 0;    transform: rotate(0);}
    
    .bgimg2{margin-top:50px;}

    .page4bg{height: 450px;}
    
    .lists li{margin-top: 10px;}
    .lists>li a span{bottom:0!important;height:40px;line-height:40px;}

    .page6bg .hj{left: -30%;top:40px;}

    .device .masktxt{position:relative;}
    .info{text-align:left;width: 80%!important;}
    .new_tit_new{display:inline-flex;margin:20px 0 10px 0;}
    .new_tit_new li{font-size: 24px;}
    .new_tit_new li img{width:100%;float:none;}

    .bottom{
    }
    body > div.page1bg > div.anim > div > p:nth-child(2) > img{
        width: 100%;
        max-width: 655px;
    }
    body > div.page1bg > div.anim > div > p:nth-child(3) > img{
        width: 81%;
        max-width: 529px;

    }
}
@media screen and (min-width:851px){

    .meau img{
        display: none;
    }


}
@media screen and (max-width:650px){

    ul.new_tit > li:nth-child(2){
        flex: 0 0 70%;
        font-size: 46px;
    }
    .subtit{
        font-size: 23px;
        
    }
    body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(1){
        font-size: 32px;

    }
    body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(2){
        font-size: 23px;

    }
    body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(5){
        font-size: 23px;

    }
    .page3>ul>li{
        width: 100%;
    }
    
    .page7,.page6,.page8{
        width: 90%;
    }
    .footer>p{
        font-size: 14px;
    }
    

}
@media screen and (max-width:550px){
    .device{
        top: 2.5%;
    }
    .device .arrow-left,.device .arrow-right{
        top: 25%;
    }
}
@media screen and (max-width:470px){

    ul.new_tit > li:nth-child(2){
        flex: 0 0 70%;
        font-size: 30px;
    }
    .subtit{
        font-size: 20px;
        
    }
    body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(1){
        font-size: 28px;

    }
    body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(2){
        font-size: 20px;

    }
    body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(5){
        font-size: 20px;

    }

}