.c{clear: both;}
.publicTit .wenzi i{display: inline-block; vertical-align: sub; margin: 0 6px; width: 18px;height: 18px;background: url(../images/lx.png) no-repeat center;}
.productFour .dd{overflow: hidden; float: left; width: 16.6666666%;text-align: center;position: relative;}
.productFour .dd .ddItem{color: #fff; position: absolute; top: 0; left: 0;right: 0;bottom: 0;text-align: center; background: #fff; background: rgba(0,0,0,.3);z-index: 2;transition: .8s;-webkit-transition: .8s;}
.centerCot{ position: absolute; left: 0;right: 0; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
.cpIcon{ display: inline-block; width: 120px;height: 80px;background: url(../images/cp.png) no-repeat;transition:1s;-webkit-transition: 1s;}
.cpIcon_2{background-position: 0 -160px;}
.cpIcon_3{background-position: 0 -320px;}
.cpIcon_4{background-position: 0 -480px;}
.productFour .dd .ddItem .more{ display: inline-block;background: #61A60E;color: #fff;padding: 0 20px;border-radius: 18px;line-height: 34px;}
.productFour .dd .ddItem h6{ padding: 4% 0;}
.productFour .dd >a{position: relative; display: block;overflow: hidden;}
.songti{ font-family: simsun;}
.application{ position: relative; overflow: hidden;}
.application .swiper-slide{ position: relative;}
.application .swiper-slide .xq{ display: block; position: relative;overflow: hidden;}
.appBtn,.videoBtn{z-index: 5; position: absolute; top: 50%;margin-top: -25px;background: #000; background: rgba(0,0,0,.5); border-radius: 50%;}
.appBtn{ width: 48px;line-height: 48px; height: 48px;text-align: center;color: #fff; font-size: 30px;}
.appLeft{ left: 4%;}
.appRight{ right: 4%;}
.videoBtn{ margin-top: -26px;}
.videoBtn img{ width: 34px;}
.videoLeft{ left: 0;}
.videoRight{ right: 0;}
.font24 {
    font-size: 24px;
}
.blockImg {
    display: block;
    width: 100%;height: 350px;
}
.application .swiper-slide .name{z-index: 2; position: absolute; left: 0;right: 0;top: 50%; margin-top: -20px;text-align: center;color: #fff; font-size: 17px;font-weight: bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; line-height: 40px;}
.application .swiper-slide:before{content: '';z-index: 1; position: absolute;  background:#000; left: 30%; right: 30%; top: 42%; bottom: 42%; transition:.6s;-webkit-transition: .6s; left: 0;  top:0; right: 0; bottom: 0;background: rgba(0,0,0,.5); border: 2px solid #fff;border-radius: 22px; opacity:0; -webkit-opacity:0}
.opacityTxt{color: #fff;z-index: 3; position: absolute; opacity: 0;-webkit-opacity: 0; left: 0;right: 0;text-align: center;top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); width: 100%;}
.opacityTxt .cell .icon{ transform: translate(0,15px);-webkit-transform: translate(0,15px); background: #fff;border-radius: 50%;height: 80px;width: 80px;}
.opacityTxt .cell .font24{ padding: 1% 0 3% 0;}
.opacityTxt .link a{background: #61a60e; display: inline-block; line-height: 34px;color: #fff;margin: 1px 5px;padding: 0 20px;border-radius: 20px;}
.opacityTxt .link a i{vertical-align: middle;position: relative;top: -1px;margin-right: 5px; display: inline-block;width: 12px;height: 12px;background: url(../images/mn.png) no-repeat;}
.application .swiper-slide .name span{ display:inline-block; border:2px solid #fff; padding:0 20px; border-radius:24px; min-width:5em; background:rgba(0,0,0,.5)}

.e_FlowCommonStyleBox-001 {
    width: 100%;
    height: auto;
    width-uint:%;
   }
   .e_FlowCommonStyleBox-001 .stylebox_link {
    color: #666666;
    font-size: 14px;
    display: table;
    height: inherit;
    border-width: 0;
    float: right;
    vertical-align: middle;
    margin-right: 15px;
   }
   .e_FlowCommonStyleBox-001 .stylebox_link:hover {
    color: rgba(101,190,186,1);
   }
   .e_FlowCommonStyleBox-001 .stylebox_link:active {
    color: rgba(101,190,186,1);
   }
   .e_FlowCommonStyleBox-001 .stylebox_top {
    width: auto;
    height: 40px;
    background-color: #1890FF;
   }
   .e_FlowCommonStyleBox-001 .title_icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255,255,255,1);
    margin-right: 10px;
    font-size: medium;
   }
   .e_FlowCommonStyleBox-001 .title_icon::before {
    content: "";
   }
   .e_FlowCommonStyleBox-001 .title_main {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255,255,255,1);
    font-weight: normal;
    font-size: 16px;
    max-width: 600px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
   }
   .e_FlowCommonStyleBox-001 .title_sub {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255,255,255,1);
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
   }
   .e_FlowCommonStyleBox-001 .stylebox_title {
    display: inline-block;
    width: auto;
    height: inherit;
    background-color: #1890FF;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 0;
    vertical-align: bottom;
    white-space: nowrap;
   }
   .e_FlowCommonStyleBox-001 .stylebox_link a {
    color: inherit;
    display: table-cell;
    vertical-align: middle;
   }
   .e_FlowCommonStyleBox-001 .link_icon {
    display: inline-block;
    margin-left: 5px;
   }
   .e_FlowCommonStyleBox-001 .link_icon::before {
    content: '\e6af';
   }
   .e_FlowCommonStyleBox-001 .stylebox_top_line {
    height: 1px;
    background-color: rgba(240,240,240,1);
   }
   .e_FlowCommonStyleBox-001 .stylebox_content {
    border-style: solid;
    border-width: 1px;
    border-color: #f0f0f0;
    width: 100%;
    width-uint:%;
   }
   .e_FlowCommonStyleBox-001 .stylebox_bottom_line {
    height: 1px;
    background-color: rgba(240,240,240,1);
   }

   .cptit{ text-align: center; margin: 20px 0;}
   .cptit h2{ color: #333333; font-size: 44px; font-weight: bold !important;}
   .cptit h2 span{ color: #d10000; font-weight: bold;}
   .cptit p{ color: #999999; font-size: 16px;}
   @media screen and (max-width:1440px){
       .cptit h2{ font-size: 32px;}
   }
   @media screen and (max-width:991px){
       .cptit h2{ font-size: 24px;}
       .cptit p{ font-size: 14px;}
   }


 .in_pro{

background: #eee;
    background-size: cover;
    font-family: Arial, sans-serif; padding: 80px 0;
 }  
   
   .product-header {
    display: flex;
    max-width: 1400px;
    margin: 20px auto;
}
.product-title {
    background: #c00;
    color: white;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.product-title span {
    font-size: 20px;
}
.product-title small {
    font-size: 14px;
    display: block;
}
.product-nav {
    background: white;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 20px;
}
.product-nav a {
    color: #333;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
}
.product-nav a::before {
    content: "●";
    color: #c00;
    font-size: 10px;
}
.product-list {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 20px 0;
}
.product-item {
    background: white;
    padding: 15px;
    text-align: center;
    transition: transform 0.3s ease;
}
.product-item:hover {
    transform: scale(1.05);
}
.product-item img {
    width: 100%;
    height: 200px;
    
    margin-bottom: 10px;
}
.product-item .logo {
    width: 80px;
    height: auto;
    margin-bottom: 10px;
}

.hangye{width:1200px; margin:0 auto; clear:both;}
.hangye_title{text-align:center; font-size:18px;width:1000px; margin:0 auto;}
.hangye_title h3{font-size:28px; color:#333; height:60px; line-height:30px;}
.hangye_title span{color: rgb(68, 68, 68); font-family: sourcehanr, "microsoft yahei", arial, "helvetica neue", helvetica, sans-serif; font-size: 17px;}

.yingyong{background:100%; padding:20px 0; background:#F2F2F2;}
.yingyong_bg{width:100%;max-height:440px;}
.product_bg{width:100%;max-height:1000px;}
.yingyong_bg img,.product_bg img{width:100%;}


 /* 全屏背景容器 - 替代body的背景作用 */
 .bg-container {

    top: 0;
    left: 0;
padding: 80px 0;
    height: 800px; /* 高度等于视口高度 */
    background: url('../images/icom-bg.jpg') no-repeat center center;
    background-size: cover; /* 背景图全屏覆盖 */
    z-index: -12; /* 放在内容下方，不遮挡内容 */
}
/* 中间内容容器 - 保持1400px宽度 */
.content-wrapper {
    width: 1400px;
    margin: 0 auto;
    position: relative;
    height: 600px; /* 高度等于屏幕高度 */
    overflow: hidden;
}
/* 顶部大文字 */
.company-profile-text {
    position: absolute;
    top: 20%;
    right: 10%;
    font-size: 80px;
    color: rgba(255,255,255,0.8);
    line-height: 1.2;
    font-weight: 300;
    text-align: right;
}
/* 图标导航区 */
.nav-icons {
    position: absolute;
    top: 400px;
  
    display: flex;
    gap: 20px;
}
.nav-item {
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.nav-item img {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    margin-bottom: 10px;
    object-fit: cover;
}
/* 内容区 */
.content {
   margin-top: 80px;
    bottom: 20%;
   
    color: #fff;
    max-width: 700px;
}
.content h2 {
    font-size: 32px;
    margin-bottom: 20px;
}
.content p {
    line-height: 1.6;
    margin-bottom: 20px;
}
.content .btn {
    display: inline-block;
    padding: 10px 20px;
    background: #ff3333;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
}
/* 右侧图片 */
.right-img {
    position: absolute;
    top: 100px;
    right: 0;
    width: 650px;
    height: 400px;
    border-radius: 8px;
    overflow: hidden;
 
}
.right-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.news-center {
    width: 100%;
    height: 983px;
    position: relative;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 100px;
}
.news-center::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/icom-bg2.jpg') no-repeat center center;
    z-index: 1;
}
.news-center > * {
    position: relative;
    z-index: 2;
}
.title-group {
    text-align: center;
    margin-bottom: 80px;
}
.title-group .big-title {
    font-size: 120px;
    font-weight: 200;
    color: rgba(255, 255, 255, 0.2);
    letter-spacing: 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -30px;
    z-index: -1;
}
.title-group .main-title {
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 15px;
}
.title-group .subtitle {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
}
.content-wrapper {
    width: 100%;
    max-width: 1600px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 40px;
}
.logo-card {
    width: 45%;
    height: 360px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.logo-card img {
    width: 684px;
    height: 360px; border: 3px solid #fff;
}
.news-item {
    width: 48%;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 30px;
}
.news-item:nth-child(3) {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: none;
    padding-bottom: 0;
}
.news-item:nth-child(3) .news-left,
.news-item:nth-child(3) .news-right {
    width: 48%;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.news-item .date {
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 15px;
    color: #fff;
}
.news-item .news-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #fff;
}
.news-item .news-desc {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.6;
    margin-bottom: 20px;
}
.news-item .read-more {
    text-align: right;
}
.news-item .read-more a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}
.news-item .read-more a::after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ff3333;
    margin-left: 8px;
}