.elementor-11 .elementor-element.elementor-element-00e6a64{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:114px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:70px;--padding-left:64px;--padding-right:64px;}.elementor-11 .elementor-element.elementor-element-dc7b62c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-62b3d09 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;color:#8D8D8D;}.elementor-11 .elementor-element.elementor-element-fa05a62 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;color:#8D8D8D;}.elementor-11 .elementor-element.elementor-element-da99a7d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;color:#8D8D8D;}.elementor-11 .elementor-element.elementor-element-7f66d06 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;color:#8D8D8D;}.elementor-11 .elementor-element.elementor-element-9531878 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:700;text-transform:capitalize;color:#8D8D8D;}.elementor-11 .elementor-element.elementor-element-9a95828{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-9a95828 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-93b3782{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-93b3782 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-eef4e71{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-eef4e71 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-5684fdc{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-5684fdc > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-864202b{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-864202b > .elementor-widget-container{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-00e6a64{--padding-top:0px;--padding-bottom:70px;--padding-left:40px;--padding-right:40px;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-00e6a64{--padding-top:0px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-62b3d09 .elementor-heading-title{font-size:14px;}.elementor-11 .elementor-element.elementor-element-fa05a62 .elementor-heading-title{font-size:14px;}.elementor-11 .elementor-element.elementor-element-da99a7d .elementor-heading-title{font-size:14px;}.elementor-11 .elementor-element.elementor-element-7f66d06 .elementor-heading-title{font-size:14px;}.elementor-11 .elementor-element.elementor-element-9531878 .elementor-heading-title{font-size:14px;}}/* Start custom CSS for container, class: .elementor-element-dc7b62c */.navClass{
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9a95828 */.custom-content-list{
    display: flex;
    flex-wrap: wrap;
    
}
.custom-content-item{
    width: 31.33%;
    margin: 20px 1%;
    position: relative;
}
.custom-content-item h3{
    position: absolute;
    bottom: 13px;
    left: 22px;
    color: #fff;
    line-height: 20px;
    font-size: 20px;
    font-weight: 700;
    font-family: Roboto;
    padding: 0;
    margin: 0;
    
}
.custom-content-item img{
    width: 100%;
    height: 19rem;
    background-size: cover;
    
}
@media only screen and (max-width: 1200px) {
  
.custom-content-item img{
    width: 100%;
    height: 12rem;
    background-size: cover;
    
}
}
@media only screen and (max-width: 600px) {
    .custom-content-item img{
    width: 100%;
    height: 9rem;
    background-size: cover;
    
}
  
.custom-content-item{
    width: 46%;
    margin: 10px 2%;
    position: relative;
}
.custom-content-item h3{
    position: absolute;
    bottom: 13px;
    left: 15px;
    color: #fff;
    line-height: 14px;
    font-size: 14px;
    font-weight: 700;
    font-family: Roboto;
    padding: 0;
    margin: 0;
    
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-93b3782 */.custom-content-list{
    display: flex;
    flex-wrap: wrap;
    
}
.custom-content-item{
    width: 31.33%;
    margin: 20px 1%;
    position: relative;
}
.custom-content-item h3{
    position: absolute;
    bottom: 13px;
    left: 22px;
    color: #fff;
    line-height: 20px;
    font-size: 20px;
    font-weight: 700;
    font-family: Roboto;
    padding: 0;
    margin: 0;
    
}
.custom-content-item img{
    width: 100%;
    height: 19rem;
    background-size: cover;
    
}
@media only screen and (max-width: 1200px) {
  
.custom-content-item img{
    width: 100%;
    height: 12rem;
    background-size: cover;
    
}
}
@media only screen and (max-width: 600px) {
    .custom-content-item img{
    width: 100%;
    height: 9rem;
    background-size: cover;
    
}
  
.custom-content-item{
    width: 46%;
    margin: 10px 2%;
    position: relative;
}
.custom-content-item h3{
    position: absolute;
    bottom: 13px;
    left: 15px;
    color: #fff;
    line-height: 14px;
    font-size: 14px;
    font-weight: 700;
    font-family: Roboto;
    padding: 0;
    margin: 0;
    
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00e6a64 */.custom-content-item {
  position: relative;
  overflow: hidden; /* 防止放大后溢出 */
  display: inline-block;
}

.custom-content-item img {
  width: 100%; /* 使图片自适应容器宽度 */
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* 添加平滑过渡效果 */
}

.custom-content-item::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0); /* 默认透明 */
  transition: background-color 0.3s ease; /* 添加平滑过渡效果 */
  z-index: 1;
}

.custom-content-item:hover img {
  transform: scale(1.1); /* 鼠标悬停时放大 */
  z-index: 2; /* 确保放大时在阴影上方 */
}

.custom-content-item:hover::after {
  background-color: rgba(0, 0, 0, 0.5); /* 鼠标悬停时添加黑色阴影 */
}/* End custom CSS */