* {
  padding: 0;
  margin: 0;
  white-space: nowrap;
}
/* 版心样式 */
.w {
  margin: 0 auto;
  width: 7.22891566rem;
}
/* 公共样式 */
ul {
  list-style: none;
}
em {
  font-style: normal;
}
.container-fluid,
.row {
  padding: 0;
  margin: 0;
}
h1{
  margin: 0;
  padding: 0;
  font-size: 0;
}
.max {
  min-width: 1100px;
}
.pa {
  position: absolute;
}
.pr {
  position: relative;
}
.w {
  width: 7.22891566rem;
}
.fl {
  float: left;
}
.fr{
  float: right;
}
.manage-title {
  padding: 0.54216867rem 0;
}

.manage-title .manage-title-right .manage-title-size {
  font-size: 0.24096386rem;
  font-weight: 600;
  color: #545454;
}
.manage-title .manage-title-right .manage-title-size2 {
  margin-top: 0.06024096rem;
  font-size: 0.09638554rem;
  color: #535353;
}
.manage-title-left-bg {
  display: inline-block;
  background-color: #fdd000;
  margin-top: 0.05819277rem;
  margin-right: 0.03012048rem;
  width: 0.02409639rem;
  height: 0.21686747rem;
}
.operation-safety-title {
  margin-top: 0.36144578rem;
  color: #fff;
}
.operation-safety-title .operation-safety-title-size1 {
  font-size: 0.24096386rem;
  font-weight: 600;
}
.operation-safety-title .operation-safety-title-size2 {
  margin-top: 0.03614458rem;
  font-size: 0.12048193rem;
}

/* 顶部导航样式 */
.header {
  height: 0.36144578rem;
  background: #0f2850;
}
.header .logo {
  margin-top: 0.07028910rem;
  width: 0.72289156rem;
  height: 0.30120481rem;
}
.header .logo h1 a{
  font-size: 0px;
}
.header .logo img{
  width: 100%;
  height: 100%;
}
.header .header-conter{
  padding-left: 1.04578313rem;
}
.header .header-conter ul{
  padding: 0;
  margin: 0;
}
.header .header-conter ul li {
  padding: 0 0.14084337rem;
  float: left;
  line-height: 0.36144578rem;
}
.header .header-conter ul li a {
  color: #fff;
  font-size: 0.09638554rem;
  text-decoration: none;
}
.header .header-right {
  margin-right: 0.32048192rem;
  padding-top: 0.08843373rem;
}
.header .header-right a{
  width: 0.36144578rem;
  height: 0.19277108rem;
  display: inline-block;
  background-color: #286eff;
  line-height:  0.19277108rem;
  text-align: center;
  color: #fff;
  font-size: 0.07638554rem;
  text-decoration: none;
  border-radius: 0.03012048rem;
}

.header .header-right .register {
  margin-left: 20px;
}





.head {
  position: relative;
  overflow: hidden;
}
.head-color{
  background-color: #0f59fa;
}
.head > img {
  width: 11.56626506rem;
  height: 6.62048192rem;
  max-width: 100%;
  max-height: 1099px;
}
.head .pa-head-top {
  left: 0;
  top: 0.60240964rem;
  width: 100%;
}
.head .pa-head-top .head-title1 {
  font-size: 0.36144578rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
.head .pa-head-top .head-title2 {
  font-size: 0.19879518rem;
  text-align: center;
  color: #fff;
}
.head .pa-head-bottom {
  bottom: 0;
  animation: head-line-ani 1s 0.5s;
  animation-fill-mode: forwards;
}
.head .pa-head-bottom > img {
  width: 100%;
  height: 2.28915663rem;
}
.head .pa-head-product {
  min-width: 7.22891566rem;
  bottom: 0;
}
.head .pa-head-product .pa-head-computer {
  bottom: 0;
  left: 2.53012048rem;
  opacity: 0;
  animation: head-phone-ani 1s 1.2s;
  animation-fill-mode: forwards;
}
.head .pa-head-product .pa-head-computer > img {
  width: 5.10843373rem;
  height: 3.86144578rem;
  max-width: 848px;
  max-height: 641px;
}
.head .pa-head-product .pa-head-phone {
  left: 0.12048193rem;
  bottom: 0.24096386rem;
  opacity: 0;
  animation: head-phone-ani 1s 0.7s;
  animation-fill-mode: forwards;
}
.head .pa-head-product .pa-head-phone > img {
  width: 2.24096386rem;
  height: 2.95783133rem;
}
.head .pa-head-product .pa-head-login {
  left: 1.92771084rem;
  top: -4.09638554rem;
  opacity: 0;
  animation: head-ani 1.2s 1.5s;
  animation-fill-mode: forwards;
}
.head .pa-head-product .pa-head-login img {
  width: 1.56626506rem;
  height: 0.51807229rem;
  max-width: 260px;
  max-height: 86px;
}
.head .pa-head-product .pa-head-register {
  left: 3.91566265rem;
  top: -4.09638554rem;
  opacity: 0;
  animation: head-ani 1.4s 1.5s;
  animation-fill-mode: forwards;
}
.head .pa-head-product .pa-head-register img {
  width: 1.56626506rem;
  height: 0.51807229rem;
  max-width: 260px;
  max-height: 86px;
}
.scheme {
  height: 1.01204819rem;
  max-height: 168px;
  background-color: #fafafa;
}
.scheme ul {
  margin-top: 0.28915663rem;
}
.scheme ul li {
  float: left;
  margin-right: 0.80722891rem;
  overflow: hidden;
}
.scheme ul li:last-child{
  margin-right: 0;
}
.scheme ul li em {
  display: block;
  font-size: 0.12048192rem;
  font-weight: 600;
  color: #286eff;
}
.scheme ul li span {
  display: block;
  margin-top: 0.04819277rem;
  font-size: 0.08433734rem;
  color: #666666;
}
.manage {
  position: relative;
  width: 100%;
  height: 6.02409639rem;
  min-height: 4.81927711rem;
  background-color: #ffffff;
}
.manage .manage-banner {
  width: 100%;
  height: 3.25301205rem;
}
.manage .manage-banner .carousel-indicators li {
  width: 0.24096386rem;
  height: 0.06024096rem;
  margin-right: 30px;
  background-image: url('../images/dot2.png');
}
.manage .manage-banner .carousel-indicators .active {
  width: 0.24096386p;
  height: 0.06024096rem;
  background-image: url('../images/dot3.png');
}
.manage .manage-banner img {
  width: 7.22891566rem;
  height: 3.25301205rem;
}
.manage .manage-banner .manage-banner-bottom {
  bottom: -0.36144578rem !important;
}
.manage .manage-banner .manage-banner-message2 {
  opacity: 0;
  animation: fade-ani 1s;
  animation-fill-mode: forwards;
}
.manage .manage-banner .manage-banner-message {
  bottom: 0rem;
  left: 0rem;
  width: 100%;
  z-index: 6;
  opacity: 0;
}
.manage .manage-banner .manage-banner-message img {
  width: 7.22891566rem;
  height: 1.41566265rem;
  max-height: 235px;
}
.operation-safety > img {
  width: 100%;
}
.operation-safety .pa-operation-safety {
  width: 100%;
  left: 0;
  top: 0;
}
.operation-safety .pa-operation-safety .operation-safety-cloud {
  height: 3.69277108rem;
}
.operation-safety .pa-operation-safety .operation-safety-cloud .pa {
  opacity: 0;
}
.operation-safety .pa-operation-safety .operation-safety-cloud img {
  width: 100%;
}
.operation-safety .pa-operation-safety .operation-safety-cloud .pa-operation-safety-cloud {
  left: 3.37349398rem;
  top: 1.80722892rem;
  margin-left: -1.08433735rem;
  margin-top: -0.48192771rem;
  z-index: 6;
  opacity: 0;
  animation: ani 1s;
  animation-fill-mode: forwards;
}
.operation-safety .pa-operation-safety .operation-safety-cloud .pa-operation-safety-cloud img {
  width: 2.44578313rem;
  height: 1.74698795rem;
  min-width: 1.79012048rem;
  min-height: 1.27861446rem;
}
.operation-safety .pa-operation-safety .operation-safety-cloud .pa-operation-safety-wire {
  top: 0.90361446rem;
  left: 1.47590361rem;
  animation: ani-line 0.8s 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}
.operation-safety .pa-operation-safety .operation-safety-cloud .pa-operation-safety-wire img {
  width: 3.86144578rem;
  height: 1.94578313rem;
  min-width: 2.84722892rem;
  min-height: 1.4346988rem;
}
.operation-safety .pa-operation-safety .operation-safety-cloud .pa-operation-safety-cloud-item-sapn {
  display: block;
  text-align: center;
  font-size: 0.10843373rem;
  color: #fff;
}
.operation-safety .pa-operation-safety .operation-safety-cloud .operation-safety-cloud-list img {
  width: 1.01rem;
  height: 0.69rem;
}
.operation-safety .pa-operation-safety .operation-safety-cloud .operation-safety-cloud-list .pa-operation-safety-cloud-item {
  bottom: 0.90361446rem;
  left: 3.01204819rem;
}
.operation-safety .pa-operation-safety .operation-safety-cloud .operation-safety-cloud-list .operation-ani1 {
  opacity: 0;
  animation: ani-item1 1s 0.4s;
  animation-fill-mode: forwards;
}
.operation-safety .pa-operation-safety .operation-safety-cloud .operation-safety-cloud-list .operation-ani2 {
  opacity: 0;
  animation: ani-item2 1s 0.4s;
  animation-fill-mode: forwards;
}
.operation-safety .pa-operation-safety .operation-safety-cloud .operation-safety-cloud-list .operation-ani3 {
  opacity: 0;
  animation: ani-item3 1s 0.4s;
  animation-fill-mode: forwards;
}
.operation-safety .pa-operation-safety .operation-safety-cloud .operation-safety-cloud-list .operation-ani4 {
  opacity: 0;
  animation: ani-item4 1s 0.4s;
  animation-fill-mode: forwards;
}
.operation-safety .pa-operation-safety .operation-safety-cloud .operation-safety-cloud-list .operation-ani5 {
  opacity: 0;
  animation: ani-item5 1s 0.4s;
  animation-fill-mode: forwards;
}
.function {
  height: 3.48072289rem;
}
.function .function-list {
  width: 7.22891566rem;
  top: 1.6578rem;
  opacity: 0;
}
.function .function-list li {
  float: left;
  width: 12.5%;
  text-align: center;
}
.function .function-list li img {
  width: 0.48795181rem;
  height: 0.57831325rem;
  max-width: 81px;
  max-height: 96px;
}
.function .function-list2 {
  top: 2.68915663rem;
}
.function .function-list3 {
  opacity: 0;
  animation: function-ani 0.8s;
  animation-fill-mode: forwards;
}
.function .function-list4 {
  opacity: 0;
  animation: function-ani2 0.8s 0.2s;
  animation-fill-mode: forwards;
}
.speedy .speedy-height {
  height: 6.00240964rem;
  min-height: 4.13421687rem;
}
.speedy .speedy-height .speedy-banner1 {
  bottom: -0.78313253rem;
  left: 3.91566265rem;
  z-index: 5;
  opacity: 0;
}
.speedy .speedy-height .speedy-banner1 img {
  width: 2.64457831rem;
  height: 4.41566265rem;
  /* max-width: 2.64457831rem;
  max-height: 4.41566265rem;
  min-width: 1.92771084rem;
  min-height: 3.22656627rem; */
}
.speedy .speedy-height .speedy-banner1 .speedy-banner1-title{
  top: -0.32554216rem;
  left: 1.50602409rem;
  width: 0.60240963rem;
  height: 0.54216867rem;
}
.speedy .speedy-height .speedy-banner2 {
  bottom: -0.6626506rem;
  left: 2.77108434rem;
  z-index: 4;
  opacity: 0;
}
.speedy .speedy-height .speedy-banner2 img {
  width: 3.46987952rem;
  height: 4.20481928rem;
  /* max-width: 3.46987952rem;
  max-height: 4.20481928rem;
  min-width: 2.53548193rem;
  min-height: 3.07246988rem; */
}
.speedy .speedy-height .speedy-banner2 .speedy-banner2-title{
  top: -0.43192771rem;
  left: 1.26506024rem;
  width: 0.60240963rem;
  height: 0.54216867rem;
}
.speedy .speedy-height .speedy-banner3 {
  bottom: -0.60240964rem;
  left: 1.02409639rem;
  z-index: 3;
  opacity: 0;
}
.speedy .speedy-height .speedy-banner3 img {
  width: 4.30120482rem;
  height: 3.81927711rem;
  /* max-width: 4.30120482rem;
  max-height: 3.81927711rem;
  min-width: 3.14295181rem;
  min-height: 2.79078313rem; */
}
.speedy .speedy-height .speedy-banner3 .speedy-banner3-title{
  top: -0.45204819rem;
  left: 1.65662650rem;
  width: 0.60240963rem;
  height: 0.54216867rem;
}
.speedy .speedy-height .speedy-banner4 {
  bottom: -0.48192771rem;
  left: 0.18072289rem;
  z-index: 2;
  opacity: 0;
}
.speedy .speedy-height .speedy-banner4 img {
  width: 4.60843373rem;
  height: 3.36144578rem;
  /* max-width: 4.60843373rem;
  max-height: 3.36144578rem;
  min-width: 3.36746988rem;
  min-height: 2.45620482rem; */
}
.speedy .speedy-height .speedy-banner4 .speedy-banner4-title{
  top: -0.51204819rem;
  left: 0.93373493rem;
  width: 0.60240963rem;
  height: 0.54216867rem;

}
.speedy .speedy-bg {
  width: 100%;
}
.speedy .speedy-bg img {
  width: 100%;
  min-height: 0.89608434rem;
}
.boos > img {
  height: 8.55421686rem;
  width: 100%;
}
.boos .pa-boos {
  left: 0;
  top: 0;
  width: 100%;
}
.boos .pa-boos .pa {
  opacity: 0;
}
.boos .pa-boos .boss-banner {
  left: 2.40963855rem;
  top: 0.90361446rem;
  z-index: 5;
  opacity: 0;
  animation: boss-ani 1s 0.5s;
  animation-fill-mode: forwards;
}
.boos .pa-boos .boss-banner img {
  width: 2.18674699rem;
  height: 4.37951807rem;
  max-width: 2.18674699rem;
  max-height: 4.37951807rem;
  min-width: 1.61240964rem;
  min-height: 3.22921687rem;
}
.boos .pa-boos .boss-banner2 {
  left: 1.14457831rem;
  top: 1rem;
  z-index: 4;
  opacity: 0;
  animation: fade-ani 1s 1.4s;
  animation-fill-mode: forwards;
}
.boos .pa-boos .boss-banner2 img {
  width: 1.94578313rem;
  height: 4.09036145rem;
  max-width: 1.94578313rem;
  max-height: 4.09036145rem;
  min-width: 1.42066265rem;
  min-height: 2.98644578rem;
}
.boos .pa-boos .boss-banner3 {
  left: 3.79518072rem;
  top: 1rem;
  z-index: 4;
  opacity: 0;
  animation: fade-ani 1s 1.4s;
  animation-fill-mode: forwards;
}
.boos .pa-boos .boss-banner3 img {
  width: 1.94578313rem;
  height: 4.09036145rem;
  max-width: 1.94578313rem;
  max-height: 4.09036145rem;
  min-width: 1.42066265rem;
  min-height: 2.98644578rem;
}
.boos .pa-boos .boss-banner4 {
  left: 0.18072289rem;
  top: 1.06626506rem;
  z-index: 3;
  opacity: 0;
  animation: fade-ani 1s 2s;
  animation-fill-mode: forwards;
}
.boos .pa-boos .boss-banner4 img {
  width: 1.84939759rem;
  height: 4.0060241rem;
  max-width: 1.84939759rem;
  max-height: 4.0060241rem;
  min-width: 1.39054217rem;
  min-height: 2.9563253rem;
}
.boos .pa-boos .boss-banner5 {
  left: 4.93975904rem;
  top: 1.06626506rem;
  z-index: 3;
  opacity: 0;
  animation: fade-ani 1s 2s;
  animation-fill-mode: forwards;
}
.boos .pa-boos .boss-banner5 img {
  width: 1.84939759rem;
  height: 4.0060241rem;
  max-width: 1.84939759rem;
  max-height: 4.0060241rem;
  min-width: 1.39054217rem;
  min-height: 2.9563253rem;
}
.boos .pa-boos .boss-function {
  top: 5.30120482rem;
  width: 100%;
  color: #fff;
  opacity: 0;
  animation: boss-ani2 1.2s 2s;
  animation-fill-mode: forwards;
}
.boos .pa-boos #boss-function {
  margin-top: 0.50192771rem;
}
.boos .pa-boos #boss-function img {
  width: 100%;
}
.brand .brand-banner {
  margin-bottom: 0.80722892rem;
}
.brand .brand-banner .carousel-indicators {
  bottom: -0.30120482rem;
}
.brand .brand-banner .carousel-indicators li {
  width: 0.24096386rem;
  height: 0.06024096rem;
  margin-right: 30px;
  background-image: url('../images/dot2.png');
}
.brand .brand-banner .carousel-indicators .active {
  width: 0.24096386rem;
  height: 0.06024096rem;
  background-image: url('../images/dot3.png');
}
.brand .brand-banner img {
  width: 7.22891566rem;
  height: 3.61445783rem;
}
.operation .operation-banner {
  padding-bottom: 1.40722892rem;
}
.operation .operation-banner .show {
  bottom: -0.30120482rem;
}
.operation .operation-banner .carousel-indicators li {
  width: 0.24096386rem;
  height: 0.06024096rem;
  margin-right: 30px;
  background-image: url('../images/dot2.png');
}
.operation .operation-banner .carousel-indicators .active {
  width: 0.24096386rem;
  height: 0.06024096rem;
  background-image: url('../images/dot3.png');
}
.operation .operation-banner .carousel-inner {
  height: 3.19277108rem;
  max-height: 530px;
  width: 100%;
  background-image: url('../images/operation_bg.png')
}
.operation .operation-banner .item img {
  width: 7.22891566rem;
}
.operation .operation-banner .pa-operation {
  top: 0.36144578rem;
  left: 0;
  z-index: 4;
  width: 100%;
}
.operation .operation-banner .pa-operation .operation-banner-list {
  margin: 0 auto;
  width: 6.23493976rem;
  text-align: center;
}
.operation .operation-banner .pa-operation .operation-banner-item {
  width: 2.07831325rem;
  text-align: center;
}
.operation .operation-banner .pa-operation .operation-banner-item img {
  width: 1.87349398rem;
  height: 2.53614458rem;
  max-width: 311px;
  max-height: 421px;
  margin: 0 auto;
}
.marketing {
  background-color: #277dff;
  width: 100%;
  height: 4.08433735rem;
  max-height: 790px;
}
.marketing .marketing-function {
  margin-top: 0.48192771rem;
  opacity: 0;
  animation: marketing-ani 1s;
  animation-fill-mode: forwards;
}
.marketing .marketing-function li {
  float: left;
  width: 16.66666667%;
  text-align: center;
}
.marketing .marketing-function li img {
  width: 0.53614458rem;
  height: 0.53614458rem;
  max-width: 89px;
  max-height: 89px;
}
.marketing .marketing-function li p {
  padding: 0.12024096rem 0;
  font-size: 0.13253012rem;
  color: #fff;
}
.marketing .marketing-function .marketing-function-list2 {
  margin-top: 0.3373494rem;
}
.marketing .marketing-function2 {
  opacity: 0;
}
.manage2 {
  height: 10.74096386rem;
  max-height: 1850px;
}
.manage2 .pa {
  opacity: 0;
}
.manage2 .pa-manage2-bg1 {
  top: 1.56024096rem;
  right: 1.20481928rem;
  width: 3.48795181rem;
  height: 3.48795181rem;
  max-width: 540px;
  max-height: 540px;
  z-index: 2;
}
.manage2 .pa-manage2-bg2 {
  top: 1.3253012rem;
  right: 1.80722892rem;
  width: 4.03012048rem;
  height: 3.58433735rem;
  max-width: 669px;
  max-height: 595px;
  z-index: 3;
}
.manage2 .pa-manage2-bg3 {
  top: 1.08433735rem;
  right: 2.04819277rem;
  width: 4.79518072rem;
  height: 2.84337349rem;
  max-width: 796px;
  max-height: 472px;
  z-index: 4;
}
.manage2 .pa-manage2-bg4 {
  top: 1.56626506rem;
  right: 1.80722892rem;
  width: 4.91566265rem;
  height: 2.30120482rem;
  max-width: 816px;
  max-height: 382px;
  z-index: 4;
}
.manage2 .manage2-text {
  top: 5.06024096rem;
  width: 100%;
  text-align: center;
  font-size: 0.21686747rem;
  color: #000;
}
.manage2 .manage2-diagnose-main {
  top: 6.62650602rem;
  left: 2.40963855rem;
  width: 2.18072289rem;
  height: 2.18072289rem;
  color: #fff;
  font-size: 0.24096386rem;
  text-align: center;
  line-height: 2.18072289rem;
  background-color: #277dff;
  border-radius: 50%;
}
.manage2 .pa-manage2-bg5 {
  top: 6.56626506rem;
  left: 1.80722892rem;
  width: 3.42771084rem;
  height: 2.3253012rem;
}
.manage2 .pa-manage2-text1,
.manage2 .pa-manage2-text2,
.manage2 .pa-manage2-text3 {
  left: -0.12048193rem;
  width: 1.98795181rem;
  font-size: 0.14457831rem;
  text-align: right;
  color: #8a8989;
}
.manage2 .pa-manage2-text4,
.manage2 .pa-manage2-text5,
.manage2 .pa-manage2-text6 {
  left: 5.30120482rem;
  font-size: 0.1686747rem;
  color: #8a8989;
}
.manage2 .pa-manage2-text1,
.manage2 .pa-manage2-text4 {
  top: 6.3253012rem;
}
.manage2 .pa-manage2-text2,
.manage2 .pa-manage2-text5 {
  top: 7.71084337rem;
}
.manage2 .pa-manage2-text3,
.manage2 .pa-manage2-text6 {
  top: 8.61445783rem;
}
.manage2 .manage2-ani1 {
  animation: manage2-ani 0.8s 0.5s;
  animation-fill-mode: forwards;
}
.manage2 .manage2-ani2 {
  animation: manage2-ani2 0.8s 0.8s;
  animation-fill-mode: forwards;
}
.manage2 .manage2-ani3 {
  animation: fade-ani 0.5s 1s;
  animation-fill-mode: forwards;
}
.manage2 .manage-ani4 {
  animation: boss-ani 0.5s 0.3s;
  animation-fill-mode: forwards;
}
.manage2 .manage-ani5 {
  animation: boss-ani 0.5s 0.5s;
  animation-fill-mode: forwards;
}
.manage2 .manage-ani6 {
  animation: fade-ani 0.5s 0.7s;
  animation-fill-mode: forwards;
}
.manage2 .manage-ani7 {
  animation: fade-ani 0.5s 0.7s;
  animation-fill-mode: forwards;
}
.performance {
  height: 7.07228916rem;
  width: 100%;
  background-color: #277dff;
  overflow: hidden;
}
.performance > img {
  opacity: 0;
}
.performance .performance-button {
  margin-top: 0.42168675rem;
  text-align: center;
}
.performance .performance-button button {
  color: #000;
  padding: 0px 0.18072289rem;
  font-size: 0.26506024rem;
  font-weight: 600;
  background-color: #fdd000;
  border-radius: 0.24096386rem;
  border: 0;
}
.performance .performance-function {
  position: relative;
  z-index: 2;
  margin-top: 0.42168675rem;
}
.performance .performance-function .performance-function-list {
  opacity: 0;
  animation: performance-ani2 0.8s 0.8s;
  animation-fill-mode: forwards;
}
.performance .performance-function .performance-function-list li {
  float: left;
  width: 33.33%;
  text-align: center;
}
.performance .performance-function .performance-function-list li img {
  width: 1.44515663rem;
  height: 1.44515663rem;
  max-width: 297px;
  max-height: 297px;
}
.performance .performance-function .performance-function-list li p {
  font-size: 0.12048193rem;
  color: #fff;
  text-align: center;
}
.performance .performance-function .performance-function-list li .performance-function-text2 {
  font-size: 0.30120482rem;
  font-weight: 600;
}
.performance .performance-function .performance-function-list2 {
  width: 60%;
  margin: 0 auto;
  opacity: 0;
  animation: performance-ani2 0.8s 1.2s;
  animation-fill-mode: forwards;
}
.performance .performance-function .performance-function-list2 li {
  float: left;
  width: 50%;
  text-align: center;
}
.performance .performance-function .performance-function-list2 li img {
  width: 1.44515663rem;
  height: 1.44515663rem;
  max-width: 297px;
  max-height: 297px;
}
.performance .performance-function .performance-function-list2 li p {
  font-size: 0.12048193rem;
  color: #fff;
  text-align: center;
}
.performance .performance-function .performance-function-list2 li .performance-function-text2 {
  font-size: 0.30120482rem;
  font-weight: 600;
}
.performance .pa-performance {
  top: 1.0060241rem;
  right: 0;
  width: 100%;
  overflow: hidden;
  opacity: 0;
  animation: performance-ani 0.5s 0s;
  animation-fill-mode: forwards;
}
.performance .pa-performance2 {
  /* top: 4.09638554rem; */
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3.61445783rem;
  opacity: 0;
  animation: head-line-ani 0.5s 0.2s;
  animation-fill-mode: forwards;
  transform: rotateY(-180deg);
}
.perfect {
  height: 6.62650602rem;
}
.perfect .perfect-computer {
  height: 3.91566265rem;
}
.perfect .perfect-computer img {
  opacity: 0;
}
.perfect .perfect-computer .perfect-computer-bg1 {
  top: 0.72289157rem;
  left: 1.98795181rem;
  z-index: 2;
  width: 4.60240964rem;
  height: 3.04216867rem;
  max-width: 764px;
  max-height: 505px;
  animation: perfect-ani 1s;
  animation-fill-mode: forwards;
}
.perfect .perfect-computer .perfect-computer-bg2 {
  top: 0px;
  left: 1.38554217rem;
  width: 3.48795181rem;
  height: 3.48795181rem;
  max-width: 579px;
  max-height: 579px;
  animation: perfect-ani2 1s 0.3s;
  animation-fill-mode: forwards;
}
.perfect .perfect-function li {
  float: left;
  width: 33.33%;
  text-align: center;
}
.perfect .perfect-function li img {
  margin-bottom: 0.12048193rem;
  opacity: 0;
}
.perfect .perfect-function li p:nth-child(2) {
  color: #535353;
  font-size: 0.18072289rem;
  font-weight: 600;
  margin: 5px;
  opacity: 0;
}
.perfect .perfect-function li P:nth-child(3) {
  color: #aaa;
  font-size: 0.12048193rem;
  opacity: 0;
}
.perfect .perfect-function li:nth-child(1) img {
  width: 0.37951807rem;
  height: 0.34939759rem;
  max-width: 63px;
  max-height: 58px;
}
.perfect .perfect-function li:nth-child(2) img {
  width: 0.44578313rem;
  height: 0.36144578rem;
  max-width: 74px;
  max-height: 60px;
}
.perfect .perfect-function li:nth-child(3) img {
  width: 0.37951807rem;
  height: 0.35542169rem;
  max-width: 63px;
  max-height: 59px;
}
.perfect .perfect-ani {
  animation: perfect-ani3 0.5s;
  animation-fill-mode: forwards;
}
.perfect .perfect-ani2 {
  animation: fade-ani 0.5s 0.3s;
  animation-fill-mode: forwards;
}
.yard {
  margin-top: 0.36144578rem;
}
.yard img {
  width: 100%;
  max-height: 690px;
}
.pay {
  height: 3.01204819rem;
}
.pay .pay-list {
  opacity: 0;
}
.pay .pay-list li {
  float: left;
  width: 25%;
  text-align: center;
}
.pay .pay-list li img {
  width: 0.90361446rem;
  height: 0.90361446rem;
  max-width: 150px;
  max-height: 150px;
}
.pay .pay-list li p {
  margin-top: 0.09638554rem;
  font-size: 0.21686747rem;
  font-weight: 600;
  color: #545454;
  letter-spacing: 0.03614458rem;
}
.pay .pay-ani {
  animation: pay-ani 0.8s;
  animation-fill-mode: forwards;
}
.service {
  height: 1.80722892rem;
  width: 100%;
  background-color: #277dff;
  text-align: center;
  margin-top: 0.36144578rem;
}
.service strong {
  margin-top: 0.30120482rem;
  display: block;
  font-size: 0.25301205rem;
  letter-spacing: 6px;
  color: #fff;
  opacity: 0;
}
.service a img {
  width: 1.56626506rem;
  height: 0.51807229rem;
  max-width: 260px;
  max-height: 86px;
  opacity: 0;
}
.service .login {
  top: 0.54216867rem;
  left: 1.86746988rem;
}
.service .register {
  top: 0.54216867rem;
  left: 3.79518072rem;
}
.service .pa-service {
  width: 12.8313253rem;
  height: 1.80722892rem;
  max-width: 100%;
  top: 0;
  left: 0;
}
.service .service-ani {
  animation: service-ani 0.5s 0.2s;
  animation-fill-mode: forwards;
}
.service .service-ani2 {
  animation: fade-ani 0.5s 0.4s;
  animation-fill-mode: forwards;
}
footer {
  height: 1.6626506rem;
  min-height: 190px !important;
  background-color: #0f2850;
}
footer .footer-left {
  margin-top: 0.36144578rem;
}
footer .footer-left dl:first-child{
  height: 0;
  overflow: hidden;
}
footer .footer-left dl {
  float: left;
  width: 1.3253012rem;
}
footer .footer-left dl dt {
  font-size: 0.09638554rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 30px;
}
footer .footer-left dl dd {
  font-size: 0.07228916rem;
  font-weight: 600;
  color: #babdc5;
  margin-bottom: 0.03614458rem;
}
footer .footer-left dl dd a{
  color: #babdc5;
}
footer .footer-left dl dd a:hover{
  text-decoration: none;
}
footer .footer-left dl:nth-child(4) dd {
  font-size: 0.10843373rem;
  color: #fff;
}
footer .footer-left dl:nth-child(4) dd button {
  margin-top: 0.03614458rem;
  display: block;
  padding: 0.02409639rem;
  font-size: 0.07228916rem;
  background-color: #286eff;
  border: 0;
}
footer .line {
  width: 0.0060241rem;
  height: 1.04216867rem;
  margin-top: 0.36144578rem;
  background-color: #fff;
}
footer .code {
  width: 0.6746988rem;
  height: 0.6746988rem;
  max-width: 112px;
  max-height: 112px;
  margin-top: 0.48192771rem;
  margin-left: 0.48192771rem;
}
footer .copyright {
  text-align: center;
  font-size: 0.08433735rem;
  color: #babdc5;
}
@keyframes head-line-ani {
  0% {
    left: -11.56626506rem;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@keyframes head-ani {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes head-phone-ani {
  0% {
    bottom: -0.24096386rem;
  }
  100% {
    opacity: 1;
  }
}
@keyframes manage-ani {
  0% {
    transform: rotateX(-2.40963855rem);
  }
  50% {
    transform: rotateX(-1.20481928rem);
  }
  100% {
    opacity: 1;
    transform: rotateX(0);
  }
}
@keyframes Flashanimation {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.12);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
.enlarge {
  animation: fade-ani 1.2s linear;
  animation-fill-mode: forwards;
}
.enlarge2 {
  animation: fade-ani 1.2s 0.5s linear;
  animation-fill-mode: forwards;
}
.enlarge3 {
  animation: fade-ani 1.2s 1s, linear;
  animation-fill-mode: forwards;
}
.enlarge4 {
  animation: fade-ani 1.2s 1.5s, linear;
  animation-fill-mode: forwards;
}
@keyframes ani {
  0% {
    transform: scale(0.1);
  }
  10% {
    transform: scale(0.3);
  }
  20% {
    transform: scale(0.5);
  }
  30% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  55% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(6deg);
  }
  65% {
    transform: rotate(0deg);
  }
  70% {
    transform: rotate(6deg);
  }
  100% {
    opacity: 1;
  }
}
@keyframes ani-line {
  0% {
    transform: scale(0.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes ani-item {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate3d(400px, -200px, 0px);
  }
}
@keyframes ani-item1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate3d(-2.28915663rem, 0.72289157rem, 0px);
  }
}
@keyframes ani-item2 {
  100% {
    opacity: 1;
    transform: translate3d(-2.59036145rem, -1.02409639rem, 0px);
  }
}
@keyframes ani-item3 {
  100% {
    opacity: 1;
    transform: translate3d(0rem, -1.92771084rem, 0px);
  }
}
@keyframes ani-item4 {
  100% {
    opacity: 1;
    transform: translate3d(2.40963855rem, -1.14457831rem, 0px);
  }
}
@keyframes ani-item5 {
  100% {
    opacity: 1;
    transform: translate3d(2.1686747rem, 0.84337349rem, 0px);
  }
}
@keyframes function-ani {
  0% {
    top: 1.92771084rem;
  }
  100% {
    opacity: 1;
  }
}
@keyframes function-ani2 {
  0% {
    top: 3.27108434rem;
  }
  100% {
    opacity: 1;
  }
}
@keyframes boss-ani {
  0% {
    transform: scale(0.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes boss-ani2 {
  0% {
    top: 5.90361446rem;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-ani {
  100% {
    opacity: 1;
  }
}
@keyframes marketing-ani {
  0% {
    margin-top: 0.96385542rem;
  }
  100% {
    opacity: 1;
    margin-top: 0.48192771rem;
  }
}
@keyframes manage2-ani {
  0% {
    top: 1.92771084rem;
  }
  100% {
    top: 1.56024096rem;
    opacity: 1;
  }
}
@keyframes manage2-ani2 {
  0% {
    top: 1.80722892rem;
  }
  100% {
    top: 1.3253012rem;
    opacity: 1;
  }
}
@keyframes performance-ani {
  0% {
    right: -100%;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
@keyframes performance-ani2 {
  0% {
    margin-top: 0.30120482rem;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes perfect-ani {
  0% {
    top: 0.96385542rem;
  }
  100% {
    opacity: 1;
    top: 0.72289157rem;
  }
}
@keyframes perfect-ani2 {
  0% {
    top: 0.36144578rem;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
@keyframes perfect-ani3 {
  0% {
    margin-top: 0.12048193rem;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes pay-ani {
  0% {
    margin-top: 0.24096386rem;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@keyframes service-ani {
  0% {
    margin-top: 0.42168675rem;
  }
  100% {
    opacity: 1;
    margin-top: 0.30120482rem;
  }
}