:root {
  --ai-top: 9.3vw;
  --ai-bottom: 39.5vw;
  --ai-margin-top: -8vw;
  --ai-small-top: 4.3vw;
  --ai-small-bottom: 15.3vw;
  --ai-small-margin: -3vw;
}

.title-line {
  position: relative;
  padding-top: 23px;
  text-align: left !important;
  margin-bottom: 40px !important;
}

.title-line:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 60px;
  height: 5px;
  background-color: var(--esp-color-blue);
}
.title-line.text-center {
  text-align: center !important;
}
.title-line.text-center:before {
  left: 50%;
  transform: translateX(-50%);
}
.esp-ai-wrap * {
  box-sizing: border-box;
}
.esp-ai-wrap .new-inside.inside {
  max-width: 1246px !important;
}

.esp-ai-overview-wrap.new-inside {
  max-width: 1246px !important;
  margin: 0 auto;
  padding-top: 60px!important;
  padding-bottom: 0 !important;
}
.esp-ai-overview-wrap.new-inside .overview-desc {
  margin: 0 0 40px;
}
.overview-content-wrap .item-wrap .item {
  -prefix-box-flex: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -o-align-items: center;
  align-items: center;
  box-shadow: inset 1px 1px 3px 1px #B1C6D8;
  border-radius: 12px;
  padding: 20px 22px;
  font-family: var(--esp-font-family-regular);
}
.overview-content-wrap .item-wrap .item + .item {
  margin-left: 40px;
}
.overview-content-wrap .item-wrap .item .item-img {
  margin-right: 16px;
}
.overview-content-wrap .item-wrap .item .item-img img {
  display: block;
}
.overview-content-wrap .item-wrap .item p {
  margin: 0;
  min-width: 94px;
  text-align: left;
}

/* 推荐芯片 */
.socs-wrap .item {
  background: #38393a;
  border-radius: 12px;
  box-shadow: 6px 6px 12px 0 rgba(0, 0, 0, 0.16);
  color: #fff;
  overflow: hidden;
  padding-bottom: 40px;
}
.socs-wrap .item:not(.item-large) {
  width: 40%;
  max-width: 407px;
}
.socs-wrap .item.item-large {
  -prefix-box-flex: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 20px;
  background: linear-gradient(to right, #38393A, #525252);
}
.socs-wrap .item.item-large .item-content:first-child {
  position: relative;
}
.socs-wrap .item.item-large .item-content:first-child:after {
  content: '&';
  position: absolute;
  left: 68px;
  bottom: -15px;
  font-size: 56px;
  font-family: var(--esp-font-family-trueno-bold);
  font-weight: bold;
  line-height: 1;
}
.socs-wrap .item h3 {
  display: box;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -moz-align-items: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  -o-align-items: flex-start;
  align-items: flex-start;
  position: relative;
}
.socs-wrap .item h3 img, 
.socs-wrap .item h3 a {
  position: relative;
  z-index: 1;
}
.socs-wrap .item h3 img {
  display: block;
  margin-left: 41px;
  margin-top: 12px;
  margin-right: 8px;
}
.socs-wrap .item h3 a {
  color: #fff !important;
  text-decoration: underline !important;
  padding-top: 16px;
}
.socs-wrap .item h3::before {
  content: '';
  position: absolute;
  height: 48px;
  width: 100%;
  background: linear-gradient(to right, #8CA7EB, #8B78A6);
}
.socs-wrap .item.item-large h3::before {
  background: linear-gradient(to right, #858DD4, #92D0D6);
}
.socs-wrap .item.item-large .item-content:last-child {
  margin-top: 40px;
}
.socs-wrap .item.item-large .item-content:last-child h3::before {
  background: rgba(255, 255, 255, 0.1) !important;
}
.socs-wrap .item ul {
  margin-left: 48px;
  padding-right: 64px;
  margin-top: 40px;
}
.socs-wrap .item li {
  position: relative;
  display: box;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -moz-align-items: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  -o-align-items: flex-start;
  align-items: flex-start;
  line-height: 1.625;
  padding-left: 12px;
}
.socs-wrap .item li::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 50%;
}
.socs-wrap .item.item-large .item-content .item-desc {
  margin-left: 150px;
  margin-top: -43px;
  padding-right: 32px;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.socs-wrap .item.item-large .item-content .item-desc ul {
  margin-top: 0;
  margin-left: 0;
  padding-right: 0;
}
.socs-wrap .item.item-large .item-desc ul:first-child {
  max-width: 350px;
  width: 100%;
  margin-right: 20px;
}
.socs-wrap .item.item-large .item-desc ul:last-child {
  max-width: 230px;
}

/* 端到端解决方案 */
.end-to-end-solution-wrap {
  background-image: url(../images/ai-model/socs-bg.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.end-to-end-solution-wrap .inside.new-inside {
  padding: 60px 0 32px !important;
}
.end-to-end-solution-wrap img {
  display: block;
  width: 100%;
  height: auto;
}
.end-to-end-solution-wrap h2 {
  margin-bottom: 0 !important;
}
.end-to-end-solution-wrap p {
  text-align: center !important;
  margin: 32px 0 60px;
}

/*  */
.solution-advantages-content .tab-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.solution-advantages-content .tab-wrap span {
  cursor: pointer;
}
.solution-advantages-content .tab-wrap span + span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 40px;
}
.solution-advantages-content .tab-wrap span.active {
  font-family: var(--esp-font-family-trueno-bold);
  font-weight: bold;
  color: var(--esp-color-blue);
}
.solution-advantages-content .tab-wrap span:hover {
  color: var(--esp-color-blue);
}
.solution-advantages-content .tab-wrap .line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 167px;
  height: 1px;
  background-color: var(--esp-color-blue);
  transition: all .2s linear;
}
.solution-advantages-content .item-wrap {
  position: relative;
  margin-top: 22px;
  height: 381px;
}
.solution-advantages-content .item.active {
  height: 100%;
}
.solution-advantages-content .item.active.small {
  display: none;
}

.solution-advantages-content .item .left .left-content {
  background-color: #38393a;
  padding: 40px;
  height: 100%;
}
.solution-advantages-content .item .left p {
  color: #fff;
  max-width: 412px;
  margin: 20px 0 0;
}
.solution-advantages-content .item .left .left-content,
.solution-advantages-content .item .right .right-content {
  transition: clip-path .3s cubic-bezier(.4,0,.2,1);
}
.solution-advantages-content .item[data-value="1"].active .left .left-content,
.solution-advantages-content .item[data-value="3"].active .left .left-content{
  clip-path: polygon(98% 0,0 0,0 100%,86% 100%);
}
.solution-advantages-content .item[data-value="1"].active .right .right-content,
.solution-advantages-content .item[data-value="3"].active .right .right-content{
  clip-path: polygon(100% 0, 18% 0, 8% 100%, 100% 100%);
}

.solution-advantages-content .item[data-value="2"].active .left .left-content{
  clip-path: polygon(86% 0,0 0,0 100%,98% 100%);
}
.solution-advantages-content .item[data-value="2"].active .right .right-content{
  
  clip-path: polygon(100% 0, 8% 0, 18% 100%, 100% 100%);
}
.solution-advantages-content .item .left {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  color: #fff;
  width: 50.5%;
  overflow: hidden;
  border-radius: 12px;
}
.solution-advantages-content .item .right {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  overflow: hidden;
  border-radius: 12px;
}
.solution-advantages-content .item .right img {
  width: 100%;
  height: auto;
  display: block;
}
.solution-advantages-item-wrap {
  background-color: #FAFBFC;
  border-radius: 12px;
  padding: 40px 68px 70px;
  text-align: center;
  margin-top: 12px;
}
.solution-advantages-item-wrap h3 {
  text-align: center !important;
  margin: 14px 0 18px;
}
.solution-advantages-item-wrap  p {
  margin: 0 auto;
  max-width: 220px;
}
.solution-advantages-item-wrap .item + .item {
  margin-left: 60px;
}
.solution-advantages-wrap.new-inside.inside {
  padding-bottom: 0 !important;
}

/* 开发资源 */
.resources-wrap.inside.new-inside {
  padding-top: 12px !important;
  padding-bottom: 76px !important;
}
.resources-wrap .resources-content {
  position: relative;
  height: 88px;
}
.resources-wrap .resources-content .left {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  color: #fff;
  width: 35%;
  overflow: hidden;
  border-radius: 10px;
}
.resources-wrap .resources-content .left h3 {
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}
.resources-wrap .resources-content .right {
  position: absolute;
  top: 0;
  right: 0;
  width: 75.3%;
  overflow: hidden;
  border-radius: 10px;
}
.resources-wrap .resources-content .left .left-content{
  clip-path: polygon(98% 0,0 0,0 100%,92% 100%);
}
.resources-wrap .resources-content .right .right-content {
  background-color: #38393a;
  padding: 24px;
  height: 100%;
  clip-path: polygon(100% 0, 14.5% 0, 12% 100%, 100% 100%);
}
.resources-wrap .resources-content .right .right-content ul {
  justify-content: flex-end;
  padding-right: 10.8%;
}
.resources-wrap .resources-content .right li + li {
  margin-left: 12px;
}
.resources-wrap .resources-content .right a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 172px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  transition: none !important;
}
.resources-wrap .resources-content .right li:nth-child(2) a {
  width: 200px;
}
.resources-wrap .resources-content .right a:hover {
  color: #38393a;
  background-color: #fff;
}

/* 联系我们 */
.buy-now {
  margin-bottom: 0 !important;
}
.buy-now h2 {
  color: #38393a !important;
  margin-bottom: 16px !important;
}
.buy-now p {
  color: #38393a !important;
  text-align: center;
  margin: 0;
}
.buy-now .buy-now-bg {
  background-image: url(../images/ai-model/buy-now.png);
  background-size: 100% 100%;
}
.buy-now .buy-now-bg .inside {
  padding-top: 58px;
  padding-bottom: 58px;
}
.buy-now .row .btn-wrap {
  margin-top: 6px;
}
.buy-now .row a.button {
  width: 176px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #38393A !important;
  color: #38393a !important;
  line-height: normal;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: none !important;
}
.buy-now .row a.button:hover {
  border-color: #38393a !important;
  color: #fff !important;
  background-color: #38393a !important;
}
.solution-operate-wrap {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
}
.solution-operate-wrap .prev,
.solution-operate-wrap .next {
  position: absolute;
  top: -3px;
  width: 28px;
  height: 28px;
  background-image: url(../images/ai-model/arrow-active.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.solution-operate-wrap .prev {
  left: 0;
}
.solution-operate-wrap .next {
  right: 0;
}
.solution-operate-wrap .prev.disabled,
.solution-operate-wrap .next.disabled {
  background-image: url(../images/ai-model/arrow.png);
}
.solution-operate-wrap .next {
  transform: rotate(180deg);
}
body.html.i18n-zh-hans .pdb-word p br {
  display: none;
}
.solution-video-wrap.inside {
  padding-top: 0 !important;
}
.solution-video-wrap a {
  color: var(--esp-color-blue);
  text-decoration: none !important;
}
.solution-video-wrap a:hover {
  text-decoration: underline !important;
}
.solution-video-wrap p {
  margin-bottom: 60px;
  max-width: 1060px;
  text-align: center;
}
.solution-video-wrap .video-wrap {
  text-align: center;
  max-width: 720px;
  margin: 0 auto;
}
.solution-video-wrap .video-wrap .video {
  width: 100%;
  max-width: 100%;
  height: 400px;
}
@media (max-width: 1280px) {
  .end-to-end-solution-wrap .inside.new-inside {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .overview-content-wrap .item-wrap {
    justify-content: space-between;
  }
  .overview-content-wrap .item-wrap .item + .item {
    margin-left: 20px;
  }
  .socs-wrap .item.item-large .item-desc ul:first-child {
    max-width: 50%;
  }
  .socs-wrap .item.item-large .item-desc ul:last-child {
    max-width: 45%;
  }
}

@media (max-width: 1170px) {
  .esp-ai-wrap .new-inside.inside {
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin: 0;
  }
  .overview-content-wrap .item-wrap {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -10px !important;
    margin-right: -10px !important;
    margin-top: -20px !important;
  }
  .overview-content-wrap .item-wrap .item {
    max-width: calc(25% - 20px);
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-top: 20px;
  }
  .socs-wrap .item.item-large .item-desc ul:first-child {
    max-width: 50%;
  }
  .socs-wrap .item.item-large .item-desc ul:last-child {
    max-width: calc(50% - 20px);
  }
  .solution-advantages-content .item .left .left-content {
    padding: 20px;
  }
  .solution-advantages-content .item .left p {
    width: 90%;
    font-size: 15px;
    margin-top: 10px;
  }
  .resources-wrap .resources-content .right .right-content ul {
    padding-right: 0;
  }
  .solution-advantages-content .item .right img {
    min-height: 290px;
  }
  .solution-video-wrap p {
    margin-bottom: 20px;
  }
}
@media (max-width: 980px) { 
  .solution-advantages-content .item.active:not(.small) {
    display: none;
  }
  .solution-advantages-content .item.active.small {
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
  }
  .solution-advantages-content .item-wrap {
    height: auto !important;
  }
  .solution-advantages-content .item .left {
    position: static;
    order: 1;
    margin-top: -8.5vw;
  }
  .solution-advantages-content .item .right {
    position: static;
  }
  .solution-advantages-content .item .right,
  .solution-advantages-content .item .left {
    width: 100%;
  }
  .solution-advantages-content .item[data-value="1"].active .left .left-content,
  .solution-advantages-content .item[data-value="3"].active .left .left-content{
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 9.5vw);
  }
  .solution-advantages-content .item[data-value="1"].active .right .right-content,
  .solution-advantages-content .item[data-value="3"].active .right .right-content{
    clip-path: polygon(100% 0, 0 0, 0 39.5vw, 100% 100%);

  }
  .solution-advantages-content .item[data-value="2"].active .left .left-content{
    clip-path: polygon(0 9.5vw, 0 100%, 100% 100%, 100% 0);
  }
  .solution-advantages-content .item[data-value="2"].active .right .right-content{
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 39.5vw);
  }
  .solution-advantages-content .item .left .left-content {
    padding: 90px 30px 50px;
  }
  .solution-advantages-content .item .left p {
    max-width: 100%;
    width: 100%;
    font-size: 16px;
  }
  .solution-advantages-item-wrap {
    padding-top: 16px;
  }
  .solution-advantages-item-wrap .item-wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
  }
  .solution-advantages-item-wrap .item-wrap .item {
    margin: 24px 12px 0 !important;
    min-width: calc(50% - 24px);
    max-width: calc(50% - 24px);
  }
  .resources-wrap .resources-content {
    display: block;
  }
  .resources-wrap .resources-content .left,
  .resources-wrap .resources-content .right {
    position: static;
    width: 100%;
  }
  .resources-wrap .resources-content .left .left-content img {
    width: 100%;
    height: auto;
    display: block;
  }
  .resources-wrap .resources-content {
    height: auto !important;
  }
  .resources-wrap .resources-content .left .left-content {
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 15.3vw);
  }
  .resources-wrap .resources-content .right .right-content {
    clip-path: polygon(0 4.5vw, 0 100%, 100% 100%, 100% 0);
    padding: 60px 0;
  }
  .resources-wrap .resources-content .right {
    margin-top: -3.5vw;
  }
  .resources-wrap .resources-content .right .right-content ul {
    justify-content: center;
    padding-right: 0;
  }
  .solution-advantages-content .tab-wrap span + span {
    margin-left: 20px;
  }
}
@media (max-width: 860px) { 
  .inside {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .overview-content-wrap .item-wrap {
    margin-left: -6px !important;
    margin-right: -6px !important;
    margin-top: -12px !important;
  }
  .overview-content-wrap .item-wrap .item {
    max-width: calc(33.3333% - 12px);
    min-width: calc(33.3333% - 12px);
    margin-left: 6px !important;
    margin-right: 6px !important;
    margin-top: 12px;
  }
  .overview-content-wrap .item-wrap .item {
    padding: 24px 12px;
  }
  .overview-content-wrap .item-wrap .item .item-img {
    margin-right: 8px;
  }
  .socs-wrap .item-wrap {
    display: block;
  }
  .socs-wrap .item {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
  .socs-wrap .item.item-large {
    margin-left: 0;
    margin-top: 20px;
  }
  .socs-wrap .item h3 img {
    width: 80px;
    height: 80px;
  }
  .socs-wrap .item ul {
    margin-top: 10px;
    margin-left: 28px;
  }
  .socs-wrap .item.item-large .item-content .item-desc {
    margin-top: 10px;
    margin-left: 28px;
  }
  .socs-wrap .item.item-large .item-desc ul {
    min-width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
  .title-line {
    margin-bottom: 20px !important;
    text-align: center !important;
    padding-top: 17px;
  }
  .title-line:before {
    left: 50%;
    transform: translateX(-50%);
  }
  .end-to-end-solution-wrap .inside.new-inside {
      padding-top: 28px !important;
      padding-bottom: 40px !important;
  }
  .end-to-end-solution-wrap p {
    margin: 20px 0 !important;
  }
  .end-to-end-solution-img {
    padding: 0 35px;
  }
  .esp-ai-overview-wrap.new-inside {
    padding-top: 28px !important;
  }
  .esp-ai-overview-wrap.new-inside .overview-desc {
    margin-bottom: 20px;
  }
  .socs-wrap .item.item-large .item-content:first-child {
    padding-bottom: 32px;
  }
  .socs-wrap .item.item-large .item-content:first-child:after {
    content: '&';
    position: absolute;
    left: 60px;
    bottom: -24px;
    font-size: 40px;
  }
}
@media (max-width: 830px) {
  .solution-advantages-content .item .left {
    margin-top: var(--ai-margin-top);
  }
  .solution-advantages-content .item[data-value="1"].active .left .left-content,
  .solution-advantages-content .item[data-value="3"].active .left .left-content{
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% var(--ai-top));
  }
  .solution-advantages-content .item[data-value="1"].active .right .right-content,
  .solution-advantages-content .item[data-value="3"].active .right .right-content{
    clip-path: polygon(100% 0, 0 0, 0 var(--ai-bottom), 100% 100%);
  }
  .solution-advantages-content .item[data-value="2"].active .left .left-content{
    clip-path: polygon(0 var(--ai-top), 0 100%, 100% 100%, 100% 0);
  }
  .solution-advantages-content .item[data-value="2"].active .right .right-content{
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% var(--ai-bottom));
  }
  .resources-wrap .resources-content .right {
    margin-top: var(--ai-small-margin);
  }
  .resources-wrap .resources-content .left .left-content {
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% var(--ai-small-bottom));
    position: relative;
  }
  .resources-wrap .resources-content .right .right-content {
    clip-path: polygon(0 var(--ai-small-top), 0 100%, 100% 100%, 100% 0);
    padding: 60px 0;
  }
}
@media (max-width: 768px) { 
  :root {
    --ai-top: 8.9vw;
    --ai-bottom: 39.5vw;
    --ai-margin-top: -7.3vw;
    --ai-small-top: 4.3vw;
    --ai-small-bottom: 15.3vw;
    --ai-small-margin: -2.7vw;
  }
  body.html.i18n-zh-hans .pdb-word p br {
    display: block;
  }
  .solution-advantages-content .item .left .left-content {
    padding-top: 70px;
  }
  .solution-operate-wrap {
    display: block;
    height: 22px;
  }
  .solution-advantages-content .tab-wrap {
    text-align: center;
    justify-content: center;
  }
  .solution-advantages-content .tab-wrap > span:not(.active),
  .solution-advantages-content .tab-wrap .line {
    display: none;
  }
  .solution-advantages-item-wrap {
    padding: 0 0 40px;
  }
  .resources-wrap.inside.new-inside {
    padding-bottom: 40px !important;
  }
  .solution-advantages-content .tab-wrap span.active {
    color: #38393a !important;
  }
  .solution-advantages-content {
    position: relative;
    padding-bottom: 16px;
  }
  .solution-advantages-content::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 120px;
    height: 4px;
    background-color: rgba(56, 57, 58, .1);
    border-radius: 2px;
  }
  .solution-advantages-content::after {
    content: '';
    position: absolute;
    left: calc(50% - 40px);
    bottom: 0;
    transform: translateX(-50%);
    width: 40px;
    height: 4px;
    background-color: #1290d8;
    border-radius: 2px;
    margin-left: 0;
    transition: left .3s linear;
  }
  .solution-advantages-content[data-value='2']::after {
    left: calc(50%);
  }
  .solution-advantages-content[data-value='3']::after {
    left: calc(50% + 40px);
  }
  .resources-wrap .resources-content .right .right-content ul {
    display: block;
  }
  .resources-wrap .resources-content .right .right-content ul li {
    margin: 0 !important;
  }
  .resources-wrap .resources-content .right .right-content ul li + li {
    margin-top: 12px !important;
  }
  .resources-wrap .resources-content .right a,
  .buy-now .row a.button {
    margin: 0 auto;
    width: 156px;
    height: 32px;
  }
  .solution-advantages-content .item .left p {
    margin-top: 20px;
  }
  .resources-wrap .resources-content .left h3 {
    width: 100%;
    text-align: center;
    left: 0;
    font-size: 22px !important;
  }
  .solution-advantages-item-wrap .item-wrap {
    padding: 0 40px;
  }
}
@media (max-width: 680px) {
  :root {
    --ai-top: 8.5vw;
    --ai-bottom: 39.5vw;
    --ai-margin-top: -6.8vw;
    --ai-small-top: 3.9vw;
    --ai-small-bottom: 15.3vw;
    --ai-small-margin: -2.3vw;
  }
}
@media (max-width: 600px) {
  :root {
    --ai-top: 64px;
    --ai-bottom: 226px;
    --ai-margin-top: -9.8%;
    --ai-small-top: 11%;
    --ai-small-bottom: 75%;
    --ai-small-margin: -3%;
  }
  .overview-content-wrap .item-wrap .item {
    max-width: calc(50% - 12px);
    min-width: calc(50% - 12px);
  }
  .buy-now p {
    padding: 0 20px;
  }
}
@media (max-width: 580px) {
  :root {
    --ai-margin-top: -10%;
  }
}
@media (max-width: 560px) {
  :root {
    --ai-margin-top: -10.5%;
  }
}
@media (max-width: 550px) {
  :root {
    --ai-margin-top: -10.8%;
    --ai-small-top: 10.5%;
  }
}
@media (max-width: 540px) {
  :root {
    --ai-margin-top: -11%;
  }
}
@media (max-width: 530px) {
  :root {
    --ai-margin-top: -11.2%;
    --ai-small-top: 10%;
  }
}
@media (max-width: 520px) {
  :root {
    --ai-margin-top: -11.5%;
  }
}
@media (max-width: 517px) {
  :root {
    --ai-margin-top: -11.6%;
    --ai-small-top: 9.9%;
  }
}
@media (max-width: 510px) {
  :root {
    --ai-margin-top: -12%;
    --ai-small-top: 9.5%;
  }
}
@media (max-width: 500px) {
  :root {
    --ai-margin-top: -12.2%;
  }
}
@media (max-width: 490px) {
  :root {
    --ai-margin-top: -12.3%;
  }
}
@media (max-width: 480px) {
  :root {
    --ai-margin-top: -12.9%;
    --ai-small-top: 9%;
  }
}
@media (max-width: 460px) {
  :root {
    --ai-margin-top: -13.5%;
    --ai-small-top: 8.8%;
  }
}
@media (max-width: 440px) {
  :root {
    --ai-margin-top: -15.5%;
    --ai-small-top: 8.7%;
  }
}
@media (max-width: 430px) {
  :root {
    --ai-margin-top: -14%;
  }
}