/**
 * DESCRIPTION   
 * AUTHOR  zhaozy
 * TIME  2024-08-09
 */
* {
  vertical-align: baseline;
  font-weight: inherit;
  font-family: "Arial", "Microsoft YaHei", "微软雅黑";
  font-style: inherit;
  font-size: 100%;
  outline: 0;
  padding: 0;
  margin: 0;
  border: 0;
  line-height: inherit;
  list-style: none;
  text-decoration: none;
}
html {
  font-size: 64px;
}

:focus {
  outline: none;
}
a {
  text-decoration: none;
}

a img {
  border: 0;
}
img {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  vertical-align: middle;
}
table {
  empty-cells: show;
}
del {
  text-decoration: line-through;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: 0;
  padding: 0;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
figure {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
body {
  min-width: 20rem; /* 1280px / 64px */
  position: relative;
  overflow-x: hidden;
  background: linear-gradient(180deg, #f2f7fb, #fff 20%);
}

.floatL {
  float: left;
}

.flexbox {
  display: flex;
}
.flexWrap {
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flexCenter {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flexBetween {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dbicon {
  background: url(../images/icon.png?t=20240826) no-repeat;
}
/*头部 不做自适应*/
.Top {
  background: #fff;
  height: 62px;
  line-height: 62px;
  position: sticky;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1000;
  box-shadow: 0px 3px 6px rgb(202 206 237 / 35%);
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
}
.top-left {
  display: flex;
  font-weight: bold;
  align-items: center;
}
.Top .logo {
  background: url("https://resource.mydown.com/TLimages2009/yesky/special/ntfs/easeus/images/n_tmg.png")
    no-repeat left center;
  background-size: 134px 32px;
  width: 134px;
  height: 40px;
  transition: opacity 400ms;
  opacity: 1;
}
.Top .doubaologo {
  font-size: 0.28125rem;
  color: #1e1e1e;
  font-weight: bold;
  display: flex;
  align-items: center;
  line-height: 1;
}
.Top .doubaologo img {
  margin-right: 12px;
  vertical-align: middle;
}
.Top .line {
  margin: 0 20px;
  width: 1px;
  height: 33px;
  background: #eee;
  vertical-align: middle;
}
.top-content {
  padding-right: 30px;
}
.top-content .keywos {
  line-height: 62px;
}

.top-content .keywos li {
  float: left;
  margin-right: 20px;
  line-height: 62px;
  font-size: 14px;
  position: initial;
}
.top-content .keywos a {
  color: #666;
  text-decoration: none;
}
.top-content .keywos a:hover {
  text-decoration: none;
  color: #2768f6;
}
.top-content .keywos .jc {
  position: relative;
}
.top-content .keywos .jc a {
  position: relative;
  padding-right: 20px;
  cursor: pointer;
}
.top-content .keywos .jc > a:before {
  content: "";
  margin-top: 21px;
  width: 10px;
  height: 10px;
  font-size: 0;
  background: #c8c8c8;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: inline-block;
  position: absolute;
  right: 1px;
  top: 50%;
  margin-top: -8px;
  z-index: 1;
}
.top-content .keywos .jc > a:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: inline-block;
  position: absolute;
  right: 1px;
  top: 50%;
  margin-top: -10px;
  z-index: 2;
}
.top-content .keywos .jc:hover > a:before {
  background: #2768f6;
  margin-top: -2px;
}
.top-content .keywos .jc:hover > a:after {
  margin-top: 0px;
}

.top-content .keywos .jc span {
  width: 140px;
  padding: 10px 0;
  text-align: center;
  position: absolute;
  top: 54px;
  left: 5px;
  background: #fff;
  box-shadow: 0px 0px 8px 1px rgba(218, 228, 241, 1);
  border-radius: 10px;
  display: none;
}
.top-content .keywos .jc span a {
  font-size: 14px;
  color: #696969;
  line-height: 31px;
  display: block;
}
.top-content .keywos .jc span a:hover {
  color: #2768f6;
}
.top-content .keywos .jc:hover span {
  display: block;
}
.downbox {
  text-align: center;
}
a.doubobtn {
  width: 222px;
  height: 70px;
  font-size: 24px;
  color: #ffffff;
  text-align: center;
  line-height: 70px;
  background: #2768f6;
  border-radius: 70px;
  display: inline-block;
  transition: all 0.5s;
}
a.doubobtn:hover {
  background: #225cd8;
}
.top-content .keywos a.doubobtn {
  width: 132px;
  height: 36px;
  font-size: 16px;
  line-height: 36px;
  color: #fff;
}
/** Top end ********/

/******** 头部 start ********/
header {
  position: relative;
  width: 100%;
  min-height: 700px; /* 700px / 64px */
  padding-top: 64px;
  background: linear-gradient(180deg, #f2f7fb, #fff 20%);
  box-sizing: border-box;
  /* background-repeat: no-repeat;
  background-position: center -0.703125rem;          
  background-size: auto 100%;  */
  /* background-size: cover;
  background-position: center -45px;  */
}
header .wrap {
  /* max-width: 20rem;  */
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
}
header .headwz {
  width: 460px;
  margin-left: 3px;
  position: relative;
  z-index: 5;
}
header .softname img {
  margin-right: 22px;
  width: 55px;
  height: 55px;
  display: inline-block;
  vertical-align: middle;
}
header .softname h1 {
  font-size: 30px;
  color: #090909;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}
header .softname .des {
  margin-top: 48px; /* 48px / 64px */
  font-size: 48px; /* 48px / 64px */
  color: #090909;
  line-height: 60px; /* 60px / 64px */
  font-weight: bold;
}
header .softname ol {
  margin-top: 30px; /* 30px / 64px */
}
header .softname ol li {
  font-size: 18px; /* 18px / 64px */
  color: #494949;
  line-height: 40px; /* 40px / 64px */
}
header .downbox {
  text-align: left;
}
header .doubobtn {
  margin-top: 60px; /* 60px / 64px */
  width: 258px; /* 258px / 64px */
  height: 78px; /* 78px / 64px */
  font-size: 24px; /* 24px / 64px */
  line-height: 78px; /* 78px / 64px */
  position: relative;
}
header .doubobtn i {
  width: 26px; /* 26px / 64px */
  height: 26px; /* 26px / 64px */
  margin-right: 10px; /* 10px / 64px */
  background-position: -193px -95px; /* 193px / 64px, 95px / 64px */
  vertical-align: -5px; /* 5px / 64px */
  display: inline-block;
}
header .doubobtn em {
  width: 62px; /* 62px / 64px */
  height: 25px; /* 25px / 64px */
  font-size: 12px; /* 12px / 64px */
  color: #fff;
  text-align: center;
  line-height: 25px; /* 25px / 64px */
  /* background-position: -226px -155px;  */
  position: absolute;
  right: 0;
  top: -12px; /* 12px / 64px */
  display: inline-block;
  background-color: red;
  border-radius: 10px 0;
}

header .figruelink {
  /* 986 x 671 */
  width: 755px; /* 755px / 64px */
  height: 449px;
  display: block;
  background-image: url(../images/header-link.png);
  /* background-size: 100% 100%; */
  background-position: center;
  background-size: cover;
}

header .head-ai ul {
  margin-top: 13px;
  display: flex;
}
header .head-ai ul li {
  height: 60px; /* 60px / 64px */
  padding-left: 22px; /* 22px / 64px */
  padding-right: 23px; /* 23px / 64px */
  border-right: #e5e5e5 solid 1px; /* 1px / 64px */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px; /* 18px / 64px */
}
header .head-ai ul li:last-child {
  border: 0;
}
header .head-ai ul li i {
  margin-right: 16px; /* 16px / 64px */
  width: 21px; /* 21px / 64px */
  height: 20px; /* 20px / 64px */
  background-position: -192px -190px; /* 192px / 64px, 190px / 64px */
}
header .head-ai ul li:nth-of-type(2) i {
  background-position: -216px -190px; /* 216px / 64px, 190px / 64px */
}
header .head-ai ul li:nth-of-type(3) i {
  background-position: -240px -190px; /* 240px / 64px, 190px / 64px */
  width: 23px; /* 23px / 64px */
  height: 20px; /* 20px / 64px */
  background-position: 0 -205px; /* 205px / 64px */
}
header .head-ai ul li:nth-of-type(4) i {
  background-position: -263px -191px; /* 263px / 64px, 191px / 64px */
}

header .head-ai ul li span p:nth-of-type(1) {
  font-size: 18px; /* 18px / 64px */
  color: #111111;
  font-family: "黑体";
  font-weight: bold;
  position: relative;
  display: inline-block;
}
header .head-ai ul li span p:nth-of-type(2) {
  padding-top: 10px; /* 10px / 64px */
  font-size: 14px; /* 14px / 64px */
  color: #b3b3b3;
}
header .head-ai ul li:nth-of-type(3) {
  padding-right: 0.4375rem; /* 28px / 64px */
}
header .head-ai ul li:nth-of-type(3) span p:nth-of-type(1):before {
  content: "NEW";
  font-size: 14px; /* 14px / 64px */
  color: #f6594d;
  font-weight: bold;
  position: absolute;
  top: -10px; /* 10px / 64px */
  right: -30px; /* 30px / 64px */
  display: inline-block;
  letter-spacing: 1px; /* 1px / 64px */
}

/******** 头部 end ********/

.title {
  width: 100%;
  text-align: center;
}
.title h2 {
  font-size: 0.65625rem; /* 42px / 64px */
  color: #141414;
  font-weight: bold;
}
.title .des {
  padding-top: 0.3125rem; /* 20px / 64px */
  font-size: 0.34375rem; /* 22px / 64px */
  color: #737373;
  line-height: 0.5625rem; /* 36px / 64px */
}

/* S_change */
.content-wrap {
  padding-top: 0.3125rem; /* 20px / 64px */
  position: relative;
  z-index: 1;
}
.s-doudao-ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.s-doudao-ul li {
  margin-top: 0.78125rem; /* 50px / 64px */
  width: 19.75rem; /* 1264px / 64px */
  height: 9.9375rem; /* 636px / 64px */
  align-items: center;
  background: linear-gradient(
      0deg,
      hsla(0, 0%, 100%, 0.2),
      hsla(0, 0%, 100%, 0.2)
    ),
    linear-gradient(285deg, #f8f3ee -3.93%, #fff 50.17%, #ebf0f6 103.2%);
  border: 0.015625rem solid #ececec; /* 1px / 64px */
  border-radius: 0.3125rem; /* 20px / 64px */
  box-shadow: inset 0 0 0.046875rem 0 hsla(0, 0%, 100%, 0.1),
    0.375rem 0.5rem 0 transparent; /* 3px / 64px, 24px / 64px, 32px / 64px */
  display: flex;
  gap: 0.9375rem; /* 60px / 64px */
  justify-content: space-between;
  padding: 0 1.125rem; /* 72px / 64px */
  box-sizing: border-box;
}
.cardLeft {
  display: flex;
  flex-direction: column;
  gap: 0.25rem; /* 16px / 64px */
  max-width: 4.65625; /* 298px / 64px */
}
.cardTitle {
  color: rgba(0, 0, 0, 0.95);
  font-size: 0.71875rem; /* 46px / 64px */
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.0140625rem; /* 0.9px / 64px */
  line-height: 120%;
  white-space: pre-wrap;
}
.cardDesc {
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.3125rem; /* 20px / 64px */
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.00625rem; /* 0.4px / 64px */
  line-height: 160%;
}
.s-doudao-ul li img {
  width: 9.0625rem; /* 580px / 64px */
  height: 6.25rem; /* 400px / 64px */
}
.AITranslate-aTTEJR {
  align-items: center;

  display: flex;
  flex-direction: column;

  width: 100vw;
}
.aTTEJR-bg {
  padding: 0.9375rem 0 0px; /* 60px / 64px */
  background: #fafbff;
  margin-top: 0.9375rem; /* 60px / 64px */
}
.eeMPqi-bg {
  padding-top: 0.3125rem; /* 20px / 64px */
}
.line-image {
  width: 18.75rem /* 1200px / 64px */;
}

/* E_change */
.gnSwiper li {
  width: 100%;
  height: 10.234375rem; /* 655px / 64px */
  border-radius: 0.3125rem; /* 20px / 64px */
  display: none;
}
.gnSwiper li img {
  margin: 0 auto;
  display: block;
}
.gnSwiper span {
  margin-top: 0.78125rem; /* 50px / 64px */
  margin-bottom: 0.859375rem; /* 55px / 64px */
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.gnSwiper span p {
  width: 2.65625rem; /* 170px / 64px */
  height: 2.8125rem; /* 180px / 64px */
  font-size: 0.3125rem; /* 20px / 64px */
  text-align: center;
  color: #323232;
  cursor: pointer;
}
.gnSwiper span p.on {
  background: #f3faff;
  border-radius: 0.3125rem; /* 20px / 64px */
  color: #2869f6;
}
.gnSwiper span p i {
  margin: 0.40625rem auto 0.234375rem; /* 26px / 64px, 15px / 64px */
  width: 1.4375rem; /* 92px / 64px */
  height: 1.4375rem; /* 92px / 64px */
  background-position: 0 0;
  display: block;
}
.gnSwiper span p:nth-of-type(2) i {
  background-position: -1.5rem 0; /* 96px / 64px */
}
.gnSwiper span p:nth-of-type(3) i {
  background-position: -3.015625rem 0; /* 193px / 64px */
}
.gnSwiper span p:nth-of-type(4) i {
  background-position: 0 -1.484375rem; /* 95px / 64px */
}
.gnSwiper span p:nth-of-type(5) i {
  background-position: -1.5rem -1.484375rem; /* 96px / 64px, 95px / 64px */
}
.block {
  width: 100%;
  display: inline-block;
}
.block1 {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.s-doubao {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.block1 .jqqd {
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.block1 .jqqd:before {
  content: "";
  width: 12.8125rem; /* 820px / 64px */
  height: 0.015625rem; /* 1px / 64px */
  background: #e7e7e7;
  display: inline-block;
  position: absolute;
  left: 3.59375rem; /* 230px / 64px */
  top: 0.59375rem; /* 38px / 64px */
}
.block1 .jqqd span {
  padding: 0 0.390625rem; /* 25px / 64px */
  font-size: 0.25rem; /* 16px / 64px */
  color: #adadad;
  background: #fff;
  position: absolute;
  top: 0.390625rem; /* 25px / 64px */
  left: 50%;
  margin-left: -1.640625rem; /* 105px / 64px */
}
.block2 {
  margin-top: 0.78125rem; /* 50px / 64px */
}
.block2 .doubobtn,
.block3 .doubobtn {
  margin-top: 0.3125rem; /* 20px / 64px */
}
.block2 ul {
  margin-top: 0.3125rem; /* 20px / 64px */
}
.block2 ul li {
  margin-top: 0.5rem; /* 32px / 64px */
  width: 9.796875rem; /* 627px / 64px */
  height: 7.421875rem; /* 475px / 64px */
  padding: 0.46875rem 0 0.46875rem 0.546875rem; /* 30px / 64px, 35px / 64px */
  background: #e6f0f8;
  box-sizing: border-box;
  overflow: hidden;
  float: left;
  border-radius: 0.234375rem; /* 15px / 64px */
}
.block2 ul li:nth-of-type(2) {
  background: #dfefec;
  float: right;
}
.block2 ul li:last-child {
  padding-right: 0.546875rem; /* 35px / 64px */
  width: 100%;
  height: 6.4375rem; /* 412px / 64px */
  background: #faf0eb;
}
.block2 ul li span {
  width: 6.09375rem; /* 390px / 64px */
  float: left;
}
.block2 ul li span h3 {
  font-size: 0.4375rem; /* 28px / 64px */
  color: #3d4c67;
  font-weight: bold;
}
.block2 ul li:nth-of-type(2) span h3 {
  color: #50665f;
}
.block2 ul li:nth-of-type(3) span h3 {
  color: #6a5345;
}
.block2 ul li span .des {
  margin-top: 0.234375rem; /* 15px / 64px */
  font-size: 0.3125rem; /* 20px / 64px */
  color: #899bb3;
  line-height: 0.46875rem; /* 30px / 64px */
}
.block2 ul li:nth-of-type(2) span .des {
  color: #829790;
}
.block2 ul li:nth-of-type(3) span .des {
  color: #a6968d;
}
.block2 li figure {
  margin-top: 1.328125rem; /* 85px / 64px */
  border-radius: 0.28125rem 0 0 0; /* 18px / 64px */
  box-shadow: 0 0.15625rem 0.3125rem 0 rgba(0, 0, 0, 0.1),
    0 0 0.015625rem 0 rgba(0, 0, 0, 0.15); /* 10px / 64px, 20px / 64px, 1px / 64px */
  float: right;
}
.block2 li:nth-of-type(3) figure {
  margin-top: 0.15625rem; /* 10px / 64px */
  border-radius: 0.28125rem 0.28125rem 0 0; /* 18px / 64px */
}
.block3 {
  margin-top: 1.09375rem; /* 70px / 64px */
}
.lngn {
  /* margin-top: 0.8125rem; */ /* 52px / 64px */
  display: flex;
}
.auto-area {
  display: flex;
  flex-direction: column;
  padding-top: 0.8125rem; /* 52px / 64px */
  position: relative;
}

.auto-area li {
  display: flex;
  align-items: center;
}
.auto-area .description-txt {
  display: flex;
  flex-direction: column;
}
.description-txt span:nth-of-type(1) {
  line-height: 0.5rem; /* 32px / 64px */
  font-size: 0.40625rem; /* 26px / 64px */
  color: #000000e6;
}
.auto-area .description-txt .sub-desc {
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.25rem; /* 16px / 64px */
  line-height: 0.46875rem; /* 30px / 64px */
}
.lngn ul li.on .description-txt span:nth-of-type(1) {
  color: #2974ff;
}
.lngn {
  width: 18.4375rem; /* 1180px / 64px */
  min-height: 8.578125rem; /* 549px / 64px */
  position: relative;
}
.processBlue {
  border-radius: 0.03125rem;
  height: 5.59375rem; /* 356px / 64px */
  left: -15px;
  position: absolute;
  top: 0.8125rem; /* 52px / 64px */
  width: 0.0625rem;
  z-index: 1;
  background: rgba(0, 0, 0, 0.06);
  flex-shrink: 0;
}
.processBlueAnimation {
  background: #0057ff;
  height: 0;
}
.lngn ul {
  width: 6.25rem; /* 400px / 64px */
  height: 5rem; /* 320 / 64px */
  margin-right: 0.46875rem; /* 30px / 64px */
}
.lngn ul li {
  margin-bottom: 0.390625rem; /* 25px / 64px */
  width: 100%;
  font-size: 0.375rem; /* 24px / 64px */
  padding-block: 0.3125rem; /* 20px / 64px */
  color: #737373;
  /* line-height: 1.25rem; */ /* 80px / 64px */
  padding-left: 0.46875rem; /* 30px / 64px */
  /* cursor: pointer; */
}
.lngn ul li:nth-last-of-type(1) {
  margin-bottom: 0;
}
.lngn ul li.on {
  color: #2974ff;
  border: 0 solid #dbdbdb;
  background-color: #fff;
  box-shadow: 0 0 0.3125rem 0.078125rem rgba(229, 237, 248, 0.8); /* 20px / 64px, 5px / 64px */
  border-radius: 0.3125rem; /* 20px / 64px */
}

.gnpic {
  position: relative;
}

.gnpic p {
  /* display: none; */
  /* height: 145%;
  left: -12%; */
  opacity: 0;
  position: absolute;
}
.gnpic p.active {
  /* display: block; */
  animation: cardImgFocusAnimation 0.5s cubic-bezier(0.4, 0, 0.1, 1) forwards;
  opacity: 1;
}

@keyframes cardImgFocusAnimation {
  0% {
    opacity: 0;
    transform: translateX(-0.3125rem); /* 20px / 64px */
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.more-feature-img {
  margin-top: 0.9375rem; /* 60px / 64px */
}

.gnpic p img {
  width: 11.46875rem; /* 730px / 64px */
}
.bottom {
  margin-top: 1.40625rem; /* 90px / 64px */
  margin-bottom: 1.171875rem; /* 75px / 64px */
  width: 100%;
  overflow: hidden;
}
.bottom .title {
  text-align: left;
}
.bottom .title h2 {
  text-align: center;
}
.bottom .doubobtn {
  margin-top: 0.3125rem; /* 20px / 64px */
  position: relative;
}
.bottom i {
  margin-left: 0.078125rem; /* 5px / 64px */
  width: 0.046875rem; /* 3px / 64px */
  height: 0.71875rem; /* 46px / 64px */
  background: #2768f6;
  vertical-align: -0.125rem; /* 8px / 64px */
  display: inline-block;
}
.bottom i.animat {
  opacity: 1;
  animation: slide-in 1.5s forwards;
  animation-iteration-count: infinite;
}
.back,
.user {
  z-index: 9;
}
@keyframes slide-in {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes processBlueAnimation0 {
  0% {
    height: 0;
  }

  to {
    height: 33.33%;
  }
}

@keyframes processBlueAnimation1 {
  0% {
    height: 33.33%;
  }

  to {
    height: 66.66%;
  }
}

@keyframes processBlueAnimation2 {
  0% {
    height: 66.66%;
  }

  to {
    height: 100%;
  }
}

.processBlue-0 {
  animation: processBlueAnimation0 2s linear forwards;
}
.processBlue-1 {
  animation: processBlueAnimation1 2s linear forwards;
}
.processBlue-2 {
  animation: processBlueAnimation2 2s linear forwards;
}

@media screen and (max-width: 1600px) and (min-width: 1024px) {
  html {
    font-size: 40px;
  }
}

@media screen and (max-width: 1024px) {
  html {
    font-size: 32px;
  }

  .s-doudao-ul li {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .cardTitle {
    text-align: center;
  }
}