* {
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  font-family: Arial, sans-serif, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑';
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

.hide {
  display: none;
}

.container {
  min-width: 1400px;
}

.page1 {
  background: url(../img/bg1.jpg?v=2023091501) no-repeat;
  background-size: cover;
  background-position: center bottom;
}

.page2 {
  background: url(../img/bg2.jpg?v=2023091501) no-repeat;
  background-size: cover;
  background-position: center;
}

.page3 {
  background: url(../img/bg3.jpg?v=2023091501) no-repeat;
  background-size: cover;
  background-position: center;
}

.page4 {
  background: url(../img/bg4.jpg?v=2023091501) no-repeat;
  background-size: cover;
  background-position: center;
}

.page5 {
  height: 297px;
  background: url(../img/bg5.jpg?v=2023091501) no-repeat;
  background-size: cover;
  background-position: center bottom;
}

.nav {
  width: 100%;
  height: 76px;
  background: rgba(238, 235, 231, 0.9);
  position: fixed;
  top: 0;
  z-index: 10;
}

.nav-box {
  max-width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.logo {
  /* width: 1.37rem; */
}

.nav-box ul {
  margin-left: 100px;
  font-family: '微软雅黑';
}

.nav-box ul li {
  display: inline-block;
  color: #6d6d6d;
  font-size: 22px;
  padding: 0 10px;
  cursor: pointer;
}

.nav-box ul li.act {
  color: #359aff;
}

.btns {
  width: 1328px;
  height: 92px;
  position: absolute;
  left: 50%;
  margin-left: -664px;
  bottom: 92px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btns a {
  display: block;
  width: 313px;
  height: 96px;
  cursor: pointer;
  margin: 0 10px;
  background: url(../img/btns1.png?v=2023091501) no-repeat;
}

.btn1 {
  background-position: 0 0;
}

.btns a.btn4 {
  background: url(../img/huawei.png) no-repeat;
  background-size: 100%;
}

.btns a.btn2 {
  background-position: right;
}

.lang_en .btn3 {
  background: url(../img/en/charge.png?v=2023091501) no-repeat;
}

.lang_br .btn3 {
  background: url(../img/br/charge.png?v=2023091501) no-repeat;
}

.lang_es .btn3 {
  background: url(../img/es/charge.png?v=2023091501) no-repeat;
}

.view {
  position: absolute;
  left: 50%;
  margin-left: -172px;
  bottom: 40px;
}

.slogan {
  position: absolute;
  left: 50%;
  bottom: 180px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.vbtn {
  position: absolute;
  left: 50%;
  bottom: 320px;
  margin-left: -63px;
  z-index: 5;
  cursor: pointer;
}

.arrow {
  width: 60px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  bottom: 20px;
  cursor: pointer;
  animation: arrow 1s linear infinite;
}

@keyframes arrow {
  0% {
    transform: translateY(0);
    opacity: 0;
  }

  100% {
    transform: translateY(50%);
    opacity: 1;
  }
}

.t1 {
  width: 492px;
  height: 75px;
  background: url(../img/es/t1.png?v=2023091501) no-repeat;
  position: absolute;
  left: 50%;
  margin-left: -246px;
  top: 50%;
  margin-top: -360px;
}

.num {
  width: 194px;
  height: 100%;
  font-size: 26px;
  font-weight: bold;
  color: #fff300;
  text-align: right;
  line-height: 85px;
}

.order-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.orderbox {
  width: 1200px;
  height: 650px;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  top: 50%;
  margin-top: -300px;
}

.dcbox {
  width: 100%;
  height: 94px;
  border-bottom: 1px solid #fff;
  margin-top: 6px;
  position: relative;
}

.dclist {
  width: 1135px;
  height: 90px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: 15px;
}

.dclist li {
  width: 16.66%;
  text-align: center;
  font-size: 30px;
  color: #ffffff;
  font-weight: bold;
  line-height: 90px;
  position: relative;
}

.dclist li.ordertip {
  font-size: 26px;
  line-height: 36px;
  word-wrap: break-word;
}

.dclist li::before {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  left: 90px;
  top: 90px;
}

.dclist li::after {
  position: absolute;
  content: '';
  width: 26px;
  height: 26px;
  border: 1px solid #fff;
  border-radius: 50%;
  left: 80px;
  top: 80px;
}

.dclist li.act::before {
  background: #fff300;
}

.dclist li.act::after {
  border: 1px solid #fff300;
}

.dclist li img {
  width: 120px;
  position: absolute;
  top: -34px;
  left: 40px;
}

.dcimg {
  width: 100%;
  position: absolute;
  left: 0;
  top: -50px;
}

.reward {
  width: 1132px;
  height: 514px;
  display: block;
  margin: 0 auto;
  margin-top: 50px;
  background: url(../img/reward1.png?v=2023091501) no-repeat;
  background-size: 100%;
  position: relative;
  cursor: pointer;
}

.reward img {
  width: 80px;
  display: block;
  float: left;
  margin-left: 110px;
  margin-top: 30px;
  display: none;
  position: relative;
  z-index: 5;
  top: 0;
}

.reward img.reward-desc {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  margin: 0px;
  left: 0px;
  top: 0px;
  opacity: 0;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}

.reward:hover .reward-desc {
  opacity: 1;
}

.reward img.done1 {
  margin-left: -30px;
}

.reward ul {
  width: 100%;
  height: 100%;
}

.reward ul li {
  width: 16.666%;
  height: 100%;
  float: left;
}

.rewardli1.act {
  background: url(../img/reward.png?v=2023091501) no-repeat;
  background-size: auto 100%;
  background-position: 0 0;
}

.rewardli2.act {
  background: url(../img/reward.png?v=2023091501) no-repeat;
  background-size: auto 100%;
  background-position: 20% 0;
}

.rewardli3.act {
  background: url(../img/reward.png?v=2023091501) no-repeat;
  background-size: auto 100%;
  background-position: 40% 0;
}

.rewardli4.act {
  background: url(../img/reward.png?v=2023091501) no-repeat;
  background-size: auto 100%;
  background-position: 60% 0;
}

.rewardli5.act {
  background: url(../img/reward.png?v=2023091501) no-repeat;
  background-size: auto 100%;
  background-position: 80% 0;
}

.rewardli6.act {
  background: url(../img/reward.png?v=2023091501) no-repeat;
  background-size: auto 100%;
  background-position: 100% 0;
}

.rewardtip {
  width: 90%;
  margin: 0 auto;
  font-size: 18px;
  color: #fff;
  line-height: 24px;
  margin-top: 30px;
}

.dcline {
  width: 500px;
  height: 0;
  border-bottom: 1px solid #fff300;
  position: absolute;
  bottom: -1px;
}

.dcline img {
  position: absolute;
  width: 50px;
  right: -20px;
  top: -22px;
}

.pet1 {
  /* width: 220px; */
  position: absolute;
  left: 50%;
  margin-left: -500px;
  top: 50%;
  margin-top: -390px;
}

.pet2 {
  /* width: 300px; */
  position: absolute;
  left: 50%;
  margin-left: 245px;
  top: 50%;
  margin-top: 70px;
}

.pet3 {
  width: 640px;
  position: absolute;
  left: 50%;
  margin-left: -680px;
  bottom: 250px;
}

.pet4 {
  width: 280px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -880px;
  margin-top: -400px;
}

.pet5 {
  width: 330px;
  position: absolute;
  left: 50%;
  margin-left: 580px;
  top: 50%;
  margin-top: 200px;
}

.news-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.news-box {
  width: 580px;
  height: 583px;
  background: url(../img/fb.png?v=2023091501) no-repeat;
  background-size: 100% 100%;
  margin-top: 30px;
  overflow: hidden;
}

.banner {
  width: 800px;
  height: 510px;
  overflow: hidden;
  margin-top: 35px;
  margin-left: 46px;
  float: left;
  position: relative;
}

.banner img {
  display: block;
  width: 790px;
  border: 5px solid #fff;
  box-shadow: 0 0 5px #999;
}

.swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background: #9d9d9d;
  border-radius: 8px;
  margin: 0 15px !important;
  opacity: 1;
  transition: width 0.5s;
}

.swiper-pagination-bullet-active {
  width: 60px;
  background: #359aff;
}

.newslistbox {
  width: 620px;
  height: 460px;
  float: left;
  margin-left: 40px;
  margin-top: 40px;
  position: relative;
}

.newslistnav {
  width: 100%;
  overflow: hidden;
}

.newslistnav li {
  /* width: 115px; */
  display: inline;
  height: 50px;
  margin-right: 20px;
  font-size: 36px;
  font-weight: bold;
  color: #000;
  text-align: left;
  line-height: 50px;
  position: relative;
  float: left;
  cursor: pointer;
  text-indent: 3px;
}

.newslistnav li span {
  position: relative;
  z-index: 5;
}

.newslistnav li.act {
  color: #3ca5ff;
}

.newslistnav li.act::after {
  position: absolute;
  content: '';
  width: 100%;
  border-top: 10px solid #fff79f;
  bottom: 5px;
  left: 0px;
  z-index: 0;
}

.newslistcont {
  margin-top: 40px;
  height: 312px;
}

.newslistcont li {
  height: 77px;
  border-bottom: 1px dotted #b3bdc7;
}

.newslistcont li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 22px;
  color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.newslistcont li a p {
  width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lookall {
  width: 137px;
  display: block;
  margin: 20px auto 0;
}

.tese-container {
  width: 1250px;
  height: 800px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -625px;
  top: 50%;
  transform: translateY(-45%);
}

.tese-container .swiper-slide {
  background: #000;
}

.tese-container .swiper-slide img {
  width: 100%;
  display: block;
  opacity: 0.6;
}

.tsbox {
  padding-top: 60px;
}

.tsbox-pagination {
  width: 100%;
  text-align: center;
  bottom: 15px;
}

.kuang {
  width: 1033px;
  position: absolute;
  top: 0px;
  z-index: 20;
  left: 50%;
  margin-left: -517px;
  margin-top: -6px;
}

.tsbox .swiper-slide-active img {
  opacity: 1;
}

.swiper-button-prev, .swiper-button-next {
  width: 180px;
  height: 64px;
  background: url(../img/qh.png?v=2023091501) no-repeat;
  background-size: auto 100%;
}

.swiper-button-prev::after, .swiper-button-next::after {
  content: '';
}

.swiper-button-next {
  background-position: right;
}

.t3 {
  display: block;
  margin: 0 auto;
}

.footer {
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer ul {
  margin-left: 50px;
}

.footer ul a {
  color: #fff;
  margin: 0 20px 0 0;
}

.news, .infomation, .pictures, .newsdetail {
  height: 100%;
  overflow: auto;
  background: url(../img/subbg1.jpg?v=2023091501) #e8f3fa no-repeat;
  background-position: center top;
  position: relative;
}

.t {
  display: block;
  margin: 100px auto 0;
}

.news-type {
  width: 1038px;
  margin: 40px auto 0;
  overflow: hidden;
}

.news-type li {
  display: inline;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 48px;
  padding: 8px 15px;
  margin-right: 40px;
  background: #fff;
  color: #3ca5ff;
  cursor: pointer;
}

.news-type li.act {
  background: #3ca5ff;
  color: #fff;
}

.newslist {
  width: 1038px;
  margin: 0 auto;
  min-height: 500px;
}

.newslist li {
  height: 111px;
  background: url(../img/listbg.jpg?v=2023091501) no-repeat;
  background-size: 100%;
  overflow: hidden;
  margin-top: 28px;
  position: relative;
}

.newslist li a {
  display: block;
  margin: 45px 30px 0;
  font-size: 22px;
  color: #49240e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px dashed #dfdfdf;
}

.newslist li a p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.newslist li a span {
  margin-right: 40px;
}

.more {
  width: 200px;
  height: 56px;
  background: #3ca5ff;
  font-size: 22px;
  color: #fff;
  text-align: center;
  line-height: 56px;
  margin: 20px auto 0;
  cursor: pointer;
}

.gl-box {
  width: 1136px;
  margin: 40px auto 0;
}

.gl-title, .pic-title {
  width: 100%;
  height: 54px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 54px;
}

.gl-title li {
  width: 25%;
  height: 100%;
  float: left;
  cursor: pointer;
  background: url(../img/glbg.png?v=2023091501) no-repeat;
  background-position: right;
  color: #3da6ff;
}

.gl-title li.act {
  background: url(../img/glbg.png?v=2023091501) no-repeat;
  background-position: left;
  color: #fff;
}


.glbox {
  width: 100%;
  height: 500px;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}

/* .glbox img{
  position: absolute;
  top: 0;
} */
.pic-title {
  margin-top: 40px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 54px;
}

.pic-title li {
  width: 33.33%;
  height: 100%;
  float: left;
  cursor: pointer;
  background: url(../img/glbg1.png?v=2023091501) no-repeat;
  background-position: right;
  color: #3da6ff;
}

.pic-title li.act {
  background: url(../img/glbg1.png?v=2023091501) no-repeat;
  background-position: left;
  color: #fff;
}

.pic-box {
  height: 312px;
  margin-top: 40px;
  background: url(../img/picbg.png?v=2023091501) no-repeat;
  position: relative;
  overflow: hidden;
  z-index: 10;
}

.picSwiper {
  width: 1070px;
  margin-top: 22px;
  margin-left: 33px;
  overflow: hidden;
}

.picSwiper img {
  width: 100%;
}

.picSwiper .swiper-slide .picimg {
  width: 198px;
  height: 198px;
  overflow: hidden;
}

.picSwiper .swiper-slide p {
  font-size: 20px;
  color: #6b6b6b;
  line-height: 56px;
  text-align: center;
}

.pic-button {
  width: 1370px;
  margin: 0 auto;
  position: relative;
  margin-top: -160px;
}

.pic-prev, .pic-next, .picture-prev, .picture-next {
  background: url(../img/qh1.png?v=2023091501) no-repeat;
  background-size: auto 100%;
}

.pic-next, .picture-next {
  background-position: right;
}

.gl-list-box {
  width: 692px;
  height: 340px;
  overflow: hidden;
  margin-left: 80px;
  margin-top: 40px;
  position: relative;
  z-index: 5;
}

.gl-list-box li {
  height: 36px;
  font-size: 17px;
  color: #6b6b6b;
  line-height: 36px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: url(../img/line.png?v=2023091501) no-repeat;
  background-position: bottom;
  text-indent: 20px;
}

.gl-list-box li.gltitle {
  width: 500px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gl-type {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.gl-type1 {
  background: url(../img/gl1.png?v=2023091501);
}

.gl-type2 {
  background: url(../img/gl2.png?v=2023091501);
}

.gl-type3 {
  background: url(../img/gl3.png?v=2023091501);
}

.gl-type4 {
  background: url(../img/gl4.png?v=2023091501);
}

.gl-list-box li:hover {
  color: #3ca5ff;
}

.pagination {
  font-size: 0px;
  margin-left: 80px;
}

.pagination span {
  display: inline-block;
  height: 22px;
  padding: 5px 10px 3px;
  font-size: 17px;
  line-height: 22px;
  color: #fff;
  background: #51b4fd;
  border-bottom: 2px solid #51b4fd;
  margin: 0 10px;
  cursor: pointer;
}

.pagination span.act {
  background: none;
  color: #51b4fd;
}

.pagination span.dot {
  background: none;
  border-bottom: 2px solid transparent;
  color: #999;
}

.picture-box {
  width: 1370px;
  position: relative;
  margin: 40px auto 0;
}

.pictureSwiper {
  width: 1150px;
  height: 775px;
  margin-left: 110px;
  overflow: hidden;
}

.pictureSwiper .swiper-slide {
  height: auto;
  text-align: center;
  font-size: 18px;
}

.pictureSwiper .swiper-slide div {
  width: 363px;
  margin: 10px;
  cursor: pointer;
}

.piclist {
  height: 240px;
  float: left;
}

.pictureSwiper .swiper-slide div img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  transition: width 0.5s;
}

.pictureSwiper .swiper-slide div img:hover {
  width: 110%;
}

.piclist a {
  display: block;
  width: 363px;
  height: 204px;
  overflow: hidden;
  position: relative;
}

.piclist p {
  line-height: 40px;
}

.detail-title {
  border-bottom: 0.01rem solid #b4b9bb;
  margin-top: 75px;
  padding: 40px 0 30px;
  color: #000;
  text-align: center;
}

.detail-title p {
  width: 1200px;
  margin: 0 auto;
  font-size: 40px;
  line-height: 50px;
}

.detail-title span {
  display: block;
  font-size: 18px;
  color: #464646;
  line-height: 30px;
}

.detail-cont {
  width: 1200px;
  min-height: 500px;
  margin: 0 auto;
  padding: 30px;
  font-size: 15px;
  color: #464646;
  line-height: 34px;
}

.detail-cont img {
  max-width: 100% !important;
}

.detail-title {
  border-bottom: 0.01rem solid #b4b9bb;
  margin-top: 75px;
  padding: 40px 0 30px;
  color: #000;
  text-align: center;
}

.detail-title p {
  width: 1200px;
  margin: 0 auto;
  font-size: 40px;
  line-height: 50px;
}

.detail-title span {
  display: block;
  font-size: 18px;
  color: #464646;
  line-height: 30px;
}

.detail-cont {
  width: 1200px;
  min-height: 500px;
  margin: 0 auto;
  padding: 30px;
  font-size: 15px;
  color: #464646;
  line-height: 34px;
}

.detail-cont img {
  max-width: 100% !important;
}


.back {
  width: 104px;
  height: 33px;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  top: 175px;
  cursor: pointer;
  font-size: 22px;
  color: #666;
  border: 1px solid #666;
  text-align: center;
  line-height: 33px;
}

.video {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}

.close {
  width: 100%;
  height: 100%;
}

.videocont {
  width: 800px;
  height: 500px;
  position: absolute;
  left: 50%;
  margin-left: -400px;
  top: 50%;
  margin-top: -250px;
  z-index: 5;
}

.videocont video {
  width: 100%;
  height: 100%;
}

.m-tiphtml-box {
  position: fixed;
  z-index: 100;
  left: 50%;
  top: 30%;
  transform: translate(-50%);
  border-radius: 20px;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transform: translate(-50%);
  font-size: 0;
}

.m-tiphtml-box .tip-box-op0 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #000000;
  opacity: 0.7;
  z-index: -1;
  font-size: 18px;
}

.m-tiphtml-box .tip-box-op1 {
  padding: 15px 20px;
  font-size: 16px;
  color: #FFFFFF;
}

.fp-watermark {
  display: none;
}












.hide {
  display: none;
}

.lang_es .t1 {
  background: url(../img/es/t1.png?v=2023091501) no-repeat;
}

.lang_es .newslistnav li {
  font-size: 30px;
}


.lang_br .t1 {
  background: url(../img/br/t1.png?v=2023091501) no-repeat;
}

.lang_br .num {
  width: 166px;
  text-align: center;
  line-height: 85px;
  margin-left: 128px;
}

.lang_br .newslistnav li {
  font-size: 34px;
}

.lang_en .newslistnav li {
  font-size: 32px;
}

.lang_en .t1 {
  width: 632px;
  background: url(../img/en/t1.png?v=2023091501) no-repeat;
}

.lang_en .num {
  width: 152px;
  text-align: center;
  line-height: 85px;
  margin-left: 183px;
  font-size: 26px;
}

.links {
  width: 193px;
  height: 48px;
  background: url(../img/links.png?v=2023091501) no-repeat;
  margin-left: 30px;
}

.links a {
  display: block;
  width: 33.33%;
  height: 100%;
  float: left;
}