.side-bar{
    z-index: 99999999999;
}
/* banner */
.banner-sec{
	background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/30th-banner-bg.jpg) center center no-repeat;
	background-size: cover;
	width: 100%;
	position: relative;
    z-index: 1;
}
.banner-sec .inner{
	max-width: 1220px;
	margin: 0 auto;
	padding-top: 40px;
}
.banner-sec .inner h1{
    width: 555px;
    height: 300px;
    background-image: url('//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/30th-banner-tt.png');
    background-repeat: no-repeat;
    background-size: cover;
    /* 隐藏文字 */
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 auto;
}
.banner-sec .inner .tx{
	text-align: center;
	max-width: 765px;
	margin: 0 auto;
}
.banner-sec .inner .tx p{
	font-size: 18px;
	line-height: 1.5;
        margin-bottom: 0px;
}
.banner-sec .inner img{
    width: 80%;
    max-width: 910px;
    margin: 0 auto;
    display: block;
    padding-top: 50px;
    margin-left: 300px;
}
/* banner end */
/* key data */
	.key-data{
		background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/30th-key-data-bg.png) center center no-repeat;
		background-size: cover;
		width: 100%;
		margin-top: -136px;
	    position: relative;
	    z-index: 2;
	}
	.key-data .inner{
		max-width: 1220px;
		margin: 0 auto;
		display: flex;
		padding: 500px 0 100px 0;
		justify-content: space-around;
	}
	.key-data .inner .key-date-left img{
		width: 100%;
	    max-width: 600px;
	}
	.key-date-left, .key-date-right{
		width: 50%;
		position: relative;
        top: -100px;
	}
    .stats-wrap {
      display: grid;
      grid-template-columns: 1fr 1fr; /* 两列 */
      gap: 40px 0px;                 /* 行间距40 列间距60 */
      max-width: 600px;
      margin: 0 auto;
    }
    .stat-item {
      text-align: center;
    }
    .stat-number {
      font-size: 66px;
      font-weight: bold;
      color: #000;
      line-height: 1;
    }
    .stat-suffix {
      font-size: 28px;
      color: #000;
    }
    .stat-label {
      font-size: 18px;
      color: #000;
      margin-top: 10px;
    }
/* key data end */
/* case-studies */
.case-studies{
	background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/30th-case-studies-bg.png) center center no-repeat;
	background-size: cover;
	width: 100%;
	padding-top: 50px;
    clip-path: polygon(0% 91%, 100% 100%, 100% 0, 0 11%, 0% 100%);
	margin-top: -122px;
    position: relative;
    z-index: 999;
}
.case-studies .inner{
	max-width: 1220px;
	margin: 0 auto;
	padding: 150px 0 100px 0;
    text-align: center;
}
.case-studies .inner h2{
	font-size: 40px;
	font-weight: bold;
}
.case-studies-btn{
	background: #f0483e;
    padding: 12px 40px;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
}
    /* ===== 轮播外层容器 ===== */
    .testimonial-section {
      padding: 80px 40px 60px;
      max-width: 1100px;
      margin: 0 auto;
      position: relative;
    }

    /* ===== Slick 整体样式重置 ===== */
    .slick-slider {
      position: relative;
      z-index: 2;
    }

    .slick-list {
      /*overflow: visible; */      /* 让箭头按钮不被裁切 */
    }

    .slick-track {
      display: flex !important;
    }

    .slick-slide {
      outline: none;
    }

    .slick-slide > div {
      display: flex;
    }

    /* ===== 单个 slide 内容（左右布局） ===== */
    .slide-content {
      display: flex !important;
      gap: 50px;
      align-items: flex-start;
      width: 100%;
      min-height: 360px;
    }

    /* ----- 左侧图片卡片 ----- */
    .card-left {
      flex-shrink: 0;
      width: 460px;
      height: 295px;
      border-radius: 24px;
      background: #0a0e1a;
      position: relative;
      overflow: hidden;
      cursor: pointer;
    }

    .card-left img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.85;
    }

    /* 左上角 logo 标识 */
    .card-badge {
      position: absolute;
      top: 18px;
      left: 22px;
      color: #fff;
      font-size: 13px;
      display: flex;
      align-items: center;
      gap: 6px;
      z-index: 2;
    }
    .card-badge span {
      color: #4fc3f7;
      font-weight: bold;
    }

    /* 播放按钮 */
    .zcsPlay_ani {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 52px;
      height: 52px;
      border-radius: 50%;
      background: rgba(255,255,255,0.15);
      backdrop-filter: blur(4px);
      border: 2px solid rgba(255,255,255,0.4);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    .zcsPlay_ani:hover {
      background: rgba(255,255,255,0.25);
      transform: translate(-50%, -50%) scale(1.08);
    }
    .zcsPlay_ani::after {
      content: "";
      border-style: solid;
      border-width: 10px 0 10px 16px;
      border-color: transparent transparent transparent #fff;
      margin-left: 4px;
    }

    /* 底部标签 */
    .card-tag {
      position: absolute;
      bottom: 14px;
      left: 18px;
      color: rgba(255,255,255,0.55);
      font-size: 12px;
      z-index: 2;
    }

    /* ----- 右侧文字区域 ----- */
    .text-right {
      flex: 1;
      padding-top: 10px;
      position: relative;
    }

    /* 品牌 logo */
    .brand-logo {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 28px;
    max-width: 115px;
    }
    .slide-7 .brand-logo{
       max-width: 100px;
   }
    .brand-logo-icon {
      width: 32px;
      height: 32px;
    }
    .brand-logo-name {
      font-size: 26px;
      font-weight: bold;
      letter-spacing: 0.5px;
      color: #1a73e8;
    }

    /* 引号 */
    .quote-mark {
      position: absolute;
      top: -6px;
      right: 25px;
      font-family: Georgia, serif;
      font-size: 140px;
      line-height: 1;
      color: #222;
      opacity: 0.9;
      user-select: none;
      pointer-events: none;
    background-size: 650px;
    width: 70px;
    height: 70px;
    background-position: 0px -30px;
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/30th-icon.png);
    }

    /* 评价正文 */
    .quote-text {
      font-size: 15px;
      line-height: 1.85;
      color: #333;
      max-width: 480px;
      position: relative;
      z-index: 1;
      text-align: justify;
    }
    .quote-text p.cx-company, .quote-text p.cx-title, .quote-text p.cx-name{
      margin-bottom: 0;
      font-size: 15px;
    }
    .quote-text .zy{
    	font-size: 18px;
    	line-height: 1.4;
    	padding-bottom: 20px;
    }
    .quote-text p.cx-title{

    }
    /* ===== 左右箭头按钮 ===== */
    .slick-arrow {
      position: absolute;
      top: 35%;
      transform: translateY(-50%);
      z-index: 10;
      width: 44px;
      height: 44px;
      border-radius: 13px;
      background: #fff;
      border: 1px solid #ddd;
      cursor: pointer;
      display: flex !important;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 16px rgba(0,0,0,0.08);
      transition: all 0.25s ease;
    }
    .slick-arrow:hover {
      background: #f7f7f7;
      box-shadow: 0 6px 20px rgba(0,0,0,0.12);
      transform: translateY(-50%) scale(1.06);
    border-color: #333;
    }
    .slick-arrow:focus {
      outline: none;
    }

    .slick-prev {
      left: -60px;
    }
    .slick-next {
      right: -60px;
    }

    /* 箭头图标（用 CSS 绘制） */
    .slick-prev::before,
    .slick-next::before {
      content: "" !important;
      width: 10px;
      height: 10px;
      border-top: 2.5px solid #666;
      border-left: 2.5px solid #666;
      display: block;
      transition: border-color 0.2s;
      background: none;
    }
 .slick-prev:after, .slick-next:after{
      background: none;
}
    .slick-prev::before {
      transform: rotate(-45deg) translate(2px, 2px);
    }
    .slick-next::before {
      transform: rotate(135deg) translate(2px, 2px);
    }
    .slick-prev:hover::before,
    .slick-next::before {
      border-color: #333;
    }
.slick-next:hover::before{
      border-color: #333;
}
 .slick-next::before{
      border-color: #999;
}
.slick-prev:before {
    top: 16px;
    left: 15px;
      border-color: #999;
}
.slick-prev:hover::before{
      border-color: #333;
}
.slick-next:before{
    top: 16px;
    left: 17px;
}
.slick-next:hover:after, .slick-next:hover:before, .slick-prev:hover:after, .slick-prev:hover:before{
    background: #ffffff;
}

    /* ===== 小圆点分页 ===== */
    .slick-dots {
      bottom: -30px !important;
    }
    .slick-dots li button {
      width: 11px !important;
      height: 11px !important;
      border-radius: 50% !important;
      background: #ccc !important;
      opacity: 1 !important;
      transition: all 0.3s !important;
    }
    .slick-dots li.slick-active button {
      background: #888 !important;
      transform: scale(1.15);
    }
.slick-dots li{
    background: #ffffff;
    width: 10px;
    height: 10px;
}
.slick-dots li.slick-active{
    background: #ffffff;
    width: 16px;
    height: 16px;
    border: 1px solid #ffffff;
    position: relative;
    top:2px;
}
    /* ===== 响应式 ===== */
    @media (max-width: 800px) {
      .slide-content {
        flex-direction: column;
        gap: 30px;
        min-height: auto;
      }
      .card-left {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
      }
      .text-right {
        padding-top: 0;
        text-align: center;
      }
      .brand-logo {
        justify-content: center;
      }
      .quote-text {
        max-width: 100%;
        text-align: left;
      }
      .quote-mark {
        top: -60px;
        right: 0;
        font-size: 80px;
      }
      .slick-prev { left: -10px; }
      .slick-next { right: -10px; }
    }
/* case-studies end*/
/* customers logo */
.customers-logo{
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 70px;
}
.customers-logo .mob-customers-logo{
    display: none;
}
/* customers logo end*/
/* Service Team */
.service-team{
  background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/zoho_general_pages/30th-service-team-bg.png) center center no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 156px;
  clip-path: polygon(100% 91%, 0% 100%, 0% 0, 100% 11%, 100% 100%);
  margin-top: 30px;
  padding-bottom: 120px;
}
.service-team .inner{
  max-width: 1140px;
  margin:0 auto;
}
.service-team .inner h2{
    font-size: 40px;
    text-align: center;
    line-height: 1.3;
    font-weight: bold;
}
.service-team .inner .service-team-con{
  display: flex;
  padding-top: 60px;
}
.service-team .inner .service-team-con .service-team-left{
  width: 40%;
  max-width: 500px;
      padding: 60px 30px 0 80px;
}
.service-team .inner .service-team-con .service-team-right{
     width: 60%;
    text-align: center;
}
.service-team .inner .service-team-con .service-team-left h4{
  font-size: 26px;
  position: relative;
  padding-left: 15px;
    font-weight: bold;
}
.service-team .inner .service-team-con .service-team-left h4:after{
    content: "";
    display: inline-block;
    width: 2px;
    height: 22px;
    background: #df2829;
    position: absolute;
    top: 7px;
    left: 0;
}
.service-team .inner .service-team-con .service-team-left .zb p, .service-team .inner .service-team-con .service-team-left .bsc ul li{
      font-size: 16px;
    background-color: #fff;
    display: inline-block;
    padding: 4px 14px 4px 32px;
    border-radius: 20px;
    border: 1px solid #000;
        position: relative;
        margin-bottom: 12px;
            width: 80px;
    display: inline-block;

}
.service-team .inner .service-team-con .service-team-left .zb{
    margin-bottom: 12px;
}
.service-team .inner .service-team-con .service-team-left .bsc ul li{
    margin-right: 10px;
}
.service-team .inner .service-team-con .service-team-left .zb p:after, .service-team .inner .service-team-con .service-team-left .bsc ul li:after{
    content: "";
    display: block;
    background-image: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/30th-icon.png);
    background-size: 620px;
    background-position: -5px -4px;
    position: absolute;
    width: 20px;
    height: 28px;
    top: 3px;
    left: 6px;
}
.service-team .inner .service-team-con .service-team-right img{
  max-width: 460px;

}
/* Service Team End*/
/* Awards and Safety */
.awards-and-safety .inner{
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
.awards-and-safety .inner h2{
    font-size: 40px;
    text-align: center;
    line-height: 1.3;
    font-weight: bold;
}
.awards-and-safety .inner .awards-and-safety-mobile{
    display: none;
}
.awards-and-safety .inner .awards-section ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-top: 50px;
}
.awards-and-safety .inner .awards-section ul li .star{
  background:url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/30th-icon.png) no-repeat;
  background-size: 600px;
  width: 100px;
  height: 25px;
  display: block;
  background-position: -94px -6px;
}
.awards-and-safety .inner .awards-section ul li .cicon{
  font-family: var(--primaryfont-semibold);
    padding: 10px 0 10px 50px;
    position: relative;
    overflow: visible;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    margin-top: 12px;
}
.awards-and-safety .inner .awards-section ul li{
  display: flex;
    flex-direction: column;
    align-items: center;
}
.awards-and-safety .inner .awards-section ul li .cicon:after{
  content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 45px;
    height: 50px;
    background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/30th-icon.png) no-repeat;
    background-size: 600px;
}
.awards-and-safety .inner .awards-section ul li .cicon.pcmag:after{
    background-position: -87px -32px;
}
.awards-and-safety .inner .awards-section ul li .cicon.capterra:after{
    background-position: -144px -32px;
}
.awards-and-safety .inner .awards-section ul li .cicon.g2crowd:after{
    background-position: -198px -32px;
}
.awards-and-safety .inner .awards-section ul li .cicon.forbes:after{
    background-position: -4px -87px;
    width: 100px;
    position: absolute;
    left: -35px;
}
.awards-and-safety .inner .awards-section ul li .cicon.nucleusresearch:after{
    background-position: -118px -87px;
    width: 118px;
    position: absolute;
    left: -41px;
}
.awards-and-safety .inner .safety img{
    max-width: 1136px;
    margin: 0 auto;
    display: block;
    position: relative;
    left: -8px;
    padding-top: 15px;
}
/* Awards and Safety End*/
/* Chronology */
.chronology{
    position: relative;
    border-radius: 4px;
    /*padding: 90px 28px 48px 28px;*/
    margin-right: 16px;
    /*min-height: 400px;*/
    min-height: 350px;
    padding-top: 90px;
    padding-bottom: 48px;
}
.chronology .inner{
   /* max-width: 1220px;
    margin: 0 auto;*/
    padding-bottom: 100px;
}
.chronology .inner h2{
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}
  .zwc-slt-slider{
    margin-top: 64px;
position: relative;
    margin-left: 22%;
  }
  .zwc-slt-slider h3{
    position: relative;
    font-size: var(--h3-font-1);
    letter-spacing: -0.48px;
    min-height: 52px;
  }
  .zwc-slt-slider h3:before{
    content: "";
    margin-bottom: 22px;
  }
  .zwc-slt-slider .zwc-slt-cnt:first-child h3:before{
    background-position: -421px -38px;
    width: 33px;
    height: 42px;
  }
  .zwc-slt-slider .zwc-slt-cnt:nth-child(2) h3:before{
    background-position: -456px -38px;
    width: 38px;
    height: 42px;
  }
  .zwc-slt-slider .zwc-slt-cnt:nth-child(3) h3:before{
    background-position: -496px -38px;
    width: 38px;
    height: 42px;
  }
  .zwc-slt-slider .zwc-slt-cnt:nth-child(4) h3:before{
    background-position: -539px -38px;
    width: 55px;
    height: 42px;
  }
  .zwc-slt-slider .zwc-slt-cnt:nth-child(5) h3:before{
    background-position: -595px -38px;
    width: 39px;
    height: 42px;
  }
  .zwc-slt-slider .zwc-slt-cnt:nth-child(6) h3:before{
    background-position: -636px -38px;
    width: 39px;
    height: 42px;
  }
  .zwc-slt-slider h3 span{
    display: block;
  }
  .zwc-slt-slider p{
    font-size: var(--p-font-2);
    letter-spacing: -0.32px;
  }
  .zwc-slt-slider a {
    position: absolute;
    bottom: 40px;
    left: 32px;
    width: auto;
    height: auto;
    z-index: 1;
}
.zwc-slt-slider .slick-next, .zwc-slt-slider .slick-prev {
    top: 440px;
}
.zwc-slt-slider .slick-prev {
    left: unset;
    right: 250px;
}
.zwc-slt-slider .slick-next {
    right: 185px;
}
.zwc-slt-slider .slick-prev:before,.zwc-slt-slider .slick-next:before{
    height: 37px;
    width: 36px;
    background-position: -291px -35px;
    transform: none;
    top: 0;
    left: 0;
}
.zwc-slt-slider .slick-prev:before {
    transform: rotate(180deg);
}
.zwc-slt-slider .slick-next:after,.zwc-slt-slider .slick-prev:after{
    display: none;
}
.chronology .zwc-slt-cnt-inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 20px;
    border: 1px solid #000;
    border-radius: 14px;
    height: 330px;
    flex-flow: column;
    justify-content: center;
}
.chronology .zwc-slt-cnt {
    margin-right: 30px;
    position: relative;
}
.chronology .zwc-slt-cnt-inner img{
    max-width: 110px;
}
.chronology .zwc-slt-cnt.year2007 .zwc-slt-cnt-inner img{
    max-width: 70px;
}
.chronology .zwc-slt-cnt.year2007 .zwc-slt-cnt-inner p{
    padding-top: 14px;
}
.year2006 .zwc-slt-cnt-inner .bottom-img {
    max-width: 126px;
    bottom: -30px;
}
.zwc-slt-cnt{
    font-size: 24px;
    color: #fcc632;
    line-height: 1.8;
}
.zwc-slt-cnt-inner img{
   max-width: 90px;
}
.zwc-slt-cnt-inner p{
    font-size: 17px;
    line-height: 1.3;
    text-align: center;
    color: #343434;
    padding-top: 30px;
}
.zwc-slt-slider .slick-prev:before, .zwc-slt-slider .slick-next:before{
background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/30th-icon.png) no-repeat;
    background-size: 680px auto;
    display: block;
height: 42px;
    width: 42px;
    border: none;
}
.zwc-slt-slider .slick-prev:before{
    background-position:-332px -44px;
    transform: none;
    top: 0;
    left: 0;
    transform: rotate(180deg);
}
 .zwc-slt-slider .slick-next:before{
    background-position: -332px -44px;
    transform: none;
    top: 0;
    left: 0;
}
 .zwc-slt-slider .slick-arrow:hover{
    background: none;
    box-shadow: none;
}
 .zwc-slt-slider .slick-arrow{
   background:none;
   border:0;
box-shadow:none;
}
.year2026 .zwc-slt-cnt-inner,.year2022 .zwc-slt-cnt-inner,.year2011 .zwc-slt-cnt-inner, .year2002 .zwc-slt-cnt-inner{
    background: #f8f6ff;
    border: 1px solid #ebe5ff;
}
.year2026 .zwc-slt-cnt-inner .zwc-slt-cnt-inner-top span, .year2022 .zwc-slt-cnt-inner .zwc-slt-cnt-inner-top span{
    color: #5b60b1;
    display: inline-block;
    position: relative;
    top: -9px;
}
.year2025 .zwc-slt-cnt-inner, .year2008 .zwc-slt-cnt-inner, .year2006 .zwc-slt-cnt-inner{
    background: #fff7f0;
    border: 1px solid #feecdc;
}
.year2025 .zwc-slt-cnt-inner img{
    width: 86px;
}
.year2024 .zwc-slt-cnt-inner, .year2019 .zwc-slt-cnt-inner, .year2005 .zwc-slt-cnt-inner{
    background: #f3fafd;
    border: 1px solid #dbf4ff;
}
.year2024 .zwc-slt-cnt-inner img, .year2021 .zwc-slt-cnt-inner img{
    max-width: 150px;
}
.year2023 .zwc-slt-cnt-inner, .year2020 .zwc-slt-cnt-inner, .year2016 .zwc-slt-cnt-inner, .year1996 .zwc-slt-cnt-inner{
    background: #f6fdf4;
    border: 1px solid #d4f0d4;
    position: relative; 
    overflow: hidden;   
}
.year2023 .hundred-million-user-2023-img{
    width: 100%;
    height: 170px;
    position: absolute;
    bottom: -20px;
    left: 0px;
    background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/zoho_general_pages/30th-chronology-2023bg.png) center bottom 17px no-repeat;
    background-size: contain;
}
.year2021 .zwc-slt-cnt-inner,.year2012 .zwc-slt-cnt-inner,.year2007 .zwc-slt-cnt-inner{
    background: #fffaec;
    border: 1px solid #f2e9d0;
}
.year2020 .zwc-slt-cnt-inner .bottom-img{
    max-width: 94%;
    position: absolute;
    bottom: 0px;
}
.year2019 .zwc-slt-cnt-inner .zwc-slt-cnt-inner-top span{
    color: #000;
}
.year2017 .zwc-slt-cnt-inner{
    background: #fed600;
    border: 1px solid #f2e9d0;
}
.year2017 .zwc-slt-cnt-inner p{
    max-width: 240px;
    margin-bottom: -22px;
}
.year2017 .zwc-slt-cnt-inner .bottom-img{
    max-width: 140px;
    position: relative;
    bottom: -50px;
}
.year2016 .zwc-slt-cnt-inner  .bottom-img{
    max-width: 115%;
    position: absolute;
    bottom: -216px;
}
.year2012 .zwc-slt-cnt-inner span{
    font-weight: bold;
    font-size: 15px;
}
.year2011 .zwc-slt-cnt-inner  .bottom-img{
    position: relative;
    bottom: -50px;
}
.year2007 .zwc-slt-cnt-inner .zwc-slt-cnt-inner-top{
    display: flex;
    flex-direction: column;
}
.year2007 .zwc-slt-cnt-inner .zwc-slt-cnt-inner-top img{
    max-width: 50px;
}
.year2007 .zwc-slt-cnt-inner .zwc-slt-cnt-inner-top span{
    font-size: 20px;
    color: #000;
}
 .year2006 .zwc-slt-cnt-inner img{
    max-width: 150px;
}
 .year2006 .zwc-slt-cnt-inner .bottom-img {
    max-width: 192px;
    position: relative;
    bottom: -26px;
}
.year2005 .zwc-slt-cnt-inner .bottom-img {
    max-width: 200px;
    position: relative;
    bottom: -40px;
}
.year2005 .zwc-slt-cnt-inner p{
    margin-bottom: 0px;
    padding-top: 15px;
}
 .year1996 .zwc-slt-cnt-inner p{
    font-size: 20px;
}
 .year1996 .zwc-slt-cnt-inner img{
    max-width: 200px;
    position: relative;
    bottom: -38px;
    right: -58px;
}
/* Chronology End*/
/* AI */
.ai-con{
    background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/zoho_general_pages/30th-ai-bg.png) center center no-repeat;
    width: 100%;
    padding: 120px 0 1000px 0;
    background-size: cover;
}
.ai-con .inner {
  max-width: 1160px;
  margin:0 auto;
}
.ai-con .inner h2{
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 38px;
}
.ai-con .inner .inner-bot{
  display: flex;
}
.ai-con .inner .inner-bot .left{
  background:url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/zoho_general_pages/30th-left-bg.png) no-repeat;
  width: 708px;
    background-size: cover;
    height: 403px;
        position: relative;
}
.ai-con .inner .inner-bot .left ul li{
  position: absolute;
}
.ai-con .inner .inner-bot .left ul li.item1{
top: 66px;
    left: 46px;
}
.ai-con .inner .inner-bot .left ul li.item2{
top: 176px;
    left: 126px;
}
.ai-con .inner .inner-bot .left ul li.item3{
  top: 290px;
    left: 46px;
}
.ai-con .inner .inner-bot .left ul li img{
width: 145px;
    display: block;
}
.ai-con .inner .inner-bot .right{
  padding-left: 30px;
}
.ai-con .inner .inner-bot .right ul li{
    display: flex;
    flex-direction: column;
    background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/zoho_general_pages/30th-right-bg.png) no-repeat;
    height: 107px;
    margin-bottom: 40px;
    background-size: 100% 100%;
    justify-content: center;
    padding: 0px 20px;
}
.ai-con .inner .inner-bot .right ul li p{
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 0;
}
.ai-con .inner .inner-bot .right ul li p span{
  font-size: 24px;
  font-weight: bold;
}
/* AI End*/
/* Bottom Part*/
.bottom-part{
  margin-top: -816px;
  padding-bottom: 100px;
}
.bottom-part .inner{
  width: 1220px;
  margin:0 auto;
  display: flex;
    flex-direction: column;
    align-items: center;
}
.bottom-part .inner img{
    display: block;
    width: 65%;
    max-width: 800px;
    margin: 0 auto;
}
.bottom-part .inner a.bottom-part-btn{
  color: #fff;
    font-size: 22px;
    background: #e42527;
    padding: 10px 30px;
    border-radius: 5px;
    margin-top: 50px;
transition: all 0.3s ease;
display: inline-block;
}
.bottom-part .inner a:hover{
transform: scale(1.05);
}
.bottom-part .inner ul{
      width: 90%;
    display: flex;
  justify-content: space-between; 
      gap: 20px;
      margin-top: 80px;
}
.bottom-part .inner ul li{
  flex: 1;
  border-radius: 14px;
  box-shadow: 0 0 17px #dadada;
  padding: 20px 20px 20px 100px;
  background: #fff;
  position: relative;
}
.bottom-part .inner ul li:after{
    content: "";
    display: block;
    background: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/30th-icon.png);
    position: absolute;
    top: 12px;
    left: 44px;
    width: 40px;
    height: 40px;
    background-size: 800px;
}
.bottom-part .inner ul li.li1:after{
    background-position: -36px 1px;
}
.bottom-part .inner ul li.li2:after{
    background-position: -262px 1px;
}
.bottom-part .inner ul li.li3:after{
    background-position: -78px -2px;
}
.bottom-part .inner ul li.li3 a{
    color: #696969;
}
.bottom-part .inner ul li p{
    margin-bottom: 0px;
}
.bottom-part .inner ul li .tt{
  font-size: 18px;
  margin-bottom: 6px;
}
.bottom-part .inner ul li .tx{
  font-size: 16px;
  color: #696969;
}
.bottom-part .inner ul li.li2 .tx p:nth-child(2){
padding-left: 86px;
}
/* Bottom Part End*/
@media only screen and (max-width:1440px){
.banner-sec .inner .tx p{font-size: 17px;}
.zwc-slt-slider{ margin-left: 120px;}
.key-data .inner{padding-top: 400px;}
}
@media only screen and (max-width:1300px){
.key-data .inner{max-width: 1040px;}
}
@media only screen and (max-width:1199px){
.key-data .inner, .customers-logo, .ai-con .inner,.case-studies .inner{max-width: 1000px;}
.ai-con .inner .inner-bot .left{height: 364px;}
.ai-con .inner .inner-bot .right ul li{height: 94px;}
.ai-con .inner .inner-bot .right ul li p{font-size: 16px;}
.ai-con .inner .inner-bot .right ul li p span{font-size: 22px;}
.ai-con .inner .inner-bot .left ul li.item1{top: 46px;}
.ai-con .inner .inner-bot .left ul li.item2{top: 156px;}
.ai-con .inner .inner-bot .left ul li.item3{top: 270px;}
.bottom-part .inner{max-width: 1020px;}
.bottom-part .inner ul{width: 100%;}
.bottom-part .inner ul li .tx{font-size: 15px;}
.quote-text{max-width: 360px;}
.quote-text .zy{font-size: 15px;}
.awards-and-safety .inner .safety img{max-width: 1010px;left: 0px;}
}
@media only screen and (max-width:1024px){
h2{font-size: 36px !important;}
.key-data .inner, .customers-logo, .ai-con .inner, .case-studies .inner{max-width: 890px;}
.key-data .inner{padding-top:350px;}
.service-team .inner .service-team-con .service-team-right img{max-width: 436px;}
.awards-and-safety .inner .safety img{max-width: 980px;left: 0px;}
.chronology .zwc-slt-cnt-inner{height: 280px;}
.ai-con .inner .inner-bot .left{height: 335px;}
.ai-con .inner .inner-bot .right ul li p{font-size: 14px;}
.ai-con .inner .inner-bot .right ul li p span{font-size: 17px;}
.ai-con .inner .inner-bot .right ul li{height: 84px;}
.ai-con .inner .inner-bot .left ul li img{width: 130px;}
.ai-con .inner .inner-bot .left ul li.item1{top: 36px;}
.ai-con .inner .inner-bot .left ul li.item2{top: 146px;}
.ai-con .inner .inner-bot .left ul li.item3{top: 256px;}
.bottom-part .inner{max-width: 950px;}
.bottom-part .inner ul li .tx{font-size: 14px;}
.bottom-part .inner ul li{padding: 20px 20px 20px 70px;}
.bottom-part .inner ul li::after{left: 20px;}
.bottom-part .inner a{font-size: 18px;}
.banner-sec .inner img{max-width: 716px;}
.banner-sec .inner{ padding-top: 0px;}
}
@media only screen and (max-width:991px){
.banner-sec .inner img{ max-width: 690px;}
.service-team .inner .service-team-con .service-team-right img{max-width: 410px;}
.service-team .inner .service-team-con .service-team-left{padding-top: 30px;}
.banner-sec .inner{ max-width: 800px;}
.banner-sec .inner img{margin: 0 auto;}
.testimonial-section{max-width: 756px;}
.card-left{width: 350px; height: 225px;}
.awards-and-safety .inner .safety img{max-width: 820px;}
.bottom-part .inner{max-width: 770px;}
.bottom-part .inner ul li .tx{font-size: 12px;}
.bottom-part .inner ul li .tt{font-size: 16px;}
.ai-con .inner .inner-bot .left {height: 265px;  width: 466px;}
.ai-con .inner .inner-bot .right ul li {height: 61px;}
.bottom-part .inner ul li.li2 .tx p:nth-child(2) {  padding-left: 0px;}
}
@media only screen and (max-width:768px){
 h2 {font-size: 32px !important;}
.banner-sec .inner img{ margin: 0 auto;}
.key-data{margin-top: -66px;}
.key-data .inner, .customers-logo, .ai-con .inner, .case-studies .inner{ max-width: 680px;}
.case-studies .slide-content{align-items: center;}
.quote-mark{top: 10px;}
.service-team .inner .service-team-con{flex-direction: column;align-items: center;}
.service-team .inner .service-team-con .service-team-left{width: 100%;  max-width: none;}
.service-team .inner .service-team-con .service-team-right{ padding-top: 50px;}
.awards-and-safety .inner{max-width: 700px;}
.awards-and-safety .inner .awards-and-safety-mobile{display: block;}
.awards-and-safety .awards-and-safety-con{display: none;}
.ai-con .inner .inner-bot{flex-direction: column; align-items: center;}
.ai-con .inner .inner-bot .left{width: 580px; height: 329px;}
.bottom-part .inner ul{flex-direction: column;}
.bottom-part .inner ul {width: 300px;}
.ai-con .inner .inner-bot .right{width: 580px;  text-align: center; margin-top: 20px; padding-left: 0px;}
.bottom-part .inner{max-width: 760px;}
.bottom-part .inner ul li.li2 .tx p:nth-child(2) {  padding-left: 76px;}
.banner-sec .inner .tx{ max-width: 639px;}
.service-team{clip-path: polygon(100% 91%, 0% 100%, 0% 0, 100% 8%, 100% 100%);}
.case-studies{clip-path: polygon(-22% 91%, 100% 100%, 100% 4%, 0% 11%, 0% 100%);}
.stat-number{font-size: 50px;} 
.chronology .zwc-slt-cnt-inner { height: 282px;}
.customers-logo .mob-customers-logo{display: block;width: 90%; margin: 0 auto;}
.customers-logo .web-customers-logo{  display: none;}
}
@media only screen and (max-width: 480px) {
.banner-sec .inner h1{ width: 320px;  height: 180px;}
.banner-sec .inner .tx p {font-size: 15px; }
 .banner-sec .inner .tx {max-width: 390px;  }
.key-data .inner{    flex-direction: column;align-items: center;}
.key-date-left, .key-date-right{ width: 70%;}
.key-date-right{ margin-top: 50px;}
 h2 { font-size: 24px !important; }
.testimonial-section{padding-top: 20px;} 
.card-left { width: 316px; height: 203px; }
.text-right{width: 70%;}
.quote-mark{ display: none;}
.service-team .inner .service-team-con .service-team-right img { max-width: 256px; }
.awards-and-safety .inner .awards-and-safety-mobile{max-width: 400px;  margin: 0 auto;}
.ai-con .inner .inner-bot .left {  width: 360px;  height: 204px;}
.ai-con .inner .inner-bot .left ul li img {width: 100px;}
.ai-con .inner .inner-bot .left ul li.item1 { top: 27px; }
.ai-con .inner .inner-bot .left ul li.item2 { top: 88px; left: 46px; }
.ai-con .inner .inner-bot .left ul li.item3 { top: 148px; }
.bottom-part .inner {max-width: 450px; }
.ai-con .inner .inner-bot .right{  width: 356px;}
.ai-con{ padding: 20px 0 860px 0;}
.bottom-part .inner ul{margin-top: 44px;}
.case-studies{ margin-top: -190px;}
.case-studies .inner{    padding-bottom: 156px;}
.case-studies{clip-path: polygon(-22% 100%, 100% 100%, 100% 4%, 0% 11%, 0% 100%);}
.service-team{clip-path: polygon(100% 91%, 0% 100%, 0% 0, 100% 0%, 100% 100%);}
.service-team .inner .service-team-con{    padding-top: 0px;}
.service-team .inner .service-team-con .service-team-left h4{    font-size: 20px;}
.service-team .inner .service-team-con .service-team-left h4:after{    top: 4px;}
.awards-and-safety .inner{    padding-top: 20px;}
.zwc-slt-slider { margin-left: 60px;}
.zwc-slt-slider .slick-next { right: 28px;}
.zwc-slt-slider .slick-prev {  right: 99px;}
.zwc-slt-slider .slick-next, .zwc-slt-slider .slick-prev {   top: 380px;}
.ai-con .inner .inner-bot .left ul li.item1,.ai-con .inner .inner-bot .left ul li.item2,.ai-con .inner .inner-bot .left ul li.item3{  left: 35px;}
.service-team .inner .service-team-con .service-team-left .zb p, .service-team .inner .service-team-con .service-team-left .bsc ul li{    font-size: 15px;    width: 82px;}
}
@media only screen and (max-width:420px){
    .banner-sec .inner .tx {
        max-width: 338px;
    }
.slick-dots {
    bottom: 0px !important;
}
.testimonial-section{        padding-bottom: 10px;}
    .bottom-part .inner {
        max-width: 380px;
    }
    .bottom-part .inner a {
        font-size: 16px;
    }
.bottom-part .inner ul li.li3 .tx{
    font-size: 14px;
}
}