/*mobile new banner*/
.views-display-home-dynews .banner-word a.bgColorBlack {
    border-color: #423D42 !important;
    background: rgba(0, 0, 0, 0) !important;
    color: #38393a !important;
}
.views-display-home-dynews .banner-word a.bgColorBlack:after {
    border-color: #423D42 !important;
}
.views-display-home-dynews .banner-word a.bgColorBlack:hover {
   background: #E8362D !important;
   border-color: #E8362D !important;
   color: #fff !important;
}
.views-display-home-dynews .banner-word a.bgColorBlack:hover:after {
    border-color: #fff !important;
}
.views-display-home-dynews .banner-word.bg-white-blue  a.colorBlack {
  border-color: #495a63 !important;
  background: #fff !important;
}
.views-display-home-dynews .banner-word.bg-white-blue  a.colorBlack:after {
  border-color: #495a63 !important;
}
.views-display-home-dynews .banner-word.bg-white-blue  a.colorBlack:hover {
  background: #3a5d87 !important;
  border-color: #3a5d87 !important;
  color: #fff !important;
}
.views-display-home-dynews .banner-word.bg-white-blue  a.colorBlack:hover:after {
  border-color: #fff !important;
}
.views-display-home-dynews .banner-word.bg-light-brown a.colorBlack {
    border-color: #495a63 !important;
    background: #fff !important;
}
.views-display-home-dynews .banner-word.bg-light-brown a.colorBlack:hover {
    border-color: #826f68 !important;
    background: #826f68 !important;
    color: #fff !important;
}
.views-display-home-dynews .banner-word.bg-light-brown a.colorBlack:after {
    border-color: #495a63 !important;
}
.views-display-home-dynews .banner-word.bg-light-brown a.colorBlack:hover:after {
    border-color: #fff !important;
}
.views-display-home-dynews .banner-word a.bgColorWhite {
    border-width: 1px !important;
    box-sizing: border-box;
}
.views-display-home-dynews .banner-word a.bgColorWhite:hover {
    box-shadow: none !important;
    border-color: #fff !important;
    background: rgba(255, 255, 255, .9) !important;
}
.views-display-home-dynews .bg-ew-banner-wrap img {
  display: block;
  width: auto;
  height: 80px;
  margin-bottom: 16px !important;
}
.views-display-home-dynews .bg-ew-banner-wrap .ew-bg-blue {
  background-color:  #195195;
}
.views-display-home-dynews .bg-ew-banner-wrap .ew-bg {
  display: inline-block;
  padding: 5px 0;
  border-radius: 6px;
  color: #fff !important;
}
.views-display-home-dynews .bg-ew-banner-wrap h1 .ew-bg-blue  {
  padding: 8px 18px;
}
.views-display-home-dynews .bg-ew-banner-wrap .ew-bg-red {
  background-color:  #D04B9C;
}
.views-display-home-dynews .bg-ew-banner-wrap .ew-bg > span {
  padding: 0 18px;
}
.views-display-home-dynews .bg-ew-banner-wrap p:nth-of-type(1) {
  margin-bottom: 12px !important;
}
.views-display-home-dynews .bg-ew-banner-wrap .ew-bg > span:not(:last-child) {
  border-right: 1px solid #fff;
}
.views-display-home-dynews .bg-ew-banner-wrap a {
  margin-top: 20px;
}
.views-display-home-dynews .bg-ew-banner-wrap a:hover {
  background: #fff !important;
  color:  #333 !important;
  border-color: #495a63 !important;
}
.views-display-home-dynews .bg-ew-banner-wrap a:hover:after {
  border-color: #495a63 !important;
}
.views-display-home-dynews .esp32-c6-banner.new-banner-word-up p {
    max-width: 100%;
}
.views-display-home-dynews .esp-meet-espressif-banner {
  height: 100%;
  display: flex;
  align-items: center;
}
.views-display-home-dynews .esp-meet-espressif-banner-logo {
  position: absolute;
  top: 40px;
  display: flex;
  align-items: center;
}
.views-display-home-dynews .esp-meet-espressif-banner .blue {
  color: #54B9E7;
}
.views-display-home-dynews .esp-meet-espressif-banner p span {
  display: inline-block;
  box-sizing: border-box;
  line-height: 1;
  color: #fff !important;
}
.views-display-home-dynews .esp-meet-espressif-banner p.date  {
  display: flex;
  align-items: center;
}
.views-display-home-dynews .esp-meet-espressif-banner p.date img {
  height: 26px;
  width: auto;
  margin-right: 10px;
}
.views-display-home-dynews .esp-meet-espressif-banner p.date span {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.views-display-home-dynews .esp-meet-espressif-banner p.date span:first-child {
  margin-right: 16px;
}
.views-display-home-dynews .esp-meet-espressif-banner p.desc {
  margin-top: 12px !important;
}
.views-display-home-dynews .esp-meet-espressif-banner p.desc span {
  display: block;
  color: #54B9E7 !important;
  line-height: 1.425 !important;
}
.views-display-home-dynews .esp-meet-espressif-banner p.desc span:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #54B9E7;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 10px;
}
.views-display-home-dynews .esp-home-iot-solutions p.logo  {
  margin-bottom: 38px;
}
.views-display-home-dynews .esp-home-iot-solutions p.logo img {
  height: 32px;
  width: auto;
}
.views-display-home-dynews .esp-home-iot-solutions p.location-logo,
.views-display-home-dynews .esp-home-iot-solutions p.date-logo {
  display: flex;
  align-items: center;
}
.views-display-home-dynews .esp-home-iot-solutions p.location-logo img,
.views-display-home-dynews .esp-home-iot-solutions p.date-logo img {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
}
.views-display-home-dynews .embedded-world-2023-wrap .embedded-world-2023-logo,
.views-display-home-dynews .embedded-world-2023-wrap .embedded-world-2023-title {
  display: inline-block;
  vertical-align: middle;
}

.views-display-home-dynews .embedded-world-2023-wrap .embedded-world-2023-logo img {
    width: 86px;
    height: auto;
    margin-right: 18px;
}

.views-display-home-dynews .embedded-world-2023-wrap .embedded-world-2023-title {
  padding-top: 7px;
}

.views-display-home-dynews .embedded-world-2023-wrap .embedded-world-2023-title span {
  display: block;
  color:  #fff;
}

.views-display-home-dynews .embedded-world-2023-wrap .embedded-world-2023-title span:first-child{
  color:  #1B4094

}
.views-display-home-dynews .embedded-world-2023-wrap .embedded-world-2023-content span {
  display: block;
  color: #F3E9FF;
}
.views-display-home-dynews .embedded-world-2023-wrap .embedded-world-2023-content span:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #F3E9FF;
  vertical-align: middle;
  margin-right: 12px;
  margin-top: -4px;
}

.views-display-home-dynews .embedded-world-2023-wrap a {
  color: #F3E9FF;
  border-color: #F3E9FF;
  margin-right: 12px;
}
.views-display-home-dynews .embedded-world-2023-wrap a:after {
  border-color: #F3E9FF;
}
.views-display-home-dynews .embedded-world-2023-wrap a:hover {
  color: #333;
}
.views-display-home-dynews .embedded-world-2023-wrap a:hover:after {
  border-color: #333
}
.views-display-home-dynews .esp-now-home-banner a.blue-border{
    border-color: #1290D8 !important;
    color: #333 !important;
    background-color: transparent !important;
}
.views-display-home-dynews .esp-now-home-banner a.blue-border:after {
    border-color: #333;
}
.views-display-home-dynews .esp-now-home-banner a.blue-border:hover{
    border-color: #1290D8 !important;
    color: #fff !important;
    background-color: #1290D8 !important;
}
.views-display-home-dynews .esp-now-home-banner a.blue-border:hover:after {
    border-color: #fff;
}
.views-display-home-dynews .bg-light-brown.espressif-home-guangzhou-banner a:hover {
  background-color: #fff !important;
  color: #333 !important;
}
.views-display-home-dynews .bg-light-brown.espressif-home-guangzhou-banner p span:nth-child(2) {
    padding-top: 6px;
    box-sizing: border-box
}
.views-display-home-dynews .new-banner-bg.ces-2024-banner-wrap .ces-2024-banner-icon {
    display: flex;
    align-items: center;
    color:  #fff !important;
}
.views-display-home-dynews .new-banner-bg.ces-2024-banner-wrap h2 {
    margin-bottom: 2px !important;
}
.views-display-home-dynews .new-banner-bg.ces-2024-banner-wrap .ces-2024-banner-icon img {
    display: inline-block;
    vertical-align: middle;
    width: auto !important;
    height: 23px !important;
    margin-right: 12px;
}
.views-display-home-dynews .new-banner-bg.ces-2024-banner-wrap .ces-2024-banner-blue.first {
    margin-top: 20px;
}
.views-display-home-dynews .new-banner-bg.ces-2024-banner-wrap .ces-2024-banner-blue {
    position: relative;
    color: #fff !important;
    padding-left: 18px;
}
.views-display-home-dynews .new-banner-bg.ces-2024-banner-wrap .ces-2024-banner-blue:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    background-color: #fff;
    border-radius: 50%;

}
.views-display-home-dynews .new-banner-bg.ces-2024-banner-wrap a.bgColorWhite {
    background-color: transparent !important;
    border-color: #fff !important;
    color: #fff !important;
}
.views-display-home-dynews .new-banner-bg.ces-2024-banner-wrap a.bgColorWhite:hover {
    background-color: #fff !important;
    color: #0B9AB2 !important;
}
@media (max-width: 1170px) {
  .views-display-home-dynews .bg-ew-banner-wrap .ew-bg {
    background-color: transparent !important;
    color:  #333 !important;
    padding: 0;
  }
  .views-display-home-dynews .bg-ew-banner-wrap h1 .ew-bg-blue,
  .views-display-home-dynews .bg-ew-banner-wrap .ew-bg > span {
    padding: 0 8px;
  }

  .views-display-home-dynews .bg-ew-banner-wrap .ew-bg > span:not(:last-child) {
    border-color: #333;
  }
  .views-display-home-dynews .bg-ew-banner-wrap .ew-bg span {
    color:  #333 !important;
  }
  .views-display-home-dynews .new-banner-bg.ces-2024-banner-wrap .ces-2024-banner-blue  {
    display: none !important;
  }

}
@media (max-width: 768px) {
    .views-display-home-dynews .new-banner .flexslider {
        height: auto !important;
    }
    .views-display-home-dynews .new-banner li.bn-left-center .banner-word,
    .views-display-home-dynews .new-banner .banner-word,
    .views-display-home-dynews .new-banner li.espEyeBanner .bg-dark-blue  {
        position: relative;
        top: -1px !important;
        transform: translateY(0);
        margin: 0;
        padding: 20px 0 40px;
        text-align: center;
        min-height: 200px;
        display: flex;
        align-items: center;
    }
    .views-display-home-dynews .new-banner li.bn-left-center .banner-word .content,
    .views-display-home-dynews .new-banner .banner-word .content,
    .views-display-home-dynews .new-banner li.espEyeBanner .bg-dark-blue .content {
        width: 100%;
        text-align: center;

    }
    .views-display-home-dynews .banner-word.bg-white {
        background-image: linear-gradient(to right, rgb(20, 50, 70), #2790AC,rgb(20, 50, 70));
    }
    .views-display-home-dynews .banner-word.esp32-s3-gradient {
        background: linear-gradient(to right, #aaa5b6, #1e437b);
    }
    .views-display-home-dynews .banner-word.esp32-c3-gradient {
        background: linear-gradient(to right, #56c4d6, #3aa5bd);
    }
    .views-display-home-dynews .banner-word.esp32-c3-gradient h1.black,
    .views-display-home-dynews .banner-word.esp32-c3-gradient p.black,
    .views-display-home-dynews .banner-word.esp32-c3-gradient a.colorBlack {
        color:  #fff !important;
    }
    .views-display-home-dynews .banner-word.esp32-c3-gradient a.borderColorBlack,
    .views-display-home-dynews .banner-word.esp32-c3-gradient a.borderColorBlack:after {
        border-color:  #fff !important;
    }
    .views-display-home-dynews .banner-word.esp32-c3-gradient a.borderColorBlack:hover {
        background: #fff !important;
        color:  #333 !important;
    }
    .views-display-home-dynews .banner-word.esp32-c3-gradient a.borderColorBlack:hover:after {
        border-color:  #333 !important;
    }
    .views-display-home-dynews .banner-word.bg-gray {
        background: rgb(229, 229, 229);
    }
    .views-display-home-dynews .banner-word.bg-light-blue {
        background: rgb(229, 237, 241);
    }
    .views-display-home-dynews .banner-word.bg-light-black {
        background: linear-gradient(to right, rgb(30, 39, 67), rgb(55, 62, 83));
    }
    .views-display-home-dynews .banner-word.bg-dark-blue {
        background: linear-gradient(to right, rgb(66, 74, 134), rgb(21, 29, 78));
    }
    .views-display-home-dynews .banner-word.bg-white-blue {
        background: linear-gradient(to right, #8baec9, #5f8dce);
    }
    .views-display-home-dynews .banner-word.bg-light-brown.esp-now-home-banner {
        background: #e8e8e8;
    }
    .views-display-home-dynews .banner-word.bg-light-brown.esp-csa-home-banner {
        background: #F2F3F4;
    }
    .views-display-home-dynews .banner-word.bg-light-brown.esp-csa-home-banner h2 {
        color: #3B3A3A !important;
    }
    .views-display-home-dynews .banner-word.bg-light-brown.esp-csa-home-banner a {
        border-color: #1952D7 !important;
        color: #333 !important;
        background-color: transparent !important;
    }
    .views-display-home-dynews .banner-word.bg-light-brown.esp-csa-home-banner  a.blue-border:after {
        border-color: #333;
    }
    .views-display-home-dynews .banner-word.bg-light-brown.esp-csa-home-banner  a.blue-border:hover{
        border-color: #1952D7 !important;
        color: #fff !important;
        background-color: #1952D7 !important;
    }
    .views-display-home-dynews .banner-word.bg-light-brown.esp-csa-home-banner  a.blue-border:hover:after {
        border-color: #fff;
    }
    .views-display-home-dynews .banner-word.bg-dark-gray {
        background: rgb(64, 91, 112);
    }
    .views-display-home-dynews .banner-word.bg-dark-black {
        background-image: linear-gradient(to right, #2790AC, #1B7191, #1B7191, #2790AC);
    }
    .views-display-home-dynews .bg-dark-blue {
        background: linear-gradient(to right, rgb(98, 193, 236), rgb(24, 71, 144));
    }
    .views-display-home-dynews .esp32-c6-banner.bg-dark-blue {
        background: linear-gradient(to right, #B1E0F9, #2D64AC);
    }
    .views-display-home-dynews .banner-word.esp-matter-home-banner.bg-light-brown {
       background: linear-gradient(to right, #515562 20%, #59637f, #537c7b 80%);
    }
    .views-display-home-dynews .new-banner .banner-word p.marginTop35 {
        margin-top: 10px !important;
    }
    .views-display-home-dynews .new-banner li.espEyeBanner .bg-dark-blue a {
        display: inline-block !important;
    }
    .views-display-home-dynews .banner-word a,
    .views-display-home-dynews .new-banner li.espEyeBanner .bg-dark-blue a {
        font-size: 15px !important;
        line-height: 2 !important;
        padding: 0 25px 0 12px;
        margin-top: 16px;
    }
    .views-display-home-dynews .new-banner li.espEyeBanner .new-banner-word-up a {
        position: relative;
        border: 1px solid #fff !important;
        border-radius: 6px;
    }
    .views-display-home-dynews .new-banner li.espEyeBanner .new-banner-word-up a:after {
        content: '';
        position: absolute;
        right: 16px;
        top: 50%;
        margin-top: 0;
        width: 6px;
        height: 6px;
        border-right: 1px solid #fff;
        border-top: 1px solid #fff;
        transform: translateY(-50%) rotate(
                45deg);
        transition: background 0.1s, color 0.1s, border 0.1s;
        -moz-transition: background 0.1s, color 0.1s, border 0.1s;
        -webkit-transition: background 0.2s, color 0.2s, border 0.1s;
        -o-transition: background 0.1s, color 0.1s, border 0.1s;
    }
    .views-display-home-dynews li.bn-left-center h1 {
        font-size: 26px !important;
    }
    .page-home .banner-word.bg-dark-gray .esp-rainmaker-banner h2 {
        font-size: 24px !important;
    }
    .views-display-home-dynews li.bn-left-center h2,
    .views-display-home-dynews .banner-word.bg-dark-gray h2 {
        font-size: 20px !important;
    }
    .views-display-home-dynews li.espEyeBanner p,
    .views-display-home-dynews .banner-word .esp-rainmaker-banner p,
    .i18n-zh-hans.views-display-home-dynews .banner-word .esp-rainmaker-banner p,
    .i18n-en.views-display-home-dynews .banner-word .esp-rainmaker-banner p,
    .i18n-en.views-display-home-dynews li.espEyeBanner p, .i18n-en .banner-word p,
    .views-display-home-dynews li.espEyeBanner p, .pdb-word p, 
    li.espEyeBanner p, .i18n-en li.espEyeBanner p {
        font-size: 16px !important;
        padding: 0 12px;
        box-sizing: border-box;
    }
    .views-display-home-dynews .esp-rainmaker-banner p sup {
        color: #fff !important;
    }
    .i18n-en .esp32-c6-banner.new-banner-word-up p {
        width: 100%;
        margin: 0;
    }
    .views-display-home-dynews .banner-word.bg-white  a.colorBlack,
    .views-display-home-dynews .banner-word.bg-dark-gray a,
    .views-display-home-dynews li.espEyeBanner .bg-white p.black,
    .views-display-home-dynews li.bn-left-center .bg-white h1.black,
    .views-display-home-dynews .banner-word.bg-dark-gray h2.black,
    .i18n-en.views-display-home-dynews .banner-word .esp-rainmaker-banner p,
    .i18n-zh-hans.views-display-home-dynews .banner-word .esp-rainmaker-banner p,
    .views-display-home-dynews .banner-word .esp-rainmaker-banner h2 sup,
    .views-display-home-dynews .new-banner li.espEyeBanner .bg-dark-blue a {
        color: #fff !important;
    }
    .views-display-home-dynews .banner-word.bg-light-blue h1 span {
        color: #333 !important;
    }
    .views-display-home-dynews .banner-word.bg-white a,
    .views-display-home-dynews .banner-word.bg-white a.borderColorBlack:after,
    .views-display-home-dynews .banner-word.bg-dark-gray a,
    .views-display-home-dynews .banner-word.bg-dark-gray a.borderColorBlack:after,
    .views-display-home-dynews .banner-word.bg-dark-gray a.bg-white,
    .views-display-home-dynews .banner-word.bg-dark-gray a.bg-white:after,
    .views-display-home-dynews .new-banner li.espEyeBanner .bg-dark-blue a,
    .views-display-home-dynews .new-banner li.espEyeBanner .bg-dark-blue a:after,
    .views-display-home-dynews .new-banner li.espEyeBanner .new-banner-word-up a:after  {
        border-color: #fff !important;
        background: transparent !important;
    }
    .views-display-home-dynews .banner-word.bg-white a:hover,
    .views-display-home-dynews .banner-word.bg-dark-gray a:hover,
    .views-display-home-dynews .new-banner li.espEyeBanner .bg-dark-blue a:hover,
    .views-display-home-dynews .new-banner li.espEyeBanner .new-banner-word-up a:hover  {
        background: rgba(255,255,255,.9) !important;
        border-color: #afafaf !important;
        color: #333 !important;
    }
    .views-display-home-dynews .banner-word.bg-white a.borderColorBlack:hover:after,
    .views-display-home-dynews .banner-word.bg-dark-gray a:hover:after,
    .views-display-home-dynews .new-banner li.espEyeBanner .new-banner-word-up a:hover:after {
        border-color: #333 !important;
    }
    li.espEyeBanner .new-banner-word-down a {
        display: none !important;
    }
    .new-page-dt-style .flex-control-nav {
        bottom: 14px;
    }
    .views-display-home-dynews .banner-word.bg-light-brown {
      background: linear-gradient(to right, #c6b198, #91776d);
    }
    .views-display-home-dynews .banner-word.bg-light-brown h1.black,
    .views-display-home-dynews .banner-word.bg-light-brown h2.black,
    .views-display-home-dynews .banner-word.bg-light-brown p.black {
      color:  #fff !important;
    }
    .views-display-home-dynews .banner-word.bg-light-brown a.colorBlack {
      border-color: #fff !important;
      background: transparent !important;
      color: #fff !important;
    }
    .views-display-home-dynews .banner-word.bg-light-brown a.colorBlack:after {
        border-color: #fff !important;
    }
    .views-display-home-dynews .bg-ew-banner-wrap {
      background: linear-gradient(to right, #D7D2F3, #e9e6ed);
    }
    .views-display-home-dynews .bg-ew-banner-wrap img {
      display: none;
    }
    .views-display-home-dynews .new-banner-bg.ces-2024-banner-wrap .ces-2024-banner-icon {
        text-align: center;
        justify-content: center;
    }
    .views-display-home-dynews .new-banner-bg.ces-2024-banner-wrap .ces-2024-banner-icon img,
    .views-display-home-dynews .new-banner-bg.ces-2024-banner-wrap .ces-2024-banner-blue  {
        display: none !important;
    }
}
.views-display-home-dynews .light-building-banner-wrap,
.views-display-home-dynews .light-building-banner-wrap .content {
  height: 100%;
}
.views-display-home-dynews .light-building-banner-wrap .light-building-banner-left {
  position: absolute;
  top:  0;
  left: 60px;
  background-color: rgba(255,255,255, .88);
  padding: 30px;
  box-sizing: border-box;
}
.views-display-home-dynews .light-building-banner-wrap .light-building-banner-left h1 {
  font-size: 56px !important;
  color: #402F5B !important;
  line-height: 1;
  margin-bottom: 4px !important;
}
.views-display-home-dynews .light-building-banner-wrap .light-building-banner-left h2 {
  font-size: 42px !important;
  line-height: 1;
  margin-bottom: 4px !important;
}
.views-display-home-dynews .light-building-banner-wrap .light-building-banner-left h2 ~ p {
  font-family: HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
}
.views-display-home-dynews .light-building-banner-wrap .light-building-banner-left * {
  color: #333 !important;
}
.views-display-home-dynews .light-building-banner-wrap .light-building-banner-left .logo {
  position: absolute;
  bottom: -60px;
  left: -60px;
}
.views-display-home-dynews .light-building-banner-wrap .light-building-banner-left .logo img {
  width: 60px;
  height: 60px;
}
.views-display-home-dynews .light-building-banner-wrap .link a {
  font-size: 16px !important;
}
.views-display-home-dynews .light-building-banner-wrap .light-building-banner-left  .link  {
  margin-top: 30px;
}
.views-display-home-dynews .light-building-banner-wrap .light-building-banner-left  .link a {
  background-color: #f6e64b;
  border-radius: 16px;
  box-shadow: 0 0 12px rgba(178, 178, 178, .6);
  border-color: #f6e64b;
  margin-top: 50px;
  font-weight: bold !important;
  padding: 0 18px 0 10px !important;
  font-family: HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
}
.views-display-home-dynews .light-building-banner-wrap .light-building-banner-left  .link a:after {
  border-color: #333; 
  right: 8px;
  border-width: 2px;
  top: 52%;
}
.views-display-home-dynews .light-building-banner-wrap .light-building-banner-left  .link a:hover {
  background-color: #f8d849 !important;
}
.views-display-home-dynews .light-building-banner-wrap .light-building-banner-middle {
    position: absolute;
    top: 240px;
    left: 393px;
    background-color: #f6e64b;
    padding: 16px;
    box-sizing: border-box;
}
.i18n-en.views-display-home-dynews .light-building-banner-wrap .light-building-banner-middle p {
  color: #333 !important;;
  font-size: 16px !important;
  font-weight: bold !important;
  font-family: HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
}
.views-display-home-dynews .light-building-banner-wrap .light-building-banner-middle h2 {
  color: #333 !important;
  font-size: 32px !important;
  margin-top: 40px !important;
  margin-bottom: 0 !important;
}
.views-display-home-dynews .light-building-banner-wrap .light-building-banner-right {
  position: absolute;
  top: 240px;
  left: 605px;
  background-color: #f8d849;
  transform: translateY(-100%);
  padding: 12px;
}
.i18n-en.views-display-home-dynews .light-building-banner-wrap .light-building-banner-right p {
  color: #333 !important;;
  font-size: 16px !important;
  font-weight: bold !important;
  font-family: HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
}
.views-display-home-dynews .light-building-banner-wrap .light-building-banner-right h2 {
  font-size: 42px !important;
  font-weight: bold !important;
  margin-bottom: 0 !important;
  margin-top: 16px !important;
  color:  #fff !important;
}
.views-display-home-dynews .banner-word.esp-devcon-home-banner.bg-light-brown .red {
  color: #f70819 !important;
}
.views-display-home-dynews .banner-word.esp-devcon-home-banner.bg-light-brown h2 {
  color: #7a7a7a !important;
}
.views-display-home-dynews .banner-word.esp-devcon-home-banner.bg-light-brown a {
  background-color: #f70819 !important;
  border-color: #f70819 !important;
  color: #fff !important;
}
.views-display-home-dynews .banner-word.esp-devcon-home-banner.bg-light-brown a:hover {
  background-color: #fff !important;
  color: #333 !important;
}
.views-display-home-dynews .banner-word.esp-devcon-home-banner.bg-light-brown a:hover:after {
  border-color: #333 !important;
}
@media (min-width: 1750px) {
  .views-display-home-dynews .light-building-banner-wrap .content.pc {
    zoom: 1.2;
  }
  .views-display-home-dynews .light-building-banner-wrap .light-building-banner-middle {
    left: 394px;
  }
  .views-display-home-dynews .light-building-banner-wrap .light-building-banner-right{
    left: 606px;
  }
  .safari .light-building-banner-wrap .light-building-banner-middle {
    left: 390px;
  }
  .safari .light-building-banner-wrap .light-building-banner-right{
    left: 600px;
  }

}
@media (max-width: 1288px) {
  .views-display-home-dynews .light-building-banner-wrap .light-building-banner-left .link {
    margin-top: 0 !important;
  }
  .views-display-home-dynews .light-building-banner-wrap .light-building-banner-left {
    left: 60px;
  }
  .views-display-home-dynews .light-building-banner-wrap .light-building-banner-left .logo {
    position: absolute;
    bottom: -40px;
    left: -40px;
  }
  .views-display-home-dynews .light-building-banner-wrap .light-building-banner-left .logo img {
    width: 40px;
    height: 40px;
  }
  .views-display-home-dynews .light-building-banner-wrap .light-building-banner-middle {
    top:  210px;
  }
  .views-display-home-dynews .light-building-banner-wrap .light-building-banner-right {
    top:  210px;
  }
  .views-display-home-dynews .light-building-banner-wrap {
    margin: 0 !important;
  }
}
@media (max-width: 1170px) {
  .views-display-home-dynews .light-building-banner-wrap .light-building-banner-left h1 {
    font-size: 40px !important;
  }
  .views-display-home-dynews .light-building-banner-wrap .light-building-banner-left h2 {
    font-size: 30px !important;
  }
  .i18n-en.views-display-home-dynews .light-building-banner-wrap .link a {
    font-size: 12px !important;
  }
  .views-display-home-dynews .light-building-banner-wrap .link a:after {
    top:  50% !important;
  }
  .views-display-home-dynews .light-building-banner-wrap .light-building-banner-middle {
    top: unset;
    bottom: 30px;
    left: 342px;
  }
  .views-display-home-dynews .light-building-banner-wrap .light-building-banner-right {
    top: unset;
    bottom: 30px;
    left: 554px
  }
}
@media (max-width: 768px) {
  .views-display-home-dynews .light-building-banner-wrap .pc {
    display: none;
  }
  .views-display-home-dynews .light-building-banner-wrap .mobile {
    display: block !important;
  }
  .views-display-home-dynews .light-building-banner-wrap .mobile .link a:after {
    top: 53% !important;
  }
  .views-display-home-dynews  .light-building-banner-wrap .mobile .link a:hover:after {
    border-color: #333 !important;
  }
  .views-display-home-dynews .banner-word.light-building-banner-wrap.bg-dark-blue {
    background: linear-gradient(to right, #beb2db, #46415c);
  } 
  .views-display-home-dynews .banner-word.esp-devcon-home-banner.bg-light-brown h1 {
    color:  #333 !important;
  }
  .views-display-home-dynews .banner-word.esp-devcon-home-banner.bg-light-brown {
    background: linear-gradient(to right, #e9f8fe , #f3f3f4);
  }
}

.views-display-home-dynews .esp-electronica-home-li .logo  {
    position: absolute;
    right: 20px;
    top: 20px;
}
.views-display-home-dynews .esp-electronica-home-li .logo img {
    width: 300px;
    height: auto;
    display: block;
}
.views-display-home-dynews .esp-electronica-home-banner  * {
  color: #333 !important;
}
.views-display-home-dynews .esp-electronica-home-banner .electronica-green,
.views-display-home-dynews .esp-electronica-home-banner .electronica-green span {
  color: #40771d !important;
}
.views-display-home-dynews .esp-electronica-home-banner a.electronica-green-btn {
    color: #fff !important;
    border-color: #4b9919 !important;
    background-color: #4b9919 !important;
}
.views-display-home-dynews .esp-electronica-home-banner a.electronica-green-btn:hover {
    color: #4b9919 !important;
    border-color: #4b9919 !important;
    background-color: transparent !important;
}
.views-display-home-dynews .esp-electronica-home-banner a.electronica-green-btn:hover:after {
    border-color: #4b9919 !important;
}
.views-display-home-dynews .esp-electronica-home-banner .electronica-title {
  margin-bottom: 0 !important;
}
.views-display-home-dynews .bg-light-brown.espressif-smart-home-banner .smart-home-banner-logo,
.views-display-home-dynews .bg-light-brown.espressif-smart-home-banner .location-logo {
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    margin-top: 4px;
}
.views-display-home-dynews .bg-light-brown.espressif-smart-home-banner p:nth-child(2) {
  margin-bottom: 12px;
}
.views-display-home-dynews .bg-light-brown.espressif-smart-home-banner p  span {
  display: inline-block;
  vertical-align: top;
}
.views-display-home-dynews .bg-light-brown.espressif-smart-home-banner .smart-home-banner-logo img  {
  margin-right: 12px;
}
.views-display-home-dynews .bg-light-brown.espressif-smart-home-banner .location-logo img {
  height: 28px !important;
  margin-right: 12px;
}
.views-display-home-dynews .bg-light-brown.espressif-smart-home-banner a:hover {
  background-color: #fff !important;
  color: #333 !important;
}

.banner-word.espressif-home-devcon-banner .blue {
    color: #64D9FF !important;
}
.banner-word.espressif-home-devcon-banner a.white {
    background-color: #E8362D !important;
    color: #fff !important;
    border-color: #E8362D !important;
}
.banner-word.espressif-home-devcon-banner a.white:after {
    border-color: #fff !important;
}
.banner-word.espressif-home-devcon-banner a.white:hover {
    background-color: #fff !important;
    color: #E8362D !important;
    border-color: #E8362D !important;
}
.banner-word.espressif-home-devcon-banner a.white:hover:after {
    border-color: #E8362D !important;
}
@media (min-width: 1170px) { 
  .i18n-en.views-display-home-dynews li.espEyeBanner .esp-electronica-home-banner .electronica-title {
    font-size: 24px !important;
  }
  .i18n-en.views-display-home-dynews li.espEyeBanner .esp-electronica-home-banner p.black {
    font-size: 18px !important;
  }
}

@media (max-width:1280px) and (min-width: 1170px) { 
  .i18n-en.views-display-home-dynews li.espEyeBanner .esp-electronica-home-banner h1.black {
    font-size: 30px !important;
  }
  .i18n-en.views-display-home-dynews li.espEyeBanner .esp-electronica-home-banner .electronica-green {
    font-size: 24px !important;
  }
  .i18n-en.views-display-home-dynews li.espEyeBanner .esp-electronica-home-banner .electronica-title {
    font-size: 22px !important;
  }
  .i18n-en.views-display-home-dynews li.espEyeBanner .esp-electronica-home-banner p.black {
    font-size: 16px !important;
  }
  .views-display-home-dynews .esp-electronica-home-banner a.electronica-green-btn {
    margin-top: 20px;
  }
}

@media (max-width:1170px) and (min-width: 768px) { 
  .i18n-en.views-display-home-dynews li.espEyeBanner .esp-electronica-home-banner h1.black {
    font-size: 24px !important;
  }
  .i18n-en.views-display-home-dynews li.espEyeBanner .esp-electronica-home-banner .electronica-green {
    font-size: 20px !important;
  }
  .i18n-en.views-display-home-dynews li.espEyeBanner .esp-electronica-home-banner .electronica-title {
    font-size: 16px !important;
  }
  .i18n-en.views-display-home-dynews li.espEyeBanner .esp-electronica-home-banner p.black {
    font-size: 12px !important;
  }
  .views-display-home-dynews .esp-electronica-home-banner a.electronica-green-btn {
    margin-top: 8px;
    font-size: 14px !important;
  }
  .views-display-home-dynews .embedded-world-2023-wrap .embedded-world-2023-logo,
  .views-display-home-dynews .embedded-world-2023-wrap .embedded-world-2023-content {
    display: none !important;
  }
}
@media (max-width: 900px) {  
    .views-display-home-dynews .esp-home-iot-solutions p.logo {
        display: none !important;
    }
}
@media (max-width: 768px) { 
  .views-display-home-dynews .esp-electronica-home-li .logo {
    display: none;
  }
  .views-display-home-dynews .esp-electronica-home-banner *,
  .i18n-en.views-display-home-dynews li.espEyeBanner .esp-electronica-home-banner h1.black, 
  .views-display-home-dynews .esp-electronica-home-banner .electronica-green span {
    color:  #fff !important;
  }
  .views-display-home-dynews .esp-electronica-home-banner a.electronica-green-btn {
      color: #fff !important;
      border-color: #fff !important;
      background-color: transparent !important;
  }
  .views-display-home-dynews .esp-electronica-home-banner a.electronica-green-btn:hover {
      color: #333 !important;
      border-color: #fff !important;
      background-color: #fff !important;
  }
  .views-display-home-dynews .esp-electronica-home-banner a.electronica-green-btn:hover:after {
      border-color: #333 !important;
  }
  .views-display-home-dynews .banner-word.bg-light-brown.esp-electronica-home-banner {
      background: linear-gradient(to right, #4e9e58, #21520c);
  }
  .i18n-en.views-display-home-dynews li.espEyeBanner .esp-electronica-home-banner .electronica-title {
    font-size: 18px !important;
  }
  .i18n-en.views-display-home-dynews li.espEyeBanner .esp-electronica-home-banner p.black {
    font-size: 13px !important;
  }
  .views-display-home-dynews .banner-word.bg-light-brown.esp-meet-espressif-banner {
      background: linear-gradient(to right, #966CC5, #263258);
  }
  .views-display-home-dynews .banner-word.bg-light-brown.espressif-devcon23-home-banner {
      background: #000;
  }
  .views-display-home-dynews .esp-meet-espressif-banner p.desc,
  .views-display-home-dynews .esp-meet-espressif-banner p.date img {
    display: none !important;
  }
  .views-display-home-dynews .esp-meet-espressif-banner p.date span {
    justify-content: center;
    line-height: 1.425;
  }
  .i18n-en.views-display-home-dynews li.espEyeBanner .esp-meet-espressif-banner p.date {
    font-size: 14px !important;
  }
  .views-display-home-dynews  .banner-word.bg-light-brown.esp-tect-home-banner {
    background: linear-gradient(90deg, #368A9E 0%, #504790 100%);
  }
  .views-display-home-dynews .banner-word.bg-light-brown.hmi-screen-home-banner {
      background: linear-gradient(to right, #0e0e0e, #2b2b2b, #101010);
  }
  .views-display-home-dynews  .banner-word.bg-light-brown.esp-home-iot-solutions {
    background: linear-gradient(89deg, #1C5AA3 0%, #57574D 100%);
  }
  .views-display-home-dynews  .banner-word.bg-light-brown.esp-home-iot-solutions  h1 {
    max-width: 80%;
    margin: 0 auto 6px!important;
  }
  .views-display-home-dynews  .banner-word.bg-light-brown.esp-home-iot-solutions p img {
    display: none !important;
  }
  .views-display-home-dynews .bg-light-brown.embedded-world-2023-wrap  {
    background: linear-gradient(89deg, #7554AA 0%, #2E3765 100%);
   }
   .views-display-home-dynews .bg-light-brown.espressif-smart-home-banner  {
    background: linear-gradient(89deg, #76AEE6 0%, #3C4F6D 100%);
  }
  .views-display-home-dynews .bg-light-brown.espressif-home-guangzhou-banner {
    background: linear-gradient(89deg, #C22D49 0%, #C22D49 100%);
  }
  .views-display-home-dynews .bg-light-brown.espressif-smart-home-banner p span:first-child {
    display: none;
  }
  .views-display-home-dynews .bg-light-brown.espressif-smart-home-banner p:nth-child(2) {
    margin-bottom: 6px;
  }
  .views-display-home-dynews .embedded-world-2023-wrap .embedded-world-2023-logo,
  .views-display-home-dynews .embedded-world-2023-wrap .embedded-world-2023-content,
  .views-display-home-dynews .bg-light-brown.espressif-home-guangzhou-banner .home-banner-icon-wrap  {
    display: none !important;
  }
  .views-display-home-dynews .embedded-world-2023-wrap .embedded-world-2023-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .views-display-home-dynews .embedded-world-2023-wrap .embedded-world-2023-title span:first-child {
    order: 2;
    color:  #fff;
  }
  .views-display-home-dynews .embedded-world-2023-wrap .embedded-world-2023-title span {
    line-height: 1.625;
  }
  .views-display-home-dynews .banner-word.espressif-home-devcon-banner {
    background: linear-gradient(270deg, #0F051D 0%, #39126D 53%, #0E051B 100%) !important;
  }
}
.views-display-home-dynews .bg-light-brown.espressif-devcon23-home-banner h2 span {
    color: #64D8FF;
}
.views-display-home-dynews .bg-light-brown.espressif-devcon23-home-banner a.white {
  background-color: #FA2D28 !important;
  color:  #fff;
  border: 1px solid #FA2D28 !important;
}
.views-display-home-dynews .bg-light-brown.espressif-devcon23-home-banner a.white:hover {
  background-color: #fff !important;
  color: #FA2D28 !important;
}
.views-display-home-dynews .bg-light-brown.espressif-devcon23-home-banner a.white:hover:after {
  border-color: #FA2D28 !important;
}
@media (min-width: 1170px) {
    .views-display-home-dynews.i18n-zh-hans .espressif-devcon23-home-banner h1 span {
    font-size: 35px !important;
}
}
.views-display-home-dynews .esp-devcon24-banner h2 {
    background: -webkit-linear-gradient(88deg, #57BAF9 0%, #7896F9 12%, #8E81F8 22%, #FA3A37 100%);
    background: linear-gradient(88deg, #57BAF9 0%, #7896F9 12%, #8E81F8 22%, #FA3A37 100%);
    -webkit-background-clip: text; /* Chrome, Safari */
  background-clip: text;
  -webkit-text-fill-color: transparent; /* Chrome, Safari */
  color: transparent; 
  display: inline-block;
}
.views-display-home-dynews .smart-2024-banner-wrap .color-orange {
    color: #F0A132 !important;
}
.views-display-home-dynews .smart-2024-banner-wrap .smart-2024-banner-icon {
    position: relative;
    padding-left: 50px;
}
.views-display-home-dynews .smart-2024-banner-wrap .smart-2024-banner-icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 24px;
    height: 26px;
    background-image: url(https://www.espressif.com/sites/all/themes/espressif/images/smart-home-banner-date.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
}
.views-display-home-dynews .smart-2024-banner-wrap .smart-2024-banner-icon:nth-of-type(2):before {
    background-image: url(https://www.espressif.com/sites/all/themes/espressif/images/smart-home-banner-location.png);
}
.views-display-home-dynews .smart-2024-banner-wrap .smart-2024-banner-icon:nth-of-type(2) {
    margin-top: 8px !important;
}
.views-display-home-dynews .smart-2024-banner-wrap a.bgColorOrange {
    background-color: #F0A132 !important;
    border-color: #F0A132 !important;
    color: #fff !important;
}
.views-display-home-dynews .smart-2024-banner-wrap a.bgColorOrange:hover {
    background-color: #fff !important;
    border-color: #343434 !important;
    color: #38393a !important;
}

.views-display-home-dynews .ces-2025-banner-wrap .ces-2025-banner-icon {
  position: relative;
  padding-left: 50px;
}
.views-display-home-dynews .ces-2025-banner-wrap .ces-2025-banner-icon:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 40px;
  height: 40px;
  background-image: url(https://www.espressif.com/sites/all/themes/espressif/images/ces-2025-date.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
}

.views-display-home-dynews.i18n-zh-hans .ces-2025-banner-wrap .ces-2025-banner-icon:before {
  top: -4px;
}
.views-display-home-dynews.i18n-zh-hans .ces-2025-banner-wrap .ces-2025-banner-icon:nth-of-type(2):before {
  top: -6px;
}

.views-display-home-dynews .ces-2025-banner-wrap .ces-2025-banner-icon:nth-of-type(1) {
  margin-bottom: 12px !important;
}
.views-display-home-dynews .ces-2025-banner-wrap .ces-2025-banner-icon:nth-of-type(2):before {
  background-image: url(https://www.espressif.com/sites/all/themes/espressif/images/ces-2025-position.png);
}
.views-display-home-dynews .ces-2025-banner-wrap .ces-2025-banner-icon:nth-of-type(2) {
  margin-top: 0 !important;
}
.views-display-home-dynews .ces-2025-banner-wrap a.bgColorWhite {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #383931 !important;
  box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16) !important;
  border-radius: 5px !important;
  font-family: var(--esp-font-family-regular) !important;
  min-width: 140px !important;
}
.views-display-home-dynews .ces-2025-banner-wrap a.bgColorWhite:hover {
  background-color: #38393a !important;
  border-color: #38393a !important;
  color: #fff !important;
}

@media (min-width: 1170px) {
  body.i18n-en .banner-word a {
    height: var(--esp-link-height) !important;
  }
}
@media (max-width: 768px) {
    .views-display-home-dynews .esp-devcon24-banner  p {
        display: none !important;
    }
    .views-display-home-dynews .smart-2024-banner-wrap  h1 {
        max-width: 400px !important;
        min-width: 0 !important;
        margin-right: auto;
        margin-left: auto;
    }
    .views-display-home-dynews .ces-2025-banner-wrap .ces-2025-banner-icon:nth-of-type(2) {
      margin-bottom: 10px !important;
    }
    .views-display-home-dynews .ces-2025-banner-wrap .ces-2025-banner-icon:nth-of-type(1) {
      margin-bottom: 0 !important;
    }
    .views-display-home-dynews .ces-2025-banner-wrap .ces-2025-banner-icon {
      text-align: center !important;
    }
    .views-display-home-dynews .smart-2024-banner-wrap .smart-2024-banner-icon,
    .views-display-home-dynews .ces-2025-banner-wrap .ces-2025-banner-icon::before {
        display: none !important;
    }
}