@charset "utf-8";/* common style */

*{margin: 0;padding: 0;font-family: "Microsoft YaHei",Arial;}
embed{ max-width: 100%;}
body{     text-indent: 0;font-size: 12px;color:#555; }
input, textarea, select {outline: 0;}
ul,li,ol{list-style: none;}
a{outline: none;text-decoration: none;transition: all ease .5s;color:#655;}
a:hover{color:#E94707;}
img{border:0; width: 100%;}
input{outline: none;}
i,em{ font-style:normal;}
.wrap, .wrap2,.wrap3{ clear: both; margin: 0 auto;position: relative;}
.wrap{width: 1190px;}
.wrap2{ max-width: 1000px;}
.wrap3{max-width: 960px;}
.hide{display: none;}
.loading{background:#F0F0F0;}
.clear{ clear: both;}
.row .padding{ padding: 0 15px;}
.right{float: right} 
.left{float: left;}
div{ box-sizing: border-box; -webkit-box-sizing: border-box;}

/***动画效果***/
.aniByViewportUp{transform:translateY(150px);opacity:0.5;}
.aniByViewportDown{transform:translateY(150px);opacity:1; animation:moveUpFromDown 5s ;  }
.aniByViewportLeft{transform:translateX(100px);opacity:0.8;}
.aniByViewportRight{transform:translateX(-100px);opacity:0.8;}
.comeUp{animation:comeIn 1s ease forwards;}
/**.comeDown{animation:comeIn 1s ease forwards;}**/
.comeLeft{animation:comeIn 1s ease forwards;}
.comeRight{animation:comeIn 1s ease forwards;}
.comeUp:nth-child(odd),.comeDown:nth-child(odd){animation-duration:1.5s;}
.comeLeft:nth-child(odd),comeRight:nth-child(odd){animation-duration:1.5s;}
.comeUp:nth-child(1){animation-duration:1s;}
.comeUp:nth-child(2){animation-duration:1.2s;}
.comeUp:nth-child(3){animation-duration:1.4s;}
.comeUp:nth-child(4){animation-duration:1.6s;}
.comeUp:nth-child(5){animation-duration:1.8s;}

@keyframes moveUpFromDown{
0%{transform:translateY(100%) scale(1.1); opacity:0;}
25%{transform:scale(1);}
50%{transform:scale(1.1);}
75%{transform:scale(1);}
100%{transform:translateY(0) scale(1); opacity:1;}

}

@-webkit-keyframes moveUpFromDown{
from{-webkit-transform:translateY(100%);}
to{-webkit-transform:translateY(0);}
}
@-moz-keyframes moveUpFromDown{
from{-moz-transform:translateY(100%);}
to{-moz-transform:translateY(0);}
}
@-ms-keyframes moveUpFromDown{
from{-ms-transform:translateY(100%);}
to{-ms-transform:translateY(0);}
}
@-o-keyframes moveUpFromDown{
from{-o-transform:translateY(100%);}
to{-o-transform:translateY(0);}
}
@keyframes comeIn{
to{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);opacity:1;}
}



 /**头部**/
header{
  width:100%; 
}
header .topbar{
  background-color:#f2f2f2; 
  height:25px; 
  line-height:25px;
  border-bottom:1px solid #e5e5e5;
  width:100%; 
  float:left;
 }
header .topbar a{ 
  color:#666; 
  margin:0 5px; 
  font-size:12px;
}
header .topbar a:hover{
  color:#b81b22;
}
header .topL{ 
  float:left; 
  font-size:12px;
}
header .topR{ 
  float:right; 
  font-size:12px; 
} 
header .topcen{
  width: 1200px;
  margin: 0 auto;
}
/***手机6hifi***/
.bg_main{ 
  width:100%;
}
.bg_main .bg_wrap{ 
  width:100%; 
  height:auto; 
  position:relative; 
  overflow:hidden;
}
.bg_main .bg_wrap .bg_img{ 
  width:1920px; 
  height:auto; 
  position:relative; 
  left:50%; 
  margin-left:-960px;
  object-fit:cover;
}
.bg_main .bg_wrap .bg_logo{ 
  width:350px; 
  height:160px; 
  display:block; 
  position:absolute; 
  left:50%; 
  top:90px; 
  margin-left:-210px; 
  -webkit-animation:jump 2s infinite; 
  animation:jump 2s infinite;
}
@-webkit-keyframes jump{
0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes jump{
0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
.bg_main .bg_wrap .bg_btn {
  position:absolute; 
  display:block; 
  width:200px; 
  height:58px;
  left:50%; 
  margin-left:-87px;
}
.bg_main .bg_wrap .bg_ios{ 
  top:397px;
}
.bg_main .bg_wrap .bg_android{ 
  top:479px;
}
.bg_02{
   background-image: url(../images/bg_02.png);
   height: 1100px;
}
.a_mod{
  width: 100%;
  display: flex;
  justify-content:space-evenly;
  align-items: center;
  gap: 150px;
  padding: 0px 200px;
}
.a_mod .a_text{
  width: 425px;
}
.a_mod .a_text h2{
  font-size: 40px;
  color: #000;
}
.a_mod .a_text p{
  font-size: 24px;
  color: #000;
  line-height: 150%;
  margin-top: 15px;
  letter-spacing: 0.1em;
}
.a_mod .a_color h2,.a_mod .a_color p{ color: #fff;}
.a_mod .a_img{
  display: flex;
  justify-content:flex-end;
  
}
.a_mod .a_img img{
  width: auto;
  max-width: 100%;
  height: auto;
  
}
.a_mod.a_style{
  display: grid;
  justify-content: center;
  align-items: flex-start;
  margin-top: 80px;
}
.a_mod .a_pic{
  width: 100%;
  display: grid;
  gap: 50px;
  grid-template-columns: repeat(3,1fr);
}
.a_mod .a_pic div{ 
  margin-bottom: 30px;
}
.a_mod .a_pic .a_top01{
  margin-top: -150px;
}
.a_mod .a_pic .a_top02{
  margin-top: -250px;
}
.bg_03{
  background:#333 url(../images/bg_03.jpg?2026) top no-repeat;
  padding:250px 200px 100px 200px;
  display: grid;
  justify-content: center;
  gap: 30px;
}
.a_mod h3{
  font-size: 36px;
  color: #fff;
  text-align: center;
  font-weight: 500;
}
.a_index{
  width: 180px;
  height: 45px;
  border-radius: 20px;
  background-color: #d21f28;
  padding: 0 20px;
  color: #fff;
  font-size: 18px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.a_index::before{
  content: '';
  width: 25px;
  height: 25px;
  background-image: url(../images/h_index.png?2026);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}