*{
  margin:0;
  padding:0;
}
html,body{
  font: 14px/1.5 "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "Helvetica Neue", Arial, sans-serif;
  position: relative;
  scroll-behavior: smooth;
}
.home-index-bg{
  position: absolute;
  z-index: -1;
  width: 100%;
  height:500px;
  object-fit: cover;
}
.header{
  width:1200px;
  margin:0 auto;
  height:500px;
  position: relative;
  overflow: hidden;
}
.header .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top:20px;
}
.header .top .logo{
  width:180px;
}
a {
	text-decoration: none;
	color: inherit;
}
.gray-bg,.gray-bg1,.gray-bg2{
  background: #f2f3f5;
  position: absolute;
  left: 0;
  top:710px;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.gray-bg1{
  top:1100px;
}
.gray-bg2{
  top:auto;
  height:100px;
}
.header .nav{
  display: flex;
  gap:40px;
  align-items: center;
  cursor:pointer;
  font-family: "Arial Normal", "Arial", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
}
.header .nav .href_div:hover{
  text-decoration: underline;
  color:#0078D4;
}
.header .header-tip{
  margin:20px 200px;
  text-align: center; 
  font-size: 16px;
  overflow: hidden;
}
.header-tip-scroll{
  animation: scroll 30s linear infinite;
  -webkit-animation: scroll 30s linear infinite;
}
.header-tip-scroll:hover{
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
}
@keyframes scroll {
  from{
    transform: translate(100%, 0);
  }
  to{
    transform: translate(-100%, 0);
  }
}
@-webkit-keyframes scroll {
  from{
    transform: translate(100%, 0);
  }
  to{
    transform: translate(-100%, 0);
  }
}
.header-content{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.header-content.rtl{
  gap:50px;
  width: 1100px;
  margin:0 auto;
}
.header-content.rtl .header-content-right{
  order:1;
}
.header-content.rtl .header-content-left{
  order:2;
}
.header-content-right{
  width:550px;
  flex-shrink: 0;
}
.header-content-title{
  font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
  /* margin-top:20px; */
}
.header-content-p{
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
}
.header-content-p1{
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  margin-top:6px;
}
.header-content-descr{
  font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
  margin-top:5px;
}
.header-content-list{
  display: flex;
  flex-wrap: wrap;
  row-gap:10px;
  margin:20px 0;
}
.header-content-list.bg-blue{
  background: rgba(0, 120, 212, .17);
  padding:10px 20px;
  width:90%;
  font-size: 16px;
}
.header-content-list.bg-blue .header-content-item{
  gap:10px;
}
.header-content-item{
  width: 50%;
  font-size: 16px;
}
.header-content-item .href_div{
  cursor:pointer;
}
.header-content-item .href_div:hover{
  color:#0078D4;
}
.header-content-btn-group{
  display: flex;
  gap:50px;
}
.header-content-btn,.header-content-btn1{
  width: 160px;
  height:53px;
  font-size:18px;
  color:#fff;
  background-color: rgba(0, 120, 212, 1);
  border-radius: 5px;
  text-align: center;
  line-height: 53px;
  cursor: pointer;
}
.header-content-btn:hover,.header-content-btn1:hover{
  opacity: .8;
}
.header-content-btn1{
  width:210px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap:10px;
}
.header-content-btn1 img{
  width:25px;
  height:25px;
}
.page-section1{
  width: 1200px;
  margin:0 auto;
}
.page-section2{
  margin:0 auto 60px;
  width: 1200px;
}
.section1-list{
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 30px 0;
  background: #fff;
}
.section1-title{
  margin: 0 auto;
  text-align: center;
  display: block;
  font-size: 18px;
  color: #666;
  width: 447px;
  height: 52px;
  line-height: 52px;
  background: url('../picture/home-section1-bg.png') no-repeat center/cover;
  cursor: pointer;
}
.section1-title:hover{
  background: url('../picture/home-section1-bg-hover.png') no-repeat center/cover;
}
.section1-item{
  width:20%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap:10px;
  font-size: 16px;
  color: #666;
}
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px);
  }
  50% {
    -webkit-transform:translateY(-4px);
    transform:translateY(-4px);
  }
  100% {
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px);
  }
 }
 @keyframes hvr-bob {
  0% {
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px);
  }
  50% {
    -webkit-transform:translateY(-4px);
    transform:translateY(-4px);
  }
  100% {
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px);
  }
 }
 @-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px);
  }
 }
 @keyframes hvr-bob-float {
  100% {
  -webkit-transform:translateY(-8px);
  transform:translateY(-8px);
 }
}
.section1-item:hover .icon{
  /* -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate; */
}
.section2-list{
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  margin-top:25px;
}
.section2-item{
  padding: 20px 30px;
  background: #fff;
  width: calc(50% - 72px);
  border-radius: 3px;
  box-shadow: 0 6px 29px rgb(29 26 55 / 21%);
}
.section2-item-top{
  display: flex;
  gap:20px;
  align-items: center;
}
.section2-item-title{
  font-size: 22px;
  color: #333;
}
.section2-item-content{
  font-size: 14px;
  color: #666;
  margin-top:15px;
}
.section2-title{
  font-size: 28px;
  color: #333;
  text-align: center;
  padding: 55px 0 10px;
}
.section2-descr{
  font-size: 16px;
  color: #666;
  text-align: center;
  margin-bottom: 10px;
}
.footer{
  text-align: center;
  color: #c8c8c8;
  font-size: 14px;
  padding: 10px 0;
  margin-top:30px;
}

.section3-list{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 3px;
  background: #fff;
  padding: 20px;
  height: 125px;
  box-shadow: 0 6px 29px rgb(29 26 55 / 21%);
}
.section3-item{
  display: flex;
  height:125px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width:20%;
}

.page-section3{
  width:1200px;
  margin:40px auto 0;
}
.page-section-title{
  text-align: center;
  color: #445268;
  font-size: 24px;
  text-align: center;
}
.page-section-title::after{
  content:'';
  display: block;
  width: 24px;
  height: 4px;
  background: #2b82ee;
  margin: 5px auto 30px;
}
.page-section-content{
  padding: 25px 100px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 6px 29px rgb(29 26 55 / 21%);
}

.page-section-content p{
  font-size: 16px;
  color: #4a5466;
  line-height: 25px;
}
.section3-item-title{
  font-size: 18px;
  color: #2b82ee;
  padding: 8px 0 12px;
}
.section3-item-p{
  font-size: 14px;
  color: #4a5466;
  line-height: 16px;
  text-align: center;
}

.swiper-container{
  margin:0 auto;
  width: 840px;
  height: 430px;
  position: relative;
}
.swiper {
  width: 690px;
  height:390px;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;

}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
}
.page-section4{
  margin:20px auto;
  text-align: center;

}
.page-section4-title{
  font-weight: 700;
  font-style: normal;
  font-size: 40px;
  margin-bottom: 10px;
}
.page-section4-list-wrapper{
  background-color: rgba(246, 247, 250, 1);
  padding:30px;
}
.page-section4-list{
  width: 1200px;
  font-style: normal;
  font-size: 16px;
  margin:0 auto;
  text-align: left;
  line-height: 26px;
}
.page-section4-list .tip{
  color:#7F7F7F;
}
.page-section4-list .tip .href_div{
  cursor: pointer;
}
.page-section4-list .tip .href_div:hover{
  color:#0078D4;
}
.page-section4-list .blue{
  color:#0078D4;
}
.page-section4-list .hover_red:hover{
  color:red;
}
.page-section4-list > li{
  margin-left:40px;
}
.nav-list{
  width: 820px;;
  margin:auto;
  display: flex;
  height:58px;
  align-items: center;
  justify-content: space-around;
  background-color: rgba(246, 247, 250, 1);
  box-sizing: border-box;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 1);
  border-radius: 10px;
  filter: drop-shadow(8px 8px 5px rgba(127, 127, 127, 0.2));
  position: sticky;
  top: 100px;
  padding-right: 150px;
}
.no-download.nav-list{
  padding:0;
}
.hide{
  display: none;;
}
.back-top{
  position: fixed;
  width:50px;
  height:50px;
  border-radius: 50%;
  right:50px;
  bottom: 50px;
  cursor: pointer;
}
.back-top:hover{
  opacity: .8;
}
.back-top img{
  width: 100%;
  height: 100%;
}
.nav-list .nav-item{
  font-weight: 400;
  font-style: normal;
  font-size: 17px;
  color: #555555;
  cursor: pointer;
}
.nav-list .nav-item:hover{
  color:#0078D4;
}
.nav-list .nav-item.selected{
  color:#0078D4;
  font-weight: bold;
}
.nav-list .nav-item.download{
  width: 106px;
  height: 45px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 10px;
  filter: drop-shadow(4px 4px 5px rgba(0, 0, 0, 0.2));
  text-align: center;
  line-height: 45px;
  position: absolute;
  right: 10px;
  color:#0078D4;
  display: flex;
  gap:10px;
  align-items: center;
  justify-content: center;
}
.nav-list .nav-item.download .download-img{
  width:16px;
  height:16px;
  background: url('../picture/reinstall-download-hover.png') no-repeat center/cover;
}
.nav-list .nav-item.download.select,.nav-list .nav-item.download:hover{
  background:#0078D4;
  color:#fff;
}
.nav-list .nav-item.download.select .download-img, .nav-list .nav-item.download:hover .download-img{
  background: url('../picture/reinstall-download.png') no-repeat center/cover;
}
.page-section5{
  width: 1200px;
  margin:30px auto 100px;
  background-color: rgba(246, 247, 250, 1);
  border-radius: 10px;
  overflow: hidden;
}
.page-section5-title{
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
  text-align: center;
  margin: 30px 0;
}
.page-section5-num{
  width:40px;
  height:40px;
  text-align: center;
  color:#0078D4;
  line-height: 40px;
  border-radius: 50%;
  font-size: 16px;
  box-shadow: 0 0  10px #aaa;
  margin-right: 20px;
  font-weight: bold;
  flex-shrink: 0;
}
.page-section5 p{
  font-size: 15px;
  line-height: 24px;
}
.page-section5 > img{
  display: block;
  margin:30px auto;
  width: 800px;
}
.page-section5 .blue{
  color:#0078D4;
}
.page-section5-item{
  display:flex;
  align-items: baseline;
  padding:0 80px;
}
.page-section5 .header-content-btn1{
  margin:50px auto 30px;
}

.download-tip{
  text-align: center;
  margin-top:20px;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #0078D4;
}
.download-tip .red{
  color:#D9001B;
  cursor: pointer;
}
.download-tip .href_div:hover{
  text-decoration: underline;
}
.href_div{
  display: inline-block;
  cursor: pointer;
}