/*
Teamplate Name: techit 
Version: 1.0
*/
/* Type your CSS Here */

.logo img{
    width: 150px;
}
.techit-description-area img{
    width: 150px;
}
.size-black h3{
    color: black;
}
.size-black p{
    font-size: 16px;
    color: #626262;
}
.home-max-text{
    display: flex;
    font-size: 70px;
    color: #ffffff;
    font-weight: 500;
    justify-content: center;
}
.background-whiter{
    background-color: #ffffff;
}
.background-gr{
    background-color: #f4f9fc;
}
.p_wid p{
    font-size: 14px;
}
.p_wid a{
    font-size: 14px;
}
.p_wid h2{
    font-size: 18px !important;
    font-weight: bold !important;

}
.text_size span{
    font-size: 14px !important;
    color: #ffffff;
}
.text_size a{
    font-size: 14px;
    color: #ffffff;
}
.flex{
    display: flex;
}
/* 适配移动端 */
.index-mobilea .mean-container .mean-bar::before{
    content:"首页";
   
}
 .about-mobilea .mean-container .mean-bar::before{
    content:"关于我们";
   
}
.product-mobilea .mean-container .mean-bar::before{
    content:"产品中心";
   
}
.case-mobilea .mean-container .mean-bar::before{
    content:"案例中心";
   
}
/* 解决方案 */
.solution-mobilea .mean-container .mean-bar::before{
    content:"解决方案";
   
}
/* 联系我们 */
.contact-mobilea .mean-container .mean-bar::before{
    content:"联系我们";
   
}
.service-mobilea .mean-container .mean-bar::before{
    content:"服务支持";
   
}


.justify-center-conter{
    align-items: center;
    justify-content: center;
}
@media (max-width: 768px) {
    .blue_btn{
        font-size: 16px;
        margin-top: 11px;
        margin-left: 10px;
        margin-right: 0px;
        padding:10px 14px ;
    }
    .witr_btn{
        font-size: 16px !important;
        margin-top: 11px !important;
        padding:10px 14px !important;
    }
}


 /* mobile-display-none
  */
  @media (max-width: 768px) {
    .mobile-display-none{
        display: none;
    }
  }

.image_box img{
    width: 94px;
    height: 94px;
   
}
.item_img{
    text-align: center !important;  
}
.item_img{
    margin: 0 10px;
}
.item_img a{
    color: #ffffff !important;
    font-size: 14px;
    
}
.mean-container .mean-nav ul li{
    background-color: #ffffff;
}
.product-menu li{
    font-size: 14px;
    /* padding: 10px 5%; */
    padding-left: 10%;
    padding-right: 10%;
}
.product-container-padtop{
    padding-top: 0px;
}
.product-title{
    /* padding: 1rem 5% !important;
    width: 90% !important; */
    padding: 10px 0;
    color: #4F4F4F !important;
}
.product-flex{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
    /* margin-left: 5%; */
}
.product-menu span{
    font-size: 14px;
    color: #767676;
}
.item_img1{
    margin-right: 25px;
}
.item_img1{
    text-align: center;
}
.item_img1 .item_img_a{
 
    padding:0!important;
    text-shadow:none!important;
    /* visibility:visible; */
    width:100%!important;
    /* font-weight:600; */
    text-transform:capitalize;
    color:#444;
     text-align: center !important;
     background-color: #ffffff !important;
     
}
.text-scene{
    margin-bottom: 20px;
}

/* 默认隐藏所有内容区 */
.child-menu {
  display: none;
  /* 可选：添加过渡动画，让显示/隐藏更丝滑 */
  transition: opacity 0.3s ease;
  opacity: 0;
}

/* 显示当前内容区（添加active类） */
.child-menu.active {
  display: block;
  opacity: 1;
  
}

/* 导航项样式（可选，优化交互体验） */
.nav-item {
  cursor: pointer;
  border-radius: 4px;
}

/* 公用卡片 */

/* 1. 卡片容器（.blog_part_inner）：垂直排列+占满父元素高度 */
.blog_part_inner {
    display: flex; /* 设置为Flex容器 */
    flex-direction: column; /* 子元素垂直排列（图片在上，文字在下） */
    height: 100%; /* 占满父元素（.blog-part）的高度 */
}


/* 3. 图片：覆盖容器（保持比例，避免变形） */
.blog-img img {
    width: 100%; /* 图片占满容器宽度 */
    height: 100%; /* 图片占满容器高度 */
    object-fit: cover; /* 图片覆盖容器（裁剪多余部分，保持比例） */
}

/* 4. 文字容器（.wblog-content）：填充剩余空间（关键！） */
.wblog-content {
    flex: 1; /* 占满卡片剩余空间（无论文字多少） */
    overflow: hidden; /* 隐藏超出容器的文字（避免高度溢出） */
    padding: 15px; /* 文字与容器边缘的间距（根据设计稿调整） */
}

/* 5. 父元素（.col-lg-4/.blog-part）：确保高度继承 */
.col-lg-4 {
    display: flex; /* 让.col成为Flex容器，子元素（.blog-part）占满高度 */
}

.blog-part {
    flex: 1; /* 占满.col的高度 */
}
.nav-item.active {
  background-color: #1A49BD;
}
.witr_text_widget_inner .about-desc{
    font-size: 40px !important;
    color:#232323 !important;
    font-weight: 600 !important;
}
.product-text{
    font-size: 40px;
    color: #232323;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600;
}
.flex-product-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -15px;
}
.flex-product-container h3{
    font-size: 24px;
    color: #232323;
    font-weight: 600;
}
.product-item {
    flex: 0 0 calc(33.333% - 30px);
    margin: 0 15px 30px;
}

@media (max-width: 992px) {
    .product-item {
        flex: 0 0 calc(50% - 30px);
    }
}

@media (max-width: 768px) {
    .product-item {
        flex: 0 0 100%;
    }
}
.witr_buttom_textp a {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    padding: 12px 30px;
	background:#0c3eb9;
    border-radius: 5px;
    /* margin-top: 10px; */
    /* margin-bottom: 5px; */
    transition: 1s;
    display: inline-block;
    text-transform: uppercase;
    
}
.check{
    text-align: left !important;
     padding-left: 20px;
}
.witr_buttom_textp a:hover {
    background: #0c3eb9;
    color: #fff;
}
.witr_buttom_textp i {
    margin-left: 8px;
    transition: 1s;	
}
.product-title{
    text-align: left;
    font-size: 14px;
    /* padding-left: 20px; */
    color:#0C3EB9;
}
.product-desc{
    text-align: left;
    font-size: 24px;
    color: #232323;
    padding-left: 20px;
    margin-bottom: 10px;
}

.em-team-one:hover .em-team-content-image{
	transform: scale(1.2);		
}
.em-team-content-image{
    transform: scale(1);
    transition: 1s;
}
.em-team-one:hover .em-team-content-image:before{
    width: 100%;	        
}
/* 物业管理css代码 */
.proper_content h3{
    color: #232323 !important;
    font-size: 40px !important;
}
.proper_content p{
    margin-top: 20px;
    font-weight: 400;
    font-size: 19px;
    color: #767676;
    line-height: 34px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.proper-number{
    display: flex;
    /* justify-content: space-around; */
    margin-top: 80px;
}
.proper-number-item{
    margin-right: 90px;
}
.proper-number h3{
    font-size: 60px !important;
    color: #0C3EB9 !important;
    font-weight: 500 !important;
}
.proper-number span{
    font-size: 30px !important;
    color: #0C3EB9 !important;
    font-weight: 600 !important;
}
.proper-number h4{
    font-size: 18px !important;
    color: #767676 !important;
    font-weight: 400 !important;
}
.footer-list{
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}
.footer-item{
    width: 270px;
    height: 256px;
    background: #FFFFFF;
    /* box-shadow: 8px 8px 30px 1px rgba(41,66,112,0.16); */
     box-shadow: 0px 0px 30px 1px rgba(41,66,112,0.16);
    /* border-radius: 0px 0px 0px 0px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: 1s;
}
.footer-item img{
    width: 120px;
    height: 120px;
}
.footer-item span{
    font-size: 20px;
    color: #232323;
    font-weight: 600;
}
.top-nav {
    position: fixed; /* 固定在视口顶部 */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
@media (max-width: 768px) {
    .footer-list {
        flex-wrap: wrap; /* 允许换行 */
    }
    .footer-item {
        flex: 0 0 calc(50% - 20px); /* 一行两个，减去间距 */
        margin: 10px; /* 设置间距 */
        width: 164px;
        height: 155px;
    }
    .footer-item img{
        width: 90px;
        height: 90px;
    }
    .footer-item span{
        font-size: 14px;
    }
    .footer-middle{
        padding-bottom: 20px;
    }
}


.footer-list .em-service2.sleft:hover{
	background-color:#0c3eb9;
	transition: 1s;
   
}
.footer-list .em-service2.sleft:hover span{
	color: #FFFFFF;   
}
/* 鼠标移入切换图片效果 */
.image-container {
    position: relative;
    display: inline-block;
}

.hover-image {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.em-service2.sleft:hover .hover-image {
    opacity: 1;
}

.em-service2.sleft:hover .default-image {
    opacity: 0; 
}
.witr_single_service3{
    padding: 40px 30px 20px;
}
/* 智能停车 */
.blog-content-smart{
    display: flex;
    align-items: center ;
}
.blog-content-smart p{
   color: #232323;
   font-size: 16px;
    letter-spacing: 0.1em;
    
}
/* 安消 */
.blue_box_item p{
    text-align: center;
    font-size: 18px;
    color: #767676;
}
.blue_box_item .blue_box{
    width: 100px;
    height: 100px;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px 1px rgba(41,66,112,0.16);
    border-radius: 50%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    display: flex;
    justify-content: center;
    align-items: center;
}
.blue_box_item{
    margin-right: 50px;
}
.blue_box_item .blue_box:hover{
    background-color: #0C3EB9;
}
.img-default, .img-hover {
  transition: opacity 0.3s ease; /* 透明度过渡（更平滑） */
}

/* 3. 显示逻辑（默认显示默认图，hover显示hover图） */
.img-default {
  display: block; /* 初始显示默认图 */
  opacity: 1; /* 完全不透明 */
}

.img-hover {
  display: none; /* 初始隐藏hover图 */
  opacity: 0; /* 完全透明（配合过渡） */
}

/* 4. 精准触发：仅当鼠标移入图片容器（.blue_box）时切换图片 */
.blue_box:hover .img-default {
  display: none; /* 隐藏默认图 */
  opacity: 0; /* 透明度渐变 */
}

.blue_box:hover .img-hover {
  display: block; /* 显示hover图 */
  opacity: 1; /* 透明度渐变 */
}


/* 解决方案 */
.solution_content h4{
    color: #232323;
    padding: 20px 0;
    font-size: 20px;
    font-weight: 600;
}

  .witr_slug_feature {
    /* max-width: 270px; */
    margin: 0 auto; /* 内部元素居中 */
  }
  .row.it_top {
    justify-content: center; /* 列水平居中 */
  }
 

.title-community{
    font-size: 40px;
    color: #232323;
    font-weight: 600;
}

/* 1. 卡片容器样式（固定高度，确保蓝色层1/3高度准确） */
.custom-card {
 /* 固定卡片高度（根据图片比例调整，如300px） */ 
  margin: 0 auto; /* 卡片水平居中（可选） */
}

/* 2. 卡片图片样式（覆盖容器，保持比例） */
.card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* 图片覆盖容器（裁剪多余部分，避免变形） */
}

/* 3. 蓝色半透明层基础样式（默认占1/3高度） */
.card-overlay {
 background: rgba(12,62,185,0.6); /* 蓝色半透明（调整rgba值改变颜色/透明度） */
  height: 20%;
  display: flex; /* Flex布局（文字居中） */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  font-size: 1rem; /* 文字大小（可选） */
  transition: height 0.3s ease; /* 高度变化过渡（平滑滑动） */
  cursor: pointer; /* 鼠标指针变为手型（可选） */
  bottom: 0px;
}

/* 4. 鼠标移入卡片时，蓝色层高度变为100%（覆盖整个卡片） */
.custom-card:hover .card-overlay {
  height: 100%; /* 完全覆盖卡片 */
}

/* 5. 移动端优化（调整文字大小/卡片高度） */
@media (max-width: 767px) {
  .custom-card {
    height: 150px; /* 移动端卡片略矮（适配小屏幕） */
  }
  .card-overlay {
    font-size: 12px; /* 移动端文字略小 */
  }
  .custom-card-left{
    padding-right: 5px !important;
  }
}
  .custom-card {
    border: 0px;
  }
.techit_feature_box_areaa{
    padding:80px 0px 70px;
	background: #ffffff;
}
/* 移动端（≤767px）字体调整 */
@media (max-width: 767px) {
  .tab_content h3 {
    margin-top: 10px;
    /* font-size: 1.5rem; */
    text-align: center; /* 24px（比PC端小1号） */
    font-weight: 600;
  }
  .tab_content p {
    font-size: 18px; /* 16px（比PC端小1号） */
  }
}

/* 产业链出海解决方案 */
.title-industry{
    font-size: 18px;
    color: #767676;
    font-weight: 600;
}
.number-one span{
    font-size: 60px;
    color: #0C3EB9;
    font-weight: 600;
    padding-left: 18px;
}
.industry-content h3{
    font-size: 20px;
    color: #232323;
}
.industry-content p{
    font-size: 16px;
    color: #767676;
}
.witr_single_service3:hover .number-one span{
	color:#fff !important;
}
.witr_single_service3{
    border-top: 1px solid #0C3EB9;
}

.industry-box{
    background: #FFFFFF;
    box-shadow: 8px 8px 30px 1px rgba(41,66,112,0.16);
    padding: 30px 20px 21px;
    transition: 1s;

}
.industry-box:hover{
    background: #0C3EB9;
    color: #ffffff;
     transition: 1s;
}
.industry-box:hover .fab{
    background: #ffffff;
}
.industry-box:hover h3{
    color: #ffffff;
}

.industry-box .h3{
    font-size: 24px;
    color: #232323;
}
.industry-box .p{
    font-size: 16px;
    color: #626262;
}


/* 图片容器 */
.fab {
    position: relative;
    /* height: 120px;
    width: 120px; */
}
.fab img{
   padding: 10px 10px 10px 12px;
}
/* 图片通用样式 */
.industry-img-default, 
.industry-img-hover {
    position: absolute;
    top: 0;
    left: 0;
    /* width: 100%;
    height: 100%; */
    object-fit: contain;
    transition: opacity 0.4s ease;
}

/* 默认状态 */
.industry-img-default { opacity: 1; }
.industry-img-hover { opacity: 0; }

/* 悬停状态 */
.industry-box:hover .industry-img-default { opacity: 0; }
.industry-box:hover .industry-img-hover { opacity: 1; }

/* 服务支持 */
.service-box h4{
    color: #232323;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
}
.service-box-desc{
    display: flex;
    align-items: center;
    justify-content: center;
   padding: 20px 0;
}
.service-box-desc span{
    font-size: 16px;
    color: #767676;
    margin-left: 10px;
}
.service-box .img-text{
    font-size: 14px; /* 字体大小（可选） */
    color: #666; /* 字体颜色（可选） */
    margin: 10px 0; /* 上下间距（可选） */
    text-align: left;
}
.service-box .img-text img{
    width: 18px; /* 图标宽度（根据实际图片调整） */
  height: 18px; /* 图标高度（根据实际图片调整） */
  margin-right: 8px; /* 图标与文字的间距（可选） */
  object-fit: contain; /* 保持图标比例，避免拉伸 */
}
.sercive-titles{
    font-weight: 600;
font-size: 24px;
color: #232323;

}
.sercive-texts{
    margin: 30px 0 0;
}
.service-box-desc .service-box-desc-item{
    width: 50px;
    height: 50px;
    background: #FFFFFF;
    box-shadow: 0px 0px 14px 1px rgba(41,66,112,0.16);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.service-box-desc .direction{
    padding: 0 5px;
}
  .service-box-desc .direction1{
            display: none;
        }
   @media (max-width: 768px) {
       .service-box-desc {
            flex-direction: column;
            gap: 10px;
        }
        .service-box-desc .direction{
            display: none;
        }
        .service-box-desc .direction1{
            display: block;
            padding-right: 80px;
        }
   }
.service-box-crad{
    padding: 100px 0px 0px;
    background: #F4F9FC;
}
.service-box-crad{
    background: linear-gradient(
    180deg, /* 渐变方向：垂直向下（0deg为水平向右，180deg为垂直向下） */
    #F4F9FC 70%, 
    #ffffff 70%
  );
}


/* 联系我们 */
.contact-us-textlist{
    margin-bottom: 224px;
}
.contact-box{
    padding: 30px 20px 0px;
    background: #fff;
}
.contact-box img{
    margin-right: 10px;
}
.contact-box h4{
    color: #232323;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
}
.contact-box p{
    color:#232323;
    font-size: 16px;
    
}
.contact-box .codesize{
    margin-top: 20px !important;
    width: 150px;
    height: 150px;
    background-color: #767676;
}

.contact-form input{
    background: #EBF2F6 none repeat scroll 0 0;
    border: 0 none;
    height: 68px;
    position: relative;
    width: 100%;
    margin: 34px 0;
}
.contact-form  input::placeholder {
    color: #767676; /* 浅灰色（与图片中占位符颜色一致） */
}
.contact-form input[type="text"] {
  padding-left: 10px;
    letter-spacing: 1px;
}
.witr_field1{
    margin-top: 40px;
    margin-bottom: 70px;
}
.contact-box1 p{
    margin-top: 10px;
}
  @media (max-width: 768px) {

      .contact-box h4{
        font-size: 16px;
        text-align: center;
        }
        .witr_field1{
            margin-bottom: 0px;
        }
        .contact-box1 h4{
            font-size: 24px;
            text-align: left;
        }
        .contact-box{
            padding-bottom: 10px;
        }
   }
/* 联系项容器（图标+文字） */
.contact-item {
  display: flex;
  align-items: flex-start; /* 图标与文字顶部对齐（避免换行时图标居中） */
  /* gap: 12px;  */
  margin: 15px 0; /* 上下间距 */
}

.contact-item span{
    display: inline;
    color: #232323;
    font-size: 18px;
}
.contact-item .contact-value-emil{
    display: inline;
    color: #232323;
    font-size: 18px;
}
/* 文字内容容器（包含“地址:”和地址值） */
.text-container {
  flex: 1; /* 占满剩余宽度 */
  line-height: 1.6; /* 优化行高，提升可读性 */
}

/* “地址:”标签样式 */
.contact-label {
  /* font-weight: 500;  */
}

/* 地址值样式 */
.contact-value {
  /* color: #666; */
}
/* 错误提示样式（类似Element UI） */
.error-message {
  display: none !important; /* 默认隐藏（不占空间） */
  color: #dc3545; /* 红色提示 */
  font-size: 12px; /* 小字体 */
  margin-top: 8px; /* 与输入框的间距 */
  line-height: 1.2; /* 行高（避免多行重叠） */
}

  @media (max-width: 768px) {
    .contact-item span{
        margin-right: 0px !important;
    }
  .slider1  .title-back::after {
        position: absolute;
        left: 260px;
        bottom: 0px;
        width: 291px;
        height: 192px;
        content: "";
        background-image: url(./assets/images/mobile-after.png);
        background-size: cover;
        z-index: -1;
    }
    .breadcumb-area{
          background-image: url(./assets/images/abback-mobile.png);
        height: auto;
    }
    .mobile-titleback::after {
        position: absolute;
        left: 260px;
        bottom: 0px;
        width: 291px;
        height: 192px;
        content: "";
        background-image: url(./assets/images/mobile-after.png);
        background-size: cover;
        z-index: 1;
    }

.breadcumb-area-product {
    padding:100px 0 122px;
    background-image: url(./assets/images/mobile-product.png);
	height: auto
}
  

.breadcumb-area-product::after{
    position: absolute;
    left: 260px;
    bottom: 0px;
    width: 291px;
    height: 192px;
    content: "";
    background-image: url(./assets/images/mobile-after.png);
    background-size: cover;
    z-index: 1;
}


.breadcumb-area-proper {
    padding:100px 0 122px;
    background-image: url(./assets/images/mobile-proper.png);
	height: auto
}
.breadcumb-area-proper::after{
    position: absolute;
    left: 260px;
    bottom: 0px;
    width: 291px;
    height: 192px;
    content: "";
    background-image: url(./assets/images/mobile-after.png);
    background-size: cover;
    z-index: 1;
}
.breadcumb-area-smart {
     padding:100px 0 122px;
    background-image: url(./assets/images/mobile-smart.png);
	height: auto
}
.breadcumb-area-smart::after{
    position: absolute;
    left: 260px;
    bottom: 0px;
    width: 291px;
    height: 192px;
    content: "";
    background-image: url(./assets/images/mobile-after.png);
    background-size: cover;
    z-index: 1;
}
.breadcumb-area-harging {
   padding:100px 0 122px;
    background-image: url(./assets/images/harging01.png);
	height: auto
}
.breadcumb-area-harging::after{
    position: absolute;
    left: 260px;
    bottom: 0px;
    width: 291px;
    height: 192px;
    content: "";
    background-image: url(./assets/images/mobile-after.png);
    background-size: cover;
    z-index: 1;
}
.breadcumb-area-anxiao {
    padding:100px 0 122px;
    background-image: url(./assets/images/mobile-anxiao.png);
	height: auto
}
.breadcumb-area-anxiao::after{
    position: absolute;
    left: 260px;
    bottom: 0px;
    width: 291px;
    height: 192px;
    content: "";
    background-image: url(./assets/images/mobile-after.png);
    background-size: cover;
    z-index: 1;
}
.breadcumb-area-digital {
    padding:100px 0 122px;
    background-image: url(./assets/images/mobile-digital.png);
	height: auto
}
.breadcumb-area-digital::after{
    position: absolute;
    left: 260px;
    bottom: 0px;
    width: 291px;
    height: 192px;
    content: "";
    background-image: url(./assets/images/mobile-after.png);
    background-size: cover;
    z-index: 1;
}
.breadcumb-area-payment {
   padding:100px 0 122px;
    background-image: url(./assets/images/mobile-payment.png);
	height: auto
}
.breadcumb-area-payment::after{
    position: absolute;
    left: 260px;
    bottom: 0px;
    width: 291px;
    height: 192px;
    content: "";
    background-image: url(./assets/images/mobile-after.png);
    background-size: cover;
    z-index: 1;
}
.breadcumb-area-unmanned {
    padding:100px 0 122px;
    background-image: url(./assets/images/mobile-unmanned.png);
	height: auto
}
.breadcumb-area-unmanned::after{
    position: absolute;
    left: 260px;
    bottom: 0px;
    width: 291px;
    height: 192px;
    content: "";
    background-image: url(./assets/images/mobile-after.png);
    background-size: cover;
    z-index: 1;
}
.breadcumb-area-solution {
    padding:100px 0 122px;
    background-image: url(./assets/images/mobile-solution.png);
	height: auto
}
.breadcumb-area-solution::after{
    position: absolute;
    left: 260px;
    bottom: 0px;
    width: 291px;
    height: 192px;
    content: "";
    background-image: url(./assets/images/mobile-after.png);
    background-size: cover;
    z-index: 1;
}
.breadcumb-area-community {
    
     padding:100px 0 122px;
    background-image: url(./assets/images/mobile-community.png);
	height: auto
}
.breadcumb-area-community::after{
     position: absolute;
    left: 260px;
    bottom: 0px;
    width: 291px;
    height: 192px;
    content: "";
    background-image: url(./assets/images/mobile-after.png);
    background-size: cover;
    z-index: 1;
}
.breadcumb-area-park {
    
    padding:100px 0 122px;
    background-image: url(./assets/images/park01.png);
	height: auto
}
.breadcumb-area-park::after{
     position: absolute;
    left: 260px;
    bottom: 0px;
    width: 291px;
    height: 192px;
    content: "";
    background-image: url(./assets/images/mobile-after.png);
    background-size: cover;
    z-index: 1;
}
.breadcumb-area-industry {
    padding:100px 0 122px;
    background-image: url(./assets/images/industrdy01.png);
	height: auto
}
.breadcumb-area-industry::after{
     position: absolute;
    left: 260px;
    bottom: 0px;
    width: 291px;
    height: 192px;
    content: "";
    background-image: url(./assets/images/mobile-after.png);
    background-size: cover;
    z-index: 1;
}
.breadcumb-area-service {
    padding:100px 0 122px;
    background-image: url(./assets/images/mobile-service.png);
    
	height: auto
}
.breadcumb-area-service::after{
     position: absolute;
    left: 260px;
    bottom: 0px;
    width: 291px;
    height: 192px;
    content: "";
    background-image: url(./assets/images/mobile-after.png);
    background-size: cover;
    z-index: 1;
}
.breadcumb-area-contact {
    padding:100px 0 122px;
    background-image: url(./assets/images/contact-mobile.png);
	height: auto
}
.breadcumb-area-contact::after{
    position: absolute;
    left: 260px;
    bottom: 0px;
    width: 291px;
    height: 192px;
    content: "";
    background-image: url(./assets/images/mobile-after.png);
    background-size: cover;
    z-index: 1;
}
.breadcumb-area-case {
    padding:100px 0 122px;
    background-image: url(./assets/images/mobile-case.png);
	height: auto
}
.breadcumb-area-case::after{
      position: absolute;
    left: 260px;
    bottom: 0px;
    width: 291px;
    height: 192px;
    content: "";
    background-image: url(./assets/images/mobile-after.png);
    background-size: cover;
    z-index: 1;
}
  }


/* 页面滚动效果 */
/* 缩放出现 */
/* 滚动动画基础样式 */
/* 滚动动画基础样式 */
.fade-in {
    opacity: 0;
    transition: all 2.2s ease-out;
}

/* 淡入效果 */
.fade-in.visible {
    opacity: 1;
}

/* 从下往上滑动 */
.slide-up {
    opacity: 0;
    transform: translateY(50px);
    transition: all 2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.slide-up.visible {
    opacity: 1;
    transform: translateY(0);
}

/* 从左往右滑动 */
.slide-left {
    opacity: 0;
    transform: translateX(-200px);
    transition: all 2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.slide-left.visible {
    opacity: 1;
    transform: translateX(0);
}

/* 从右往左滑动 */
.slide-right {
    opacity: 0;
    transform: translateX(200px);
    transition: all 2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.slide-right.visible {
    opacity: 1;
    transform: translateX(0);
}

/* 缩放效果 */
.zoom-in {
    opacity: 0;
    transform: scale(0.9);
    transition: all 2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.zoom-in.visible {
    opacity: 1;
    transform: scale(1);
}

/* 旋转效果 */
.rotate-in {
    opacity: 0;
    transform: rotate(15deg) scale(0.9);
    transition: all 2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.rotate-in.visible {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

/* 为不同元素设置不同的延迟 */
.delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.2s; }
.delay-3 { transition-delay: 0.3s; }
.delay-4 { transition-delay: 0.4s; }
.delay-5 { transition-delay: 0.5s; }


/* 首页 */
.techit_feature_area .em-service2.sleft{
    padding-right: 46px;
}

.widget-title{
    font-size: 18px !important;
}

.menu-help-link-container{
    font-size: 14px;
}
.menu-quick-link-container{
     font-size: 14px;
}
.footer-desc{
    font-size: 14px;
}

@media (min-width: 992px) {
      .footer-item0 {
        -ms-flex: 0 0 21.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 21.666667%;
        max-width: 21.666667%;
        margin-right: 30px !important;
    }

    .footer-item1 {
        -ms-flex: 0 0 13.888889%;
        -webkit-box-flex: 0;
        flex: 0 0 13.888889%;
        max-width: 13.888889%;
       
    }
    .footer-item2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
}
.footer-bottom-text{
    font-size: 14px;
    color: #ffffff;
}   
.footer-bottom-text a{
    color: #ffffff;
}
.footer-bottom-text-right{
    text-align: right;
    font-size: 14px;
    color: #ffffff;
}   

@media (max-width: 768px) {
    .footer-middle .widget.widget_nav_menu .widget-title {
    margin-bottom: 10px !important;
}
}

/* 智能充电系统 */
.card-text-padding{
     align-content: center;
    padding-left: 20px;
    padding-right: 15px;
}
.card-text-padding p{
    margin-top: 10px;
    margin-bottom: 10px;
}
.property-maxcard{
    padding-bottom: 0px;
}
.home-video{
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  /* height: 100%; */
  /* min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto; */
  z-index: -100;
  /* background-size: cover; */
  overflow-clip-margin: content-box;
  overflow: clip;
  height: auto; /* 高度根据图片比例自动计算 */
  display: block; /* 避免图片下方间隙 */
}   
  @media (max-width: 992px) {
        .home-video{
           display: none;
        }
        .witr_slick_active{
            background-image: url(./assets/images/homebg-mobile.png);
            background-size: cover; 
            background-repeat: no-repeat;
            background-position: center; 
            /* background-attachment: fixed; */
        }
        /* .witr_ds_content{
            height: 890px;
        } */
  }
.pay-card-text-padding{
    align-content: center;
}
.pay-card-text-padding p{
    margin-bottom: 0px;
}   

.unm-card-text-padding{
    align-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.unm-card-text-padding p{
    margin-bottom: 0px;
}   
/* 案例中心 */
.case-center-box{
    padding: 300px 0px;
}
/* 移动端优化 */
@media (max-width: 768px) {
    /*  */
 
    /* 背景颜色 */
    .witr_ds_content:before{
        background: #182c4400;
    }
    .last-home-card{
        margin-bottom: 26px;
    }
    .product-text{
        font-size: 26px;
        color: #232323;
        text-align: center;
        margin-bottom: 0px;
        font-weight: 600;
    }

    .witr_btn_sinner .abuout-btn{
      margin-left: 0px !important;
    }
    .home-feature{
        padding-top: 50px;
    }
    .home-crad{
       display: block;
    }
    .techit_testimonial_area{
        display: none;
    }
 
    .techit_feature_area{
        background-image: url(./assets/images/skillbg.png) !important;
    background-position: center center;
        /* padding-top: 50px; */
    }
    .title-back h1{
        font-size: 18px !important;
        font-weight: 400;
    }
    .witr_containers{   
        padding: 0px  23px;
    }
    .video_bg{
        background-image: url(./assets/images/aboutmobile01.png);
       background-position: center center;
        width: 100%;
        height: 363px;
    }
    .techit_about_area.about{
	    padding:60px 0px 100px;
    }
    .witr_text_widget_inner .about-desc{
            font-size: 26px !important;
    }
    .tab_content h3{
        font-size: 24px !important;
    }
    .techit_blog_area{
        padding: 40px 0px 30px;
    }
    .text-center{
        font-size: 24px !important;
        /* margin-bottom: 20px; */
    }
    /* 底部 */
    .footer-bottom .footer-bottom-row{
      display: flex;
        flex-direction: column-reverse;
    }
    .footer-bottom-row .footer-bottom-text-left{
        display: flex;
        justify-content: center;
        margin: 20px 0;
    }
    .footer-bottom-row .footer-bottom-text-right{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-around;
    }
     .footer-bottom-row .footer-bottom-text-right span{
        margin-bottom: 15px;
     }
     .menu-quick-link-container  ul li{
       padding-right: 20px;
     }
     .techit_tab_area{
        padding: 20px 0px 50px;
     }
     .proper-number-item{
        margin-right: 0px;
        
    }
    .proper-number{
        display: flex;
        margin-top: 0px;
        justify-content: space-around;
    }
    .proper-number h3{
        font-size: 48px !important;
    }
    .proper-number h4{
        font-size: 16px !important;
        font-weight: 500 !important;
    }
    .property-maxcard{
        padding-bottom: 0px;
    }
    
    /* 安消 */
    .blue_box_item .blue_box{
        width: 87px;
       height: 87px;
    }
    .padding-top-50{
        padding-top: 50px;
    }
    .blue_box_item{
        margin-right:0px;
    }
    /* 产品中心 */
        
    .project_top{
        margin-top:30px;
    }
    .product-container-padtop{
        padding-top: 0px !important;
    }
    /* 解决问题 */
    .techit_feature_box_areaa{
        padding: 50px 0px 50px;
    }
    .pitching-in{
        margin-bottom: 30px;
    }
    .solution-item-box{
        margin-top: 40px;
    }
    .solution-h3{
       padding-top: 20px;
       padding-bottom: 20px;
    }
     .solution-h3 p{
        text-align: center;
     }
     .margin_reject{
        margin-top: 0px;
     }
     .title-industry{
        font-size: 16px !important;
    }
    .witr_service3_content h3{
       margin: 0px 0px 17px;
    }
    .number-one{
        margin-bottom: 0px;
    }
    .industry-box h3{
        margin-top: 0;
        font-size: 22px;
    }
    .industry-box p{
        font-size: 16px;
    }
    .service-box-crad{
        padding-top: 50px;
    }
    .service-box-crad{
        background: linear-gradient(
        180deg, /* 渐变方向：垂直向下（0deg为水平向右，180deg为垂直向下） */
        #F4F9FC 81.5%, 
        #ffffff 60%
             );
    }
    .swiper-slide{
        /* box-shadow: 0px 0px 30px 1px rgba(41,66,112,0.16) !important; */
    }
   .contact-box p{
        font-size: 15px;
    }
    .blue_box_item p{ 
        font-size: 16px;
        margin-top: 10px;
   }
   .home-max-text{
        display: flex;
        font-size: 36px;
        color: #ffffff;
        font-weight: 500;
        justify-content: center;
        flex-wrap: wrap;
   }
   .techit_menu{
        opacity: 0;
   }
   .footer-bottom-text-right{
        text-align: center;
   }
   .footer-middle{
    padding-top: 14px !important;
   }
    .witr_ds_content_inner h2{
        margin-bottom: 5px !important;
    }
    .witr_ds_content_inner h1{
    margin-top: 5px !important;
    }
      .mean-container .mean-nav ul li a{
        font-size: 16px;
      }
      .solution_top-ser{
        margin-top: 16px;
      }
      .contact-us-textlist{
        margin-bottom: 0px;
        }
        .home-zindexlogo{
            z-index: 9999;
        }
}
@media (max-width: 390px) {
    .home-max-text{
        font-size: 34px;
    }
    .item_img1{
        margin-right: 14px;
    }
    .industry-text-center{
        font-size: 22px !important;
    }
    .contact-box .contact-title-title{
        font-size: 15px !important;
    }
}
.mobile_menu_logo img{
    width: 150px;
    /* height: 42px; */
}