@charset "utf-8";
/* CSS Document */
/*清除内外边距*/
html,body,div,p,h1,h2,h3,h4,h5,h6,blockquote,ul,ol,li,table,th,td,span,img,dl,dd,dt,input,textarea,button{padding:0;margin:0;}
/*设置字体*/
body,textarea,button,input,select{font-family:"Microsoft Yahei"; font-size:12px; color:#333333;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em{font-style:normal;}
/*设置列表*/
ul,ol{list-style:none;}
/*设置通用链接*/
img{max-width:100%;}
.bg{background:url(../images/bg.png) top center no-repeat; background-size:cover;}
.top{padding:30px;}
.container{width:90%; max-width:1200px; margin:0 auto;}
.ban{padding:50px 0;}
.ban-box{display:flex; justify-content:space-between;}
.ban-box .ban-l{width:40%; display: flex; align-items: center;}
.ban-box .ban-l .tit{font-size:40px; color:#FFF; font-weight:bold; margin-bottom: 20px;}
.ban-box .ban-l .ftit{font-size:18px; color:#FFF; margin-bottom: 50px; line-height: 1.8;}
.ban-box .ban-l .btn{width:180px; cursor: pointer; background: #FFF; color: #222;font-size: 20px; padding: 15px 0; text-align: center; border-radius: 10px;}
.ban-box .ban-l .btn:hover{background: #F0F0F0; color: #000;}
.ban-box .ban-r{width:60%; position: relative;}
.ban-box .ban-r img{width:100%;}
.ban-box .ban-r .pic01{position: absolute; left: 12%; bottom: 0; animation: bounce 3s infinite;}
.ban-box .ban-r .pic01 img{width:38%;}

@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}
.ban-box .ban-r .pic02{position: absolute; left: 35%; bottom: 0;}
.ban-box .ban-r .pic02 img{width:66%;}

.page01{padding:50px 0;}
.page01 .dt{text-align:right; padding-right: 5%;}
.page01 .dt img{width:15%;}
.page01-box{display:flex; justify-content:space-between; background: url(../images/6787ce4640564a6c2690d6de_F-bg.png) no-repeat; background-size:cover; padding: 50px; border-radius: 50px;}
.page01-box .box-l{width:55%;}
.page01-box .box-l img{border-radius: 50px;}
.page01-box .box-r{width:42%;  display: flex; align-items: center;}
.page01-box .box-r .tit{font-size:40px; color:#FFF; font-weight:bold; margin-bottom: 20px;}
.page01-box .box-r .ftit{font-size:18px; color:#FFF; margin-bottom: 50px; line-height: 1.8;}
.rtol{display: flex; flex-direction: row-reverse;}
.gd{background:url(../images/664f259f33b6731b7df75db4_line-move.webp) top center no-repeat; background-size:cover; padding:30px 0; font-size: 60px; color: #FFF; font-weight: bold; overflow: hidden;}
.gd img{padding:0 15px;}
#gundong{white-space: nowrap; display: inline-block; animation: scrollText 20s linear infinite;}
.xiazai{padding:30px 0; display: flex; justify-content: center;}
.xz{padding:15px 80px; background: #FFF; color: #222;font-size: 20px; border-radius: 10px; cursor: pointer;}
.xz:hover{background: #F0F0F0; color: #000;}
.footer .foot-img{text-align:center; position: relative;}
.footer .foot-img .zj{position:absolute; width:100%; left: 0; bottom: -24%;}
.footer .foot-img .zj img{width:25%;}
.footer .foot-img img{width:80%;}
.copyright{background:#161cbb; padding: 80px 0 30px; text-align: center; font-size: 16px; color: #FFF;}
.float-download{display:none;}

.v1{background:url(../images/v1.jpg); background-size: cover;}
.v2{background:url(../images/v2.jpg); background-size: cover;}
.v3{background:url(../images/v3.jpg); background-size: cover;}
.v4{background:url(../images/v4.jpg); background-size: cover;}
.v5{background:url(../images/v5.jpg); background-size: cover;}
.v6{background:url(../images/v6.jpg); background-size: cover;}

@keyframes scrollText {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* 响应式布局 */
@media screen and (max-width: 768px) {
  .ban-box{flex-direction:column;}
  .ban-box .ban-l, .ban-box .ban-r{width:100%;}
  .ban-box .ban-l{margin-bottom:30px;}
  .ban-box .ban-l .tit{font-size:32px;}
  .page01-box{flex-direction:column; padding:30px;}
  .page01-box .box-l, .page01-box .box-r{width:100%;}
  .page01-box .box-r{margin-top:30px;}
  .page01-box .box-r .tit{font-size:32px;}
  .gd{font-size:40px;}
  .xz{padding:15px 40px;}
  .footer .foot-img .zj{bottom:-25%;}
  .footer .foot-img .zj img{width:30%;}
  .float-download{position: fixed; display: block; bottom: 10px; left: 5%; width:90%; text-align: center; z-index: 1000;background-color: rgba(255,255,255,0.95); color: #222; font-size: 22px; font-weight: bold; padding: 15px 0px; border-radius: 20px; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,0.15); transition: all 0.3s ease;}


@media screen and (max-width: 480px) {
  .ban-box .ban-l .tit{font-size:28px;}
  .ban-box .ban-l .ftit{font-size:16px;}
  .page01-box .box-r .tit{font-size:28px;}
  .page01-box .box-r .ftit{font-size:16px;}
  .gd{font-size:32px;}
  .copyright{font-size:14px;}
}