@charset "utf-8";
/* CSS Document */
body,div,span,img,h1,h2,h3,h4,h5,h6,ul,li,dl,dd,ol,p,i,b,strong,a,table,th,td,form,input,textarea{
	margin:0;padding:0;outline:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
body{font-family:Arial,'Microsoft Yahei',"PingFang SC",Helvetica,Tahoma;}
ol,ul,li{list-style:none;}
a{
    background: transparent;
    text-decoration: none;
    color: #666;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;display:inline-block;vertical-align:middle;}
::-webkit-scrollbar{width:6px;height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent;background: #f8f8f8;border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px;background: #bbb;}
/* --Public-- */
.hidden{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both;}
.t-c{text-align:center;}
.t-r{text-align:right;}
.valign-middle{display:table-cell;vertical-align:middle;}
.section{background-size:cover;position:relative;}
.pub{width:84%;margin:auto;position:relative;}
.incontainer{padding:120px 0 140px;}

@font-face{
	font-family:FuturaLL;
	src:url('../fonts/Futura LT Light.otf');
}
@font-face {
	font-family:fz;
	src:url('../fonts/bahnschrift.ttf');
}

/* --menu-- */
#menu{position:fixed;left:20px;top:50%;margin-top:-100px;padding:0;list-style-type:none;z-index:999;}
#menu a{display:block;height:32px;overflow:hidden;color:#FFF;}
#menu a i{width:8px;height:8px;border-radius:50%;float:left;margin:12px;background:#fff;}
#menu a b{width:auto;height:32px;float:left;color:#fff;font-size:14px;line-height:32px;margin-left:12px;opacity:0;}
#menu a.active i{width:32px;height:32px;border:1px solid #fff;margin:0;background:none;}
#menu a.active b{opacity: 1;}
#menu a:nth-of-type(1).active i{background:url(../images/menu-page1.png) no-repeat center;}
#menu a:nth-of-type(2).active i{background:url(../images/menu-page2.png) no-repeat center;}
#menu a:nth-of-type(3).active i{background:url(../images/menu-page3.png) no-repeat center;}
#menu a:nth-of-type(4).active i{background:url(../images/menu-page4.png) no-repeat center;}
#menu a:nth-of-type(5).active i{background:url(../images/menu-page5.png) no-repeat center;}
#menu a:nth-of-type(6).active i{background:url(../images/menu-page6.png) no-repeat center;}
#menu a:nth-of-type(7).active i{background:url(../images/menu-page7.png) no-repeat center;}

#menu.ani-cur a i{background-color:#2d70b4;}
#menu.ani-cur a.active i{border:1px solid #2d70b4;}
#menu.ani-cur a.active b{color:#2d70b4;}
#menu.ani-cur a:nth-of-type(1).active i{background:url(../images/menu-page1-cur.png) no-repeat center;}
#menu.ani-cur a:nth-of-type(2).active i{background:url(../images/menu-page2-cur.png) no-repeat center;}
#menu.ani-cur a:nth-of-type(3).active i{background:url(../images/menu-page3-cur.png) no-repeat center;}
#menu.ani-cur a:nth-of-type(4).active i{background:url(../images/menu-page4-cur.png) no-repeat center;}
#menu.ani-cur a:nth-of-type(5).active i{background:url(../images/menu-page5-cur.png) no-repeat center;}
#menu.ani-cur a:nth-of-type(6).active i{background:url(../images/menu-page6-cur.png) no-repeat center;}
#menu.ani-cur a:nth-of-type(7).active i{background:url(../images/menu-page7-cur.png) no-repeat center;}


.header{width:100%;height:auto;position:fixed;left:0;top:0;z-index:9999;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:rgba(255,255,255,0.2); }
.header-box{height:90px;position:relative;z-index:99;}
.header .nava li.logo-item {
    flex: 0 0 auto;
    max-width: none;
    width: auto;
    padding: 0 30px;
}
.header .logo{ height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;}
.header .logo img{  max-width: 222px;
    height: auto;
    display: block;}
.header .nava{ display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
    margin: 0;
    padding: 0;
    list-style: none;}
.header .nava li{flex: 1;
    max-width: 194px;
    height: 90px;
    position: relative;
    text-align: center;}
.header .nava li .nava-li{width:100%;height:90px;font-size:16px;color:#fff !important;line-height:90px;text-align:center;position:relative;overflow:hidden;cursor:pointer;display:block;}

.header .nava li .nava-li img{ margin-left: 5px;}
.header .nava li .nava-li span{width:0px;height:2px;background:#009d85;position:absolute;left:50%;bottom:0;}
.header .nava li:hover .nava-li span{width:40%;left:30%;}
.header .nava li .navtwo{
    min-width: 120px;
    width: auto;
    display: none;
    position: absolute;
    top: 110%;
    left: 50%;
    z-index: 99;
    padding-top: 15px;
	display:none;
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    -ms-transition: top 0.3s;
    -o-transition: top 0.3s;
    transition: top 0.3s;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
dl.navtwo:after{
	position: absolute;
	left:50%;
	top: 0;
	margin-left: -11px;
	content: " ";
	width: 23px; 
	height: 15px;
    background: url(../images/navatwo.png) center no-repeat;
	z-index: 1;
}

.header .nava li .navtwo .inner {
    width: 100%;
    background-color: rgba(255,255,255,1);
    padding: 13px 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 7px 2px rgba(0,0,0,0.2);
}
.header .nava li .navtwo dd {
    height: 36px;
    line-height: 36px;
    text-align: center;
}
.header .nava li .navtwo dd>a {
    display: block;
    height: 100%;
    font-size: 14px;
    color: #666;
    white-space: nowrap;
    padding: 0 20px;
    overflow: hidden;
    background-color: #fff;
}
.header .nava li .navtwo.on{
	top:90%;
}
.header .nava li .navtwo dd>a:hover {
    color:#FFF;
	background-color: #00a89c; 
}
.clear{ clear: both;}

.header .module{width:16%;height:104px;padding-right:28px;float:right;}
.header .module .search{width:90%;height:36px;margin-top:30px;z-index:3;overflow:hidden;position:relative;}
.header .module .search .keywords{width:100%;height:36px;opacity:0;overflow:hidden;}
.header .module .search .keywords input{width:100%;height:36px;padding-right:24px;padding-left:4px;font-size:14px;color:#FFF;outline:none;border:none;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:rgba(255,255,255,0.2);background:none;}
.header .module .search .submit{width:20px;height:20px;border:none;outline:none;background:url(../images/headerSearch.png) no-repeat center;cursor:pointer;position:absolute;right:6px;top:12px;z-index:9;}
.header .module .search input::-webkit-input-placeholder{color:#FFF;}
.header .module .search:hover{z-index:9;}
.header .module .search:hover .keywords{opacity:1;}
.header .module .wechat{width:52px;height:104px; color: #fff; line-height: 104px; padding:0px 0 0px 10px;position:absolute;right:0;top:0;z-index:6;}
.header .module .wechat .icon{width:18px;height:18px;cursor:pointer;display:block;}
.header .module .wechat .mask{width:90px;height:0;right:0;top:71px;position:absolute;overflow:hidden;}
.header .module .wechat .mask img{width:90px;height:90px;background:#FFF;display:block;}
.header .module .wechat:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 5px;
    z-index: 0;
    width: 0;
    height: 0;
    border: 4px solid transparent;
}
.header .module .wechat:hover:after{border-top-color:#FFF;}
.header .module .wechat:hover .mask{height:90px;}

.header.ani-cur{background:rgba(0,0,0,0.4);}
.header.ani-cur .header-box{border-bottom:none;}

/* --banner-- */
.swiper-banner{width:100%;height:100%;margin:auto;overflow:hidden;position:relative;}
.swiper-banner .swiper-slide{overflow:hidden;position:relative;}
.swiper-banner .swiper-slide .imgScale{width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:center top;background-size:cover;}


.swiper-banner .swiper-pagination{position: absolute;
             /* 距离右侧 30px */
    top: 58%;              /* 垂直居中 */
    left:90% !important;
    display: flex;
    flex-direction: column; /* 垂直排列 */
   
  transform: translateY(-39%); 
    gap: 41px;           /* 圆点之间的间距 */
    z-index: 10;}
.swiper-banner .swiper-pagination .swiper-pagination-bullet{     width: 32px;
    height: 32px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    margin: 0 !important;
    cursor: pointer;
    transition: all 0.35s ease;
    /* 缩小到 18px 的视觉效果 (18/32 = 0.5625) */
    transform: scale(0.5625);}
.swiper-banner .swiper-pagination .swiper-pagination-bullet-active{    background: url(../images/point.png) no-repeat center;
    background-size: contain;
    width: 32px;
    height: 32px;
    transform: scale(1);  /* 恢复原始尺寸 */
    transition: all 0.35s;

}

.swiper-banner .swiper-pagination .swiper-pagination-bullet-active:after{height:34px;}

.slide-inner{width:82%;height:100%;left:9%;top:0;z-index:99;position:absolute;}
.slide-inner .banner1_1{width:55%;max-width:865px;left:3%;margin-bottom:-100px;}
.slide-inner .banner2_1{width:55%;max-width:865px;left:3%;margin-bottom:-100px;}
.slide-inner .banner3_1{width:55%;max-width:865px;left:3%;margin-bottom:-100px;}
.slide-inner .banner_img{
	position:absolute;
	bottom:50%;
	opacity:0;
	transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transform: translateX(50px);
	-ms-transform: translateX(50px);
	-moz-transform: translateX(50px);
	-webkit-transform: translateX(50px);
	-o-transform: translateX(50px);
}
.swiper-banner .ani-slide .banner_img{
    opacity: 1;
	transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
}

 .txt .more{width:auto;height:42px;font-size:15px;color:#FFF;line-height:42px;padding:0 24px;margin-top:6%;background:#0099b9;display:inline-block;}
 .txt .more img{margin-right:10px;}
 .txt .more:hover{background:#04a13f;}

.index_xinwen{ width: 100%; height: auto; overflow: hidden; background: #2b2e33;}

.banner_mouse{position:absolute; width: 18px;height: 44px;cursor:pointer;background:url(../images/banner_mouse_ico.png) no-repeat -18px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite; bottom:6%; left:50%;margin-left:-9px;z-index:1;}
.banner_mouse span{font-size: 12px; color: #fff; line-height: 20px; position: absolute; left: 50%; bottom: -20px; transform: translateX(-50%);width: max-content;}
.banner_mouse:after,.banner_mouse:before{content: "";position: absolute;}
.banner_mouse:before{width:18px;height:44px;background:url(../images/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite;animation: colorSlide 1.6s linear infinite;top:0;left:0;}
.banner_mouse:after{background-color: #ffffff;width: 4px;height: 8px;border-radius: 2px;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
@-webkit-keyframes colorSlide {0% {height:0;}
90% {height:40px;}
}
@keyframes colorSlide {0% {height:0;}
90% {height:40px;}
}
@-webkit-keyframes trackBallSlide {0% {opacity:1;-webkit-transform:scale(1) translateY(-8px);transform:scale(1) translateY(-8px);}
34% {opacity:1;-webkit-transform:scale(0.9) translateY(4px);transform:scale(0.9) translateY(4px);}
68% {opacity:0;-webkit-transform:scale(0.4) translateY(16px);transform:scale(0.4) translateY(16px);}
100% {opacity:0;-webkit-transform:scale(0.4) translateY(-8px);transform:scale(0.4) translateY(-8px);}
}
@keyframes trackBallSlide {0% {opacity:1;-webkit-transform:scale(1) translateY(-8px);transform:scale(1) translateY(-8px);}
34% {opacity:1;-webkit-transform:scale(0.9) translateY(4px);transform:scale(0.9) translateY(4px);}
68% {opacity:0;-webkit-transform:scale(0.4) translateY(16px);transform:scale(0.4) translateY(16px);}
100% {opacity:0;-webkit-transform:scale(0.4) translateY(-8px);transform:scale(0.4) translateY(-8px);}
}
@-webkit-keyframes nudgeMouse {0% {-webkit-transform:translateY(0);transform:translateY(0);}
50% {-webkit-transform:translateY(8px);transform:translateY(8px);}
100% {-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes nudgeMouse {0% {-webkit-transform:translateY(0);transform:translateY(0);}
50% {-webkit-transform:translateY(8px);transform:translateY(8px);}
100% {-webkit-transform:translateY(0);transform:translateY(0);}
}

.top_bj_active {
    width: 100%;
    z-index: 20;
    top: 0;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    position: fixed !important;
}
.top_bj_active .nava li .nava-li {
    width: 100%;
    height: 90px;
    font-size: 16px;
    color: #000 !important;
    line-height: 90px;
    text-align: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: block;
}
.top_bj_active .nava li:hover .nava-li{ color: #009d85 !important;}

.index_about_bg{background-image: url(../images/bg1.jpg);

    position: relative;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat; padding-bottom: 72px;}

.pa80{ margin-top: 80px;;}
.green_tit{ color: #009d85; font-size: 16px;;}
.home_big_tit{ font-size: 36px; font-weight: bold; color: #000;margin-top: 28px;}
.home_big_titt{ font-size: 42px; font-weight: bold; color: #fff;margin-top: 28px;}
.index_about_l{ width: 40%;}
.index_about_r{ width: 47%;}
.index_about_tex{  color: #666666; font-size: 16px ; line-height: 35px;}


        .read-more-btn {
            width: 200px;
            display: inline-flex;
            align-items: center;
            text-decoration: none; /* 去除链接下划线 */
            color: #666666;
            font-size: 18px;
            font-weight: 500;
            position: relative;
            padding-bottom: 14px; /* 为底部线条留出空间 */
            transition: color 0.3s ease;
            cursor: pointer;
            margin-top: 62px;;
            justify-content: space-between;
        }

      
        .read-more-btn::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 1px; 
            background-color: #666666;
            transition: background-color 0.3s ease;
        }

        /* 箭头图标样式 */
        .arrow-icon {
            margin-left: 8px;
            display: inline-block;
            transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); 
        }

       
        .read-more-btn:hover {
            color: #009d85;
        }

      
        .read-more-btn:hover::after {
            background-color:#009d85;
        }

        /* 3. 箭头向右移动 */
        .read-more-btn:hover .arrow-icon {
            transform: translateX(5px);
        }



          .read-more-btnn {
            width: 200px;
            display: inline-flex;
            align-items: center;
            text-decoration: none; /* 去除链接下划线 */
            color: #fff;
            font-size: 18px;
            font-weight: 500;
            position: relative;
            padding-bottom: 14px; /* 为底部线条留出空间 */
            transition: color 0.3s ease;
            cursor: pointer;
            margin-top: 52px;;
            justify-content: space-between;
        }

      
        .read-more-btnn::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 1px; 
            background-color: #fff;
            transition: background-color 0.3s ease;
        }

        /* 箭头图标样式 */
        .arrow-icon {
            margin-left: 8px;
            display: inline-block;
            transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); 
        }

       
        .read-more-btnn:hover {
            color: #009d85;
        }

      
        .read-more-btnn:hover::after {
            background-color:#009d85;
        }

        /* 3. 箭头向右移动 */
        .read-more-btnn:hover .arrow-icon {
            transform: translateX(5px);
        }



  /* 核心容器：限制宽度 1600px */
        .container {
            width: 100%;
            max-width: 1600px;
           
            margin: 0 auto;
            margin-top: 67px;
        }

        /* 卡片网格布局 */
        .card-grid {
            display: flex;
            justify-content: space-between;
            gap: 20px; /* 卡片之间的间距 */
        }

        /* 单个卡片样式 */
        .card {
           width: 360px;       /* 固定宽度 */
        height: 390px;      /* 固定高度 */
        background-color: #ffffff; /* 默认白色背景 */
     
        padding: 40px 30px; /* 内部文字的内边距 */
        transition: all 0.3s ease; /* 关键：添加平滑过渡动画 */
        cursor: pointer;
      

        /* 布局内容 */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        }

        /* 图标样式 */
        .card-icon {
            font-size: 40px;
            margin-bottom: 20px;
            color: #009688; /* 默认图标颜色：青绿色 */
            transition: color 0.3s ease;
        }

        /* 标题样式 */
        .card-title {
            font-size: 22px;
            font-weight: bold;
            color: #333333;
            margin-bottom: 15px;
            transition: color 0.3s ease;
        }

        /* 内容文本样式 */
        .card-text {
            font-size: 14px;
            color: #666666;
            line-height: 1.6;
            transition: color 0.3s ease;
        }

        /* --- 交互特效逻辑 --- */

    .pubb {
    width: 91%;
    margin: auto;
    position: relative;
}

   .header .nava li:nth-child(1),
.header .nava li:nth-child(2),
.header .nava li:nth-child(3) {
    margin-right: auto;
}

.header .nava li:nth-child(5),
.header .nava li:nth-child(6),
.header .nava li:nth-child(7) {
    margin-left: auto; 
}

        /* 2. 鼠标移入任意卡片时的特效 (Hover) */
        .card:hover {
           /* 1. 背景变为图片 */
        /* 注意：请确保 ../images/bg2.png 路径正确 */
        background: url('../images/bg2.png') no-repeat center center;

        /* 2. 确保图片填满卡片，不变形 */
        background-size: cover;

        /* 3. 微微上浮增加立体感 */
        transform: translateY(-5px);

        /* 4. 添加更明显的阴影 */
      
        }
        .card:hover .fa-solid img{  filter: brightness(0) invert(1);}

        /* 鼠标移入时，内部文字变白 */
        .card:hover .card-icon,
        .card:hover .card-title,
        .card:hover .card-text {
            color: #ffffff;
        }

        /* --- 响应式设计 --- */

        /* 平板尺寸：每行 2 个 */
        @media (max-width: 1200px) {
            .card-grid {
                flex-wrap: wrap;
            }
            .card {
                flex: 0 0 calc(50% - 10px); /* 减去一半的 gap */
            }
        }

        /* 手机尺寸：每行 1 个 */
        @media (max-width: 768px) {
            .card {
                flex: 0 0 100%;
                margin-bottom: 15px;
            }
        }





.homeProducts{    width: 100%;
    padding-left: 160px;
    box-sizing: border-box;
    overflow: hidden;
   
    margin-top: 50px;}

.homeProducts .list{margin-top:3%;overflow:hidden;}
.homeProducts .list a{display:block;}
.homeProducts .list a .img{overflow:hidden;}
.homeProducts .list a .img img{width:100%;margin:auto;display:block;-o-object-fit:cover;object-fit:cover;-webkit-transition:all 0.5s;transition:all 0.5s;}
.homeProducts .list a .bt{height:54px;font-size:16px;line-height:54px;text-align:center;overflow:hidden;background:#FFF;-webkit-transition: all 0.5s;transition: all 0.5s;}
.homeProducts .list a:hover .img img{-webkit-transform:scale(1.08);transform:scale(1.08);}
.homeProducts .list a:hover .bt{color:#FFF;background:#0b82ca;}

.homeProducts .list .shuzi { margin-top: 25px; color: #009d85; font-size: 36px; font-weight: bold;}

.homeProducts .list .shuzi_word { margin-top: 10px; color: #666666; font-size: 16px; }


.center-center{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.under{width:100%;height:781px;}
.under .box{width:100%;height:781px;position:relative;background-repeat:no-repeat;background-position:center top;background-size:cover;}
.aboutBg{width:100%;height:100%;position:absolute;left:0;bottom:0; z-index: 11;}
.aboutTitle{width:100%;color:#FFF;text-align:center;overflow:hidden;}

.aboutCanvas{width:100%;position:absolute;left:0;bottom:0;}


.index_pro_wraper {
   background: url(../images/bg3.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
  
}

@media (max-width: 1180px) {
    .index_pro_wraper {
        padding:0 40px
    }
}

@media (max-width: 968px) {
    .index_pro_wraper {
        padding:0 20px
    }
}

@media (max-width: 668px) {
    .index_pro_wraper {
        padding:0 10px
    }
}

.index_pro {
   
    margin-top: 68px;

    overflow: hidden;
   
    position: relative;
    width: 100%;
}

@media (max-width: 1440px) {
    .index_pro {
        padding:0 0 0 400px
    }
}

@media (max-width: 1180px) {
    .index_pro {
        padding:0 0 0 300px
    }
}

@media (max-width: 968px) {
    .index_pro {
        padding:10px 20px 0; padding-bottom: 40px; margin-top: 30px;

    }
}

@media (max-width: 668px) {
    .index_pro {
        padding:40px 0 0
    }
}

.index_pro .hd {
    height:400px;
        left: -400px;
    margin-top: -400px;
    position: absolute;
    top: 50%;
    width: 800px;
    z-index: 2
}

@media (max-width: 1681px) {
    .index_pro .hd {
        height:400px;
        left: -410px;
        margin-top: -350px;
        width: 700px
    }
}

@media (max-width: 1440px) {
    .index_pro .hd {
        height:650px;
        left: -260px;
        margin-top: -300px;
        width: 650px
    }
}

@media (max-width: 1180px) {
    .index_pro .hd {
        height:600px;
        left: -250px;
        margin-top: -300px;
        width: 600px
    }
}

@media (max-width: 968px) {
    .index_pro .hd {
        display:none
    }
}

.index_pro .hd:before {
    background-image: -webkit-linear-gradient(right,hsla(0,0%,100%,.11),hsla(0,0%,100%,.02),hsla(0,0%,100%,0),hsla(0,0%,100%,0),hsla(0,0%,100%,0));
    background-image: linear-gradient(270deg,hsla(0,0%,100%,.11),hsla(0,0%,100%,.02),hsla(0,0%,100%,0),hsla(0,0%,100%,0),hsla(0,0%,100%,0));
    border-radius: 100%;
    content: "";
    height: 780px;
    left: -80px;
    margin-top: -390px;
    position: absolute;
    top: 50%;
    width: 780px;
    z-index: 1
}

@media (max-width: 1681px) {
    .index_pro .hd:before {
        height:680px;
        left: -50px;
        margin-top: -340px;
        width: 680px
    }
}

@media (max-width: 1180px) {
    .index_pro .hd:before {
        height:580px;
        left: -50px;
        margin-top: -290px;
        width: 580px
    }
}

.index_pro .hd ul {
    display: block;
    height: 100%;
    position: relative;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 100%;
    z-index: 2
}

.index_pro .hd ul li {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 2
}

.index_pro .hd ul li,.index_pro .hd ul li .item {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.index_pro .hd ul li .item {
    background: none;
    border: none;
    color: #000;
    cursor: pointer;
    margin: 0;
    outline: 0;
    overflow: visible;
    padding: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: visible;
    white-space: nowrap
}

.index_pro .hd ul li .item span {
    background: hsla(0,0%,100%,0);
    border-radius: 25px;
    display: block;
    line-height: 50px;
    position: relative;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .5s;
    transition: all .5s
}

@media (max-width: 1180px) {
    .index_pro .hd ul li .item span {
        border-radius:20px;
        line-height: 40px
    }
}

.index_pro .hd ul li .item span:after,.index_pro .hd ul li .item span:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 2px;
    mask-type: -1px;
    opacity: 0;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 10px
}

.index_pro .hd ul li .item span:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.index_pro .hd ul li .item span em {
    font-family: GillSans-Bold;
    font-size: 17px;
    font-style: normal;
    margin-right: 10px;
    opacity: .4
}

@media (max-width: 1180px) {
    .index_pro .hd ul li .item span em {
        font-size:14px
    }
}

.index_pro .hd ul li .item span i {
    font-size: 16px;
    font-style: normal
}

@media (max-width: 1180px) {
    .index_pro .hd ul li .item span i {
        font-size:14px
    }
}

.index_pro .hd ul li.active .item span {
    background: #009688;
    color: #fff;
    font-weight: 700;
    padding: 0 130px 0 30px;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px)
}

@media (max-width: 1180px) {
    .index_pro .hd ul li.active .item span {
        padding:0 30px;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
}

.index_pro .hd ul li.active .item span:after,.index_pro .hd ul li.active .item span:before {
    opacity: 1
}

.index_pro .bd {
    height: 750px;
    width: 53%;
}

@media (max-width: 1681px) {
    .index_pro .bd {
        height:650px
    }
}

@media (max-width: 1440px) {
    .index_pro .bd {
        height:700px
    }
}

@media (max-width: 968px) {
    .index_pro .bd {
        height:auto!important;
        width: 100%;
    }
}

.index_pro .bd .arrow {
    background: rgba(33,33,61,1);
    border: none;
    display: block;
    height: 69px;
    margin: -18px 0 0;
    outline: 0;
    padding: 0;
    position: absolute;
    top: 58.6%;
    width: 69px;
    z-index: 10; cursor: pointer;
}

@media (max-width: 968px) {
    .index_pro .bd .arrow {
        height:30px;
        margin-top: -10px;
        width: 30px
    }
}

.index_pro .bd .arrow svg {
    color: #fff;
    height: 100%;
    width: 100%
}

.index_pro .bd .arrow.prev {
    left: 42%
}
.index_pro .bd .arrow:hover{
   background: #009d85;
}

@media (max-width: 968px) {
    .index_pro .bd .arrow.prev {
        left:5px
    }
}

.index_pro .bd .arrow.next {
    right: 48%
}

@media (max-width: 968px) {
    .index_pro .bd .arrow.next {
        right:5px
    }
}

.index_pro .bd .txt {
    display: none;
    height: 100%;
    width: 100%
}

@media (max-width: 968px) {
    .index_pro .bd .txt {
        height:auto;
        overflow: hidden
    }
}

.index_pro .bd .txt .inner {
   

  
    position: relative;
   
    width: 100%; 
}

.index_pro .bd .txt .inner>* {
    position: relative;
    z-index: 2
}

.index_pro .bd .txt .inner .des {
    left: 0;
    position: relative;
 
    width: 100%;
    z-index: 5; margin-top: 29px;;
}

.index_pro .bd .txt .inner .des .title {

    font-size: 24px;
   
}
.p68{ padding-top: 68px;}
.see_more b{ font-size: 16px;;}

    /* 核心搜索框样式 */
    .custom-search-box {
        display: flex; /* 弹性布局 */
        align-items: center; /* 垂直居中对齐 */
        justify-content: space-between; /* 两端对齐 */
         color: #009d85;
        border-bottom: 2px solid #5dbcb9; /* 底部青色线条 (根据图片取色) */
        padding-bottom: 5px; /* 文字到底线的距离 */
        transition: all 0.3s ease; width: 399px; margin-top: 40px;
    }

    /* 输入框样式 */
    .custom-search-input {
        flex: 1; /* 占据剩余所有空间 */
        border: none; /* 去掉默认边框 */
        outline: none; /* 去掉点击时的轮廓线 */
        font-size: 16px;
        color: #009d85;
        background: transparent; /* 透明背景 */
        padding: 10px 0;
    }

    /* 占位符颜色 */
    .custom-search-input::placeholder {
        color: #999;
    }

    /* 按钮/图标容器样式 */
    .search-btn {
        width: 36px;
        height: 36px;
        border-radius: 50%; /* 圆形 */
        background-color: #f0fbfb; /* 极淡的青色背景 */
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        margin-left: 10px;
        transition: background-color 0.3s;
        border: none;
    }

    /* 鼠标悬停时的效果 */
    .search-btn:hover {
        background-color: #e0f7f7;
    }

    /* SVG 图标样式 */
    .search-icon {
        width: 18px;
        height: 18px;
        stroke: #5dbcb9; /* 图标颜色与底线一致 */
        stroke-width: 2.5;
        fill: none;
    }
@media (max-width: 1440px) {
    .index_pro .bd .txt .inner .des .title {
        font-size:24px;
        margin-bottom: 80px
    }
}

@media (max-width: 668px) {
    .index_pro .bd .txt .inner .des .title {
        font-size:22px;
        margin-bottom: 40px
    }
}

.index_pro .bd .txt .inner .des .more {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #bfbfbf;
    border-radius: 22px;
    color: #bfbfbf;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    height: 44px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 42px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
    -webkit-transition: all .5s;
    transition: all .5s;
    white-space: nowrap
}

.index_pro .bd .txt .inner .des .more svg {
    -ms-flex-negative: 0;
    color: #bfbfbf;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 10px;
    margin-left: 10px;
    width: 10px
}

.index_pro .bd .txt .inner .des .more:hover {
    background-color: #009a3a;
    border-color: #009a3a;
    color: #fff
}

.index_pro .bd .txt .inner .des .more:hover svg {
    color: #fff
}

.index_pro .bd .txt .inner .bg {
 
    max-width:100%
}

@media (max-width: 968px) {
    .index_pro .bd .txt .inner .bg {
        left:0;
        position:relative;
        top: 0;
        z-index: 1
    }
}

.index_pro .bd .txt .inner .bg img {
    
    width: 100%
}

@media (max-width: 968px) {
    .index_pro .bd .txt .inner .bg img {
        -webkit-transform:translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.index_pro .bd .txt.active,.target-fix {
    display: block
}

.target-fix {
    background: none;
    border: none;
    height: 1px;
    outline: 0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    top: -70px
}

@media (max-width: 1440px) {
    .target-fix {
        top:-60px
    }
}

.target-fix:focus {
    outline: 0
}

.pt {
    padding-top: 110px
}

@media (max-width: 1440px) {
    .pt {
        padding-top:90px
    }
}

@media (max-width: 1180px) {
    .pt {
        padding-top:60px
    }
}




 /* 1. 外部背景层 */
        .pro-section-wrapper {
            background-color: #009688; /* 青绿色背景 */
            padding: 60px 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", sans-serif;
            color: #fff;
            overflow: hidden; /* 防止溢出 */
        }

        /* 2. 核心容器：定宽 1600px 居中 */
        .pro-container {
         
           
            margin: 0 auto;    /* 水平居中 */
           
            box-sizing: border-box;
            position: relative;
        }

        /* 3. 头部区域：标题 + 导航 */
        .pro-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-end; /* 底部对齐 */
            margin-bottom: 20px;
        }

        .pro-titles {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .pro-subtitle {
            font-size: 16px;
            opacity: 0.8;
            letter-spacing: 1px;
        }

        .pro-main-title {
            font-size: 42px;
            font-weight: bold;
            line-height: 1.2;
        }

        /* 右侧导航控制区 */
        .pro-controls {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .pro-pagination {
            font-size: 16px;
            font-family: Arial, sans-serif;
            border: 1px solid rgba(255,255,255,0.5);
            padding: 5px 10px;
            min-width: 60px;
            text-align: center;
        }

        .pro-arrows {
            display: flex;
            gap: 10px;
        }

        .pro-arrow-btn {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: rgba(255,255,255,1);
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.3s;
            color: #4dbbaa;
        }

        .pro-arrow-btn:hover {
            background: #4dbbaa;
            color: #fff;
        }
        .pro-arrow-btn:hover img {
   filter: brightness(0) invert(1) !important;
}

        /* 4. 主图区域 */
        .pro-main-swiper {
            width: 100%;
            height: 600px; /* 设定一个合适的高度 */
        
            overflow: hidden;
            margin-bottom: 0; /* 缩略图要叠上来，所以这里不留底边距 */
            margin-top: 60px;
        }

        .pro-main-swiper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* 5. 缩略图区域 (层叠效果) */
        .pro-thumb-swiper {
            width: 100%;
            padding: 0 2%;;
            height: 120px; /* 缩略图高度 */
            box-sizing: border-box;
            padding-top: 10px;
            margin-top: -140px; /* 【关键】负边距实现向上层叠 */
            position: relative;
            z-index: 10; /* 保证缩略图在大图上面 */
        }

        .pro-thumb-slide {
            width: 18%; /* 5张图，每张约20%，留点缝隙 */
            height: 100%;
            opacity: 1;
            transition: all 0.3s;
            cursor: pointer;
            border: 2px solid transparent;
            box-sizing: border-box;
            background: url(../images/tutua.png) no-repeat center;
            
        }

        .pro-thumb-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* 激活状态样式 */
        .pro-thumb-slide.swiper-slide-thumb-active {
            opacity: 1;
            border-color: #009d85; /* 白色高亮边框 */
            transform: translateY(-5px); /* 微微上浮 */
        }

        /* 响应式微调 */
        @media (max-width: 1024px) {
            .pro-main-title { font-size: 20px; }
            .pro-main-swiper { height: 300px; }
            .pro-thumb-swiper { height: 60px; margin-top: -40px; }
            .pro-controls{ margin-top: 40px;}
        }



        /* --- 基础重置 (防止冲突) --- */
        .news-section-wrapper  {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
         
        }

        /* --- 外部容器样式 --- */
        .news-section-wrapper {
            width: 100%;
            background-color: #fff;
            padding: 60px 0;
            font-family: "Microsoft YaHei", sans-serif;
               padding-bottom: 160px;
        }

        /* 1600px 居中容器 */
        .news-custom-container { 
         
            margin: 0 auto;
        }
        #page_num{ display: none;}

        /* --- 头部标题区域 --- */
        .news-header {
            margin-bottom: 30px;
        }

        .news-subtitle {
            font-size: 16px;
            color: #666;
            margin-bottom: 10px;
            display: block;
        }

        .news-title {
            font-size: 42px;
            font-weight: bold;
            color: #000;
        }

        /* --- Swiper 轮播区域 --- */
        .news-swiper-area {
            margin-bottom: 40px;
            overflow: hidden; /* 防止溢出 */
        }

        .news-swiper-slide {
            height: 300px; /* 图片高度 */
            position: relative;
            cursor: pointer;
            overflow: hidden;
            border-radius: 4px; /* 可选：圆角 */
        }

        .news-swiper-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        /* 悬停放大效果 */
        .news-swiper-slide:hover img {
            transform: scale(1.05);
        }

        /* 图片上的文字遮罩 */
        .news-slide-caption {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
            color: #fff;
            padding: 20px 15px 15px;
            font-size: 16px;
            line-height: 1.4;
        }

.pages {font-size:14px;color: #646464;margin:20px 0px;text-align: center; padding-bottom: 40px;}
.pages .pagination{ justify-content: center;}
.pages a{margin:0px 6px;padding:4px 10px;font-size: 14px;color: #646464;border:1px solid rgb(220,220,220);}
.pages span {margin:0px 6px;padding:4px 10px;font-size: 14px;color: #fff;background: rgb(0,157,133);border: rgb(0,157,133) solid 1px;}
.pages a:hover{background: rgb(0,157,133);border: rgb(0,157,133) solid 1px;color: #fff;}
        /* --- 新闻列表区域 --- */
        .news-list-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px 0;
            border-bottom: 1px solid #eee;
          
             transition: background 0.3s ease, padding 0.3s ease;
        }

        .news-list-item:last-child {
            border-bottom: none;
        }

        .news-list-item:hover {
            background-color: #f9f9f9;
            padding-left: 10px;
            padding-right: 10px;
        }

        /* 左侧标签 */
        .news-tag {
            background-color: #2c3e50; /* 深色背景 */
            color: #fff;
            padding: 6px 15px;
            font-size: 14px;
            white-space: nowrap;
            min-width: 100px;
            text-align: center;
            margin-right: 30px;
        }

        /* 中间标题 */
        .news-link-title {
            flex: 1;
            font-size: 16px;
            color: #333;
            text-decoration: none;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-right: 20px;
        }

        .news-link-title:hover {
            color: #009688;
        }

        /* 日期 */
        .news-date {
            color: #999;
            font-size: 14px;
            margin-right: 30px;
            min-width: 100px;
        }

        /* 查看详情按钮 */
        .news-more-btn {
            color: #009688; /* 青色 */
            text-decoration: none;
            font-size: 14px;
            display: flex;
            align-items: center;
        }

        .news-more-btn::after {
            content: '>';
            margin-left: 5px;
            font-weight: bold;
        }

        /* --- 响应式适配 --- */
        @media (max-width: 1024px) {
            .news-title { font-size: 20px; }
            .news-swiper-slide { height: 240px; }
        }

        @media (max-width: 768px) {
            .news-list-item {
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
            }
            .news-tag { margin-right: 0; }
            .news-link-title { margin-right: 0; white-space: normal; }
            .news-date { margin-right: 0; }
            .news-more-btn { align-self: flex-end; }
        }
   

             .cta-banner-wrap * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        /* --- 外部容器样式 --- */
        .cta-banner-wrap {
            width: 100%;
            /* 模拟图中的青绿色背景，带一点微弱的渐变效果增加质感 */
          
            background: url(../images/bg4.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
            padding: 50px 0;
            font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
            color: #ffffff;
            display: flex;
            justify-content: center; /* 整体居中 */
            border-radius: 20px;
        }

        /* --- 内部核心容器 (控制1420px宽度) --- */
        .cta-content-box {
            width: 100%;
            max-width: 1420px; /* 核心需求：内容宽度限制 */
            padding: 0 20px;   /* 左右留白，防止在小屏幕上贴边 */
            display: flex;
            justify-content: space-between; /* 左右两端对齐 */
            align-items: center; /* 垂直居中 */
        }

        /* --- 左侧文本区域 --- */
        .cta-text-group {
            flex: 1; /* 占据剩余空间 */
            padding-right: 40px; /* 与按钮保持一定距离 */
        }

        .cta-main-title {
            font-size: 32px;
            font-weight: bold;
            line-height: 1.4;
            margin-bottom: 12px;
            letter-spacing: 1px;
        }

        .cta-sub-title {
            font-size: 16px;
            opacity: 0.85; /* 稍微降低透明度以区分层级 */
            line-height: 1.5;
            font-weight: normal;
        }

        /* --- 右侧按钮区域 --- */
        .cta-btn-wrapper {
            flex-shrink: 0; /* 防止按钮被挤压 */
        }

        .cta-action-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            color: #ffffff;
            border: 1px solid rgba(255, 255, 255, 0.6);
            background-color: transparent;
            padding: 12px 35px;
            font-size: 16px;
            border-radius: 4px; /* 轻微圆角 */
            transition: all 0.3s ease;
            white-space: nowrap;
        }

        /* 按钮内的箭头图标模拟 */
        .cta-arrow-icon {
            margin-left: 8px;
            font-style: normal;
            font-size: 18px;
            transition: transform 0.3s ease;
        }

        /* --- 交互效果 --- */
        .cta-action-btn:hover {
            background-color: #ffffff;
            color: #008f85;
            border-color: #ffffff;
        }

        .cta-action-btn:hover .cta-arrow-icon {
            transform: translateX(5px); /* 悬停时箭头右移 */
        }

        /* --- 响应式适配 (小于1024px时调整布局) --- */
        @media screen and (max-width: 1024px) {
            .cta-content-box {
                flex-direction: column; /* 改为上下排列 */
                text-align: center;
                gap: 30px; /* 上下间距 */
            }

            .cta-text-group {
                padding-right: 0;
            }

            .cta-main-title {
                font-size: 26px;
            }

            .cta-sub-title {
                font-size: 14px;
            }
        }

        /* --- 手机端适配 (小于768px) --- */
        @media screen and (max-width: 768px) {
            .cta-banner-wrap {
                padding: 40px 0;
            }

            .cta-main-title {
                font-size: 22px;
            }

            .cta-action-btn {
                width: 100%; /* 手机上按钮全宽更易点击 */
                max-width: 200px;
            }
        }

.m100{ height: 100px;}
 :root {
            --ft-bg-color: #111111;      /* 深色背景 */
            --ft-text-main: #ffffff;     /* 主文字颜色 */
            --ft-text-sub: #999999;      /* 次要文字颜色 */
            --ft-accent: #00a89c;        /* 品牌强调色 (青绿色) */
            --ft-border: #333333;        /* 分割线颜色 */
        }

        .ft-wrapper  {
            box-sizing: border-box;
            margin: 0;
            padding: 0;padding-top: 60px;
            position: relative;;
        }

        .ft-wrapper {
            background-color: var(--ft-bg-color);
            color: var(--ft-text-sub);
            font-family: "Microsoft YaHei", sans-serif;
            width: 100%;
          
            font-size: 14px;
        }

        /* --- 核心容器：全宽背景，内部内容限制宽度 --- */
        .ft-container {
            /* 移除了 max-width，使其铺满父容器 */
            margin: 0 auto;
          
            position: relative;
        }

        /* --- 内部内容盒：限制中间内容的最大宽度为 1420px --- */
        .ft-content-box {
          
            margin: 0 auto;
             margin-top: 80px;
            display: flex;
            justify-content: space-between; /* 左右两栏分开 */
            align-items: flex-start;
            flex-wrap: wrap;
        }

        /* --- 左侧信息区 --- */
        .ft-left-col {
            flex: 0 0 350px; /* 固定宽度 */
            margin-bottom: 40px;
        }

        .ft-logo {
            font-size: 32px;
            font-weight: bold;
            color: var(--ft-accent);
            margin-bottom: 25px;
            display: inline-block;
            font-style: italic;
        }

        .ft-contact-group {
            margin-bottom: 20px;
        }

        .ft-label {
            font-size: 16px;
            color: var(--ft-text-sub);
            margin-bottom: 5px;
            display: block;
        }

        .ft-phone {
            font-size: 28px;
            color: var(--ft-accent);
            font-weight: bold;
            text-decoration: none;
            display: block;
            margin-bottom: 20px;
        }

        .ft-info-item {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            font-size: 14px;
        }

        .ft-info-item i {
            width: 20px;
            color: var(--ft-text-sub);
            margin-right: 10px;
        }

        /* --- 社交图标与二维码交互 --- */
        .ft-socials {
            display: flex;
            gap: 15px;
            margin-top: 50px;
        }

        .ft-icon-box {
            width: 62px;
            height: 62px;
            border: 1px solid var(--ft-text-sub);
          
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            position: relative;
            transition: all 0.3s;
            color: #fff;
        }

        .ft-icon-box:hover {
            border-color: var(--ft-accent);
            color: var(--ft-accent);
            background: #4dbbaa;
        }

        /* 二维码浮层 */
        .ft-qrcode-popup {
            position: absolute;
            bottom: 50px;
            left: 50%;
            transform: translateX(-50%);
            width: 120px;
            height: 120px;
            background: #fff;
            padding: 5px;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(0,0,0,0.5);
            z-index: 10;
        }

        .ft-qrcode-popup::after {
            content: '';
            position: absolute;
            bottom: -6px;
            left: 50%;
            transform: translateX(-50%);
            border-width: 6px 6px 0;
            border-style: solid;
            border-color: #fff transparent transparent transparent;
        }

        .ft-qrcode-popup img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        .ft-icon-box:hover .ft-qrcode-popup {
            opacity: 1;
            visibility: visible;
            bottom: 55px;
        }

        /* --- 右侧导航区：靠右对齐 --- */
        .ft-right-nav {
            display: flex;
            justify-content: flex-end; /* 主轴终点对齐 */
            flex: 1;
            min-width: 0; /* 防止内容溢出 */
               text-align: right;    
        }

        .ft-nav-columns {
            display: flex;
            justify-content: space-between;
            width: 100%;
            max-width: 800px; /* 限制导航区域最大宽度，使其不会无限扩张 */
         
        }

        .ft-nav-column {
            flex: 0 0 22%; /* 四列布局 */
            margin-bottom: 30px;
        }

        .ft-nav-title {
            color: var(--ft-text-main);
            font-size: 16px;
            margin-bottom: 20px;
            font-weight: normal;
        }

        .ft-nav-list {
            list-style: none;
        }

        .ft-nav-list li {
            margin-bottom: 12px;
        }

        .ft-nav-list a {
            color: var(--ft-text-sub);
            text-decoration: none;
            transition: color 0.3s;
            margin-right: 4px;
        }

        .ft-nav-list a:hover {
            color: var(--ft-accent);
        }

        /* --- 底部版权条 --- */
        .ft-copyright-bar {
            
            margin: 40px auto 0;
            padding: 40px 20px;
            border-top: 1px solid var(--ft-border);
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 16px;
            color: #666;
            padding-left: 0px;;
              padding-right: 0px;;
        }

        .ft-tech-service span {
            color: #666;
        }

        /* --- 响应式适配 --- */
        @media (max-width: 1200px) {
            .ft-nav-column {
                flex: 0 0 48%; /* 平板变为两列 */
            }
            .ft-nav-columns {
                justify-content: space-around;
            }
        }

        @media (max-width: 768px) {
            .ft-content-box {
                flex-direction: column;
                text-align: center;
            }
            .ft-left-col {
                margin-bottom: 20px;
                margin-top: 20px;
            }
            .ft-right-nav {
                justify-content: center;
                width: 100%; display: none;;
            }
            .ft-nav-columns {
                width: 100%;
                flex-direction: column;
                align-items: center;
            }
            .ft-nav-column {
                flex: auto;
                width: 100%;
                text-align: center;
                border-bottom: 1px solid #222;
                padding-bottom: 20px;
                margin: 10px 0;
            }
            .ft-copyright-bar {
                flex-direction: column;
                gap: 10px;
                text-align: center;
            }
        }
        

/*首页2*/
.index2_01{margin-top: 60px;}
.index2_pro{position:relative;}
.index2_pro .poster{width:100%; position:relative; z-index:0;}
.index2_pro .video{position:absolute; left:0; top:0; width:100%; opacity:0; visibility:hidden; z-index:1; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.index2_pro .content{position:absolute; top:25%; left:0; right:0; color:#fff; font-size: 14px; z-index:3;}
.index2_pro .content .con{margin-left:5%; max-width:600px; transform:translateY(50px); -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.index2_pro .content .con .detail .d{margin-bottom: 50px; margin-top: 15px; display:none;}
.index2_pro .content .con .pic img{margin-bottom:15px;}
.index2_pro .content .t{font-size: 22px; line-height:24px; }
/*.index2_pro .index2_btn{margin-top:50px;}*/
.index2_btn{line-height:38px; border:1px solid rgba(255,255,255,0.2); display:inline-block; *display:inline; *zoom:1; width:150px; text-align:center; border-radius:4px; color:#fff; position:relative; overflow:hidden;}
.index2_btn:after{content:""; position:absolute; left:0; right:100%; background:#da291c; top:0; bottom:0; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; z-index:0;}
.index2_btn span{position:relative; z-index:1;}
.index2_btn img{margin-top:16px; margin-left: 20px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.index2_btn:hover{border:1px solid #da291c; color:#fff;}
/*.index2_btn:hover img{transform:translateX(10px);}*/
.index2_btn:hover:after{right:0;}

.index2_pro:hover .video{opacity:1; visibility:visible;}
.index2_pro:hover .con{transform:translateY(0); -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.index2_05 .content{ margin-top: 84px; padding-bottom: 84px; height: auto; overflow: hidden;}
.index2_05 .content .left, .index2_05 .content .right{width:49.5%;}
.index2_05 .rect-79{padding-bottom:79%;}
.index2_05 .item .con{position:absolute; left:0; right:0; top:0; bottom:0; padding-top:10%; text-align:center; color:#fff;}
.index2_05 .item .con .t{font-size: 40px;}
.index2_05 .item .con .d{font-size: 16px; margin:10px 0 35px;}
.index2_05 .common-probtn>span{margin:0 auto;}

.form-control, .input-group-addon, .btn{border-radius:2px; }
.form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.common-probtn{text-align:center; cursor:pointer;}
.common-probtn a, .common-probtn>span{display:block; width:230px; text-align:center; color:#fff; line-height:50px; border:1px solid #fff; font-size:16px; text-transform:uppercase; user-select:none; position:relative; border-radius:4px;}
.common-probtn .txt{position:relative; z-index:1; display:inline-block; *display:inline; *zoom:1;}
.common-probtn a:before, .common-probtn>span:before{content:""; position:absolute; left:0; top:0; bottom:0; right:100%; background:#0099b9; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; z-index:0;}

.common-probtn a img, .common-probtn>span img{margin-left: 10px; width: 66px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; display:inline-block; *display:inline; *zoom:1; position:relative; z-index:1; border-radius:4px;}
.common-probtn a:hover, .common-probtn>span:hover{border:1px solid #0099b9;}
.common-probtn a:hover img, .common-probtn>span:hover img{transform:translateX(10px);}
.common-probtn a:hover:before, .common-probtn>span:hover:before{right:0;}

.l{ float: left;}
.r {
    float: right;
}
/* --index-- */
.index-title{color:#FFF;margin-top:4%;}
.index-title h2{
    font-size: 42px;
    line-height: 58px;
    height: 58px;
    font-weight: bold;
    position: relative;
    white-space: nowrap;
}
.index-title p{
    font-size: 16px;
    line-height: 28px;
    word-break: normal;
    text-transform: capitalize;
    -webkit-transition: .3s;
    transition: .3s;
}

.index-product{background:url(../images/index_product_bg.jpg) no-repeat center;}
.index-product-box{height:100%;}
.index-product-swiper{width:100%;height:100%;margin:auto;position:relative;}
.index-product-swiper .next, .index-product-swiper .prev {
    -webkit-animation: pin02 3s ease-in-out 0s infinite;
    animation: pin02 3s ease-in-out 0s infinite;
}
.index-product-swiper .prev {
    left: 50%;
    background: #38bab1 url(../images/prev.png) center no-repeat;
    margin-left: -25px;
    margin-top: -60px;
}
.index-product-swiper .next {
    left: 50%;
    background: #38bab1 url(../images/next.png) center no-repeat;
    margin-left: -25px;
    margin-top: 10px;
}
.index-product-swiper .next, .index-product-swiper .prev {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    z-index: 10;
    cursor: pointer;
    font-size: 0;
    text-align: center;
    border-radius: 50%;
}
.index-product-swiper .next:before, .index-product-swiper .prev:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(56, 186, 177, 0.1);
    -webkit-animation: circlepulse 1.5s ease 0s infinite;
    animation: circlepulse 1.5s ease 0s infinite;
}

.index-product-swiper .prev:hover, .index-product-swiper .next:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

#productSwiper {
    height: 100%;
    overflow: visible;
}
#productSwiper .swiper-slide{
	border-right: 1px solid rgba(45, 112, 180, 0.15);
}
#productSwiper .swiper-slide.swiper-slide-active .swiperinner {
    opacity: 1;
}
#productSwiper .swiper-slide .swiperinner {
    display: table;
    width: 100%;
	height:100%;
	padding-top:70px;
	overflow:hidden;
    opacity: 0.3;
}
#productSwiper .picout {
    float: right;
    position: relative;
    width: 46.65%;
    height: auto;
    margin-right: 100px;
    overflow: hidden;
    padding: 64px;
}
#productSwiper .picout:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background: url(../images/yuanpan.png) center / cover no-repeat;
    -webkit-animation: rt 20s linear 0s infinite;
    animation: rt 20s linear 0s infinite;
}
#productSwiper .pic {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    font-size: 0;
    overflow: hidden;
}
#productSwiper .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
#productSwiper .wz {
    float: left;
    width: 35%;
}
#productSwiper label {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 34px;
    height: 34px;
    position: relative;
}
#productSwiper label:before {
    content: '';
    position: absolute;
    left: 82px;
    top: 16px;
    z-index: 0;
    width: 30px;
    height: 2px;
    background-color: #2d70b4;
}
#productSwiper h3 {
    font-size: 42px;
    color: #333;
    line-height: 58px;
    height: 58px;
    font-weight: bold;
    position: relative;
    margin-top: 58px;
    white-space: nowrap;
}
#productSwiper h3:before {
    content: '';
    position: absolute;
    left: 0;
    top: -22px;
    z-index: -1;
    width: 140px;
    height: 103px;
    background: url(../images/index_product_title.png) center no-repeat;
}
#productSwiper h3 a {
    color: #333;
}
#productSwiper h4 {
    font-size: 20px;
    color: #666;
    line-height: 28px;
    word-break: normal;
    text-transform: capitalize;
    -webkit-transition: .3s;
    transition: .3s;
}
#productSwiper .txt {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    min-height: 72px;
    max-height: 96px;
    overflow: hidden;
    margin-top: 34px;
}
#productSwiper dl {
    margin-top: 36px;
}
#productSwiper dd {
    font-size: 16px;
    padding: 5px 0;
}
#productSwiper dd a {
	height:30px;
    padding-left: 26px;
    color: #555;
    line-height: 30px;
    display: block;
	overflow:hidden;
    position: relative;
}
#productSwiper dd a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 0;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: transparent;
    -webkit-transition: .3s;
    transition: .3s;
    border: 1px solid #c1c1c1;
}
#productSwiper dd a:after {
    content: '';
    position: absolute;
    left: 6px;
    top: 50%;
    z-index: 0;
    width: 0;
    height: 1px;
    background-color: #0061ae;
    -webkit-transition: .3s;
    transition: .3s;
}
#productSwiper h3:hover a, #productSwiper h4:hover, #productSwiper dd:hover a {
    color: #2d70b4;
}
#productSwiper dd:hover a {
    padding-left: 52px;
}
#productSwiper dd:hover a:before {
    border-color: #2d70b4;
}
#productSwiper dd:hover a:after {
    width: 32px;
}




.index-advantage{background:url(../images/index_advantage_bg.jpg) no-repeat center;}
.index-advantage-box{height:100%;padding-top:70px;}
.index-advantage-list{width:100%;height:66%;margin-top:3%;}
.index-advantage-list .wz{width:20%;height:100%;float:left;background:#FFF;}
.index-advantage-list .wz li{width:100%;height:25%;padding:0 10%;border-bottom:1px solid #e5e5e5;cursor:pointer;position:relative;}
.index-advantage-list .wz li:nth-of-type(4n){border:none;}
.index-advantage-list .wz li:before {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#1fb4b8));
    background-image: linear-gradient(to right, #255ba9, #1fb4b8);
    z-index: 60;
    top: 0;
    left: 0;
    transition: all .5s;
}
.index-advantage-list .wz li .box{height:100%;display:table;position:relative;z-index:99;}
.index-advantage-list .wz li i{padding:13px;margin-right:16px;background:#e5e5e5;border-radius:50%;float:left;overflow:hidden;}
.index-advantage-list .wz li h3{padding-top:10px;font-size:24px;line-height:24px;font-weight:bold;color:#2d70b4;white-space:nowrap;}
.index-advantage-list .wz li p{font-size:14px;line-height:24px;color:#666;text-transform:uppercase;white-space:nowrap;}
.index-advantage-list .wz li.on:before{width: 107%;}
.index-advantage-list .wz li.on i{background:#FFF;}
.index-advantage-list .wz li.on h3{color:#FFF;}
.index-advantage-list .wz li.on p{color:#FFF;}

.index-advantage-list .picout{width:80%;height:100%;float:right;background:#000;position:relative;}
.index-advantage-list .picout li{width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:center top;background-size:cover;position:absolute;top:0;left:0;opacity:0;-webkit-opacity:0;}
.index-advantage-list .picout li.on{position:relative;opacity:1;-webkit-opacity:1;z-index:50;}
.index-advantage-list .picout li .con{width:100%;padding:40px 100px;position:absolute;left:0;bottom:0;}
.index-advantage-list .picout li .con img{width:120px;height:96px;float:left;}
.index-advantage-list .picout li .con .txt{width: calc(100% - 160px);float:right;}
.index-advantage-list .picout li .con .txt h3{height:30px;font-size:24px;line-height:30px;font-weight:bold;color:#FFF;overflow:hidden;}
.index-advantage-list .picout li .con .txt p{height:60px;font-size:16px;line-height:30px;color:#FFF;margin-top:10px;overflow:hidden;}


.index-honor{background:url(../images/index_honor_bg.jpg) no-repeat center;}
.index-honor .index-title{color:#333;}
.index-honor-swiper{
	margin-top:2%;
	padding-bottom:120px;
	background:url(../images/index_honor_list.png) no-repeat center bottom;
	background-size:100% auto;
	position:relative;
}
.index-honor-swiper .swiper-wrapper{
}
.index-honor-swiper .swiper-slide{
	height:460px;
	padding:30px 10px 0;
}
.index-honor-swiper .swiper-slide a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.index-honor-swiper .swiper-slide .pic {
	width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
}
.index-honor-swiper .swiper-slide img {
    width: 100%;
    height: auto;
	padding: 8px;
	border: 3px solid #FFF;
	border-radius:10px;
}
.index-honor-swiper .swiper-slide:hover .pic img {
	box-shadow: 0 12px 12px rgba(0,0,0,0.2);
    transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -o-transform: translateY(-30px);
}

.honorSwiper-pagination{width:100%;text-align:center;position:absolute;left:0;bottom:60px;}
.honorSwiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 6px;background:#2d70b4;border-radius:10px;position:relative;}
.honorSwiper-pagination .swiper-pagination-bullet-active{width:24px;}


.index-honor-list{}
.index-honor-list li{width:46%;margin-right:8%;float:left;}
.index-honor-list li .pic {
	width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
}
.index-honor-list li img {
    width: 100%;
    height: auto;
	padding: 2px;
	border: 2px solid #FFF;
	border-radius:10px;
}

.index-company{background:url(../images/index_company_bg.jpg) no-repeat center;}
.index-company-box{height:100%;padding-top:70px;}
.index-company-title{width:32.5%;margin-top:8%;float:left;position:relative;z-index:9;}
.index-company-title label {
    display: block;
    font-size: 16px;
    color: #FFF;
    line-height: 34px;
    height: 34px;
    position: relative;
}
.index-company-title label:before {
    content: '';
    position: absolute;
    left: 82px;
    top: 16px;
    z-index: 0;
    width: 30px;
    height: 2px;
    background-color: #FFF;
}
.index-company-title h2{
    font-size: 42px;
    color: #FFF;
    line-height: 58px;
    font-weight: bold;
    position: relative;
    margin-top: 3%;
	text-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}
.index-company-title h2 a{
    color: #FFF;
}
.index-company-title h2:before {
    content: '';
    position: absolute;
    left: 0;
    top: -22px;
    z-index: -1;
    width: 140px;
    height: 103px;
	opacity:0.2;
    background: url(../images/index_product_title.png) center no-repeat;
}
.index-company-title p{font-size:20px;line-height:30px;color:#FFF;text-transform:uppercase;text-shadow: 3px 3px 3px rgba(0,0,0,0.2);}
.index-company-txt{width:55%;margin-top:8%;float:right;}
.index-company-txt .txt {
    margin: 30px 0 44px;
    font-size: 16px;
    line-height: 34px;
    color: #fff;
    max-height: 170px;
    overflow: hidden;
}
.index-company-txt .scale li{
    width:22%;
	border-right:1px solid rgba(255,255,255,0.2);
	margin-right:4%;
	color:#FFF;
	float:left;
}
.index-company-txt .scale li:nth-of-type(4n){border:none;margin-right:0;}
.index-company-txt .scale li h3{
    font-size: 42px;
    height: 48px;
    line-height: 48px;
	font-weight:normal;
}
.index-company-txt .scale li p{
    font-size: 14px;
    line-height: 28px;
}



.index-news{background:url(../images/index_news_bg.jpg) no-repeat center;background-size:cover;}
.index-news-box{padding-top:70px;}
.index-news-left {
    float: left;
    width: 50%;
}
.index-news-left-title {
    position: relative;
    height: 84px;
}
.index-news-left-title .title {
    float: left;
    position: relative;
}
.index-news-left-title .title:before {
    content: '';
    position: absolute;
    left: 0;
    top: -22px;
    z-index: 0;
    width: 140px;
    height: 103px;
    background: url(../images/index_product_title.png) center no-repeat;
}
.index-news-left-title .title .cn {
    font-size: 42px;
    color: #333;
    line-height: 50px;
    font-weight: bold;
    position: relative;
    z-index: 1;
}
.index-news-left-title .title .cn a {
    color: #333;
}
.index-news-left-title .title .en {
    font-size: 14px;
    color: #999;
    line-height: 34px;
    font-family: 'Arial';
    height: 34px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}
.index-news-left-title .type {
    float: right;
    height: 34px;
    margin-top:30px;
    font-size: 0;
    white-space: nowrap;
}
.index-news-left-title .type a {
    display: inline-block;
    margin-left: 6px;
    overflow: hidden;
    border-radius: 17px;
    background-color: #fff;
    width: 82px;
    height: 34px;
    font-size: 14px;
    color: #333;
    line-height: 34px;
    text-align: center;
}
.index-news-left-title .type a:hover, .index-news-left-title .type a.on {
    color: #fff;
    background-color: #38bab1;
}


.index-news-swiper{width:100%;height:452px;margin-top:54px;position:relative;overflow:hidden;}
.index-news-swiper-item{width:100%;position:absolute;top:0;left:0;opacity:0;-webkit-opacity:0;}
.index-news-swiper-item.on{position:relative;opacity: 1;-webkit-opacity: 1;z-index: 50;}
.index-news-swiper-item .swiper-slide a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.index-news-swiper-item .swiper-slide .pic {
    width: 100%;
    height: 237px;
    overflow: hidden;
    font-size: 0;
}
.index-news-swiper-item .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.index-news-swiper-item .swiper-slide .wz {
    width: 100%;
    padding-top: 21px;
}
.index-news-swiper-item .swiper-slide h3 {
    font-size: 24px;
    color: #333;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
}
.index-news-swiper-item .swiper-slide .txt {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin: 30px 0 36px;
}
.index-news-swiper-item .swiper-slide label {
    font-size: 16px;
    color: #666;
    line-height: 26px;
    font-family: FuturaLL;
    display: block;
    cursor: pointer;
    height: 26px;
	position:relative;
}
.index-news-swiper-item .swiper-slide label:before {
    content: '';
    position: absolute;
    left: 6px;
    top: 50%;
    z-index: 0;
    width: 0;
    height: 1px;
    background-color: #0061ae;
    -webkit-transition: .3s;
    transition: .3s;
}
.index-news-swiper-item .swiper-slide a:hover h3 {
    color: #2d70b4;
}
.index-news-swiper-item .swiper-slide img:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}
.index-news-swiper-item .swiper-slide a:hover label{
	color: #2d70b4;
    padding-left: 52px;
}
.index-news-swiper-item .swiper-slide a:hover label:before {
    width: 32px;
}
.index-news-swiper-item .prev, .index-news-swiper-item .next {
	position: absolute;
	z-index:10;
    top: 50%;
    width: 40px;
    height: 40px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    outline: 0 none;
    border-radius: 50%;
    margin-top: -20px;
	cursor:pointer;
}
.index-news-swiper-item .prev {
    left: 0;
    background: rgba(0, 0, 0, 0.5) url(../images/prev.png) center no-repeat;
}
.index-news-swiper-item .next {
    right: 0;
    background: rgba(0, 0, 0, 0.5) url(../images/next.png) center no-repeat;
}
.index-news-swiper-item .prev:hover, .index-news-swiper-item .next:hover {
    background-color: #2778be;
}


.index-news-right {
    float: right;
    width: 46.875%;
}
.index-news-right a {
    display: block;
    position: relative;
    width: 100%;
}
.index-news-right .pic {
    width: 100%;
    height: 467px;
    overflow: hidden;
    font-size: 0;
    position: relative;
    z-index: 0;
}
.index-news-right img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.index-news-right .wz {
    width: 70%;
    position: relative;
    z-index: 2;
    margin-left: 40%;
    margin-top: -180px;
}
.index-news-right .title {
    padding: 60px 40px 40px 40px;
    background-color: #2778be;
    border-top-left-radius: 40px;
    position: relative;
    overflow: hidden;
}
.index-news-right .date {
    height: 52px;
    line-height: 52px;
}
.index-news-right .date span {
    font-family: FuturaLL;
    color: #fff;
}
.index-news-right .date .day {
    font-size: 52px;
}
.index-news-right .date .year {
    font-size: 16px;
    margin-left: 10px;
}
.index-news-right h3 {
    font-size: 22px;
    color: #fff;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    margin-top: 10px;
}
.index-news-right .more {
    padding: 0 40px;
    background-color: #1164ac;
    height: 52px;
}
.index-news-right label {
    font-size: 16px;
    color: #fff;
    line-height: 52px;
    font-family: FuturaLL;
    display: block;
    cursor: pointer;
    height: 100%;
}
.index-news-right img:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}

@media screen and (max-width: 1400px){
	.index-news-left{
		width: 100%;
	}
	.index-news-swiper-item .swiper-slide {
		width: 380px;
	}
	.index-news-right{
		display:none;
	}
}




/* --footer-- */
.footer {
    position: relative;
    background:#0d0d0e;
}
.footer .pub{
    padding:60px 0 46px;
}
.footer_fl{
	width:20.6%;
	
	float:left;
}
.footer_fl .logo{
	margin-bottom:40px;
}
.footer_fl .logo img{
	max-width:100%;
	display:block;
}
.footer_fl .ewm{
	overflow:hidden;
}
.footer_fl .ewm .pic{
	max-width:42%;
	margin-right:5%;
	display:inline-block;
	overflow:hidden;
}
.footer_fl .ewm .pic img{
	width:100%;
	max-width:110px;
	display:block;
}
.footer_fl .ewm .pic p{
	font-size:14px;color:#a1a6b0;line-height:28px;margin-top:10px;text-align:center;
}

.footer_tel{
	width:24.5%;
	margin-left:4%;
	float:left;
}
.footer_tel .wx{
	margin-bottom:20px;
}
.footer_tel .wx:last-child
{ 
	margin:0;
}

.footer_tel .wx ul li{ color: #afafaf; font-size: 18px;padding-left: 32px;
   
    word-break: break-all;
    background-repeat: no-repeat;
    background-position: left center; margin-top: 22px;}

.footer_tel .wx ul li:nth-of-type(1) {
	background-image: url(../images/tel.png); margin-top: 0px;}
.footer_tel .wx ul li:nth-of-type(2) {
	background-image: url(../images/email.png);}
.footer_tel .wx ul li:nth-of-type(3) {
	background-image: url(../images/add.png);}


.footer_tel .wx p{
	font-size:14px;color:#a1a6b0;line-height:28px;
}

.footer_nava{width:23.25%;float:left;}
.footer_nava dl{width:45%;float:left;color:#a9a9a9;text-align:center;margin-left:2%;}
.footer_nava dt{font-size:16px;color:#FFF;margin-bottom:20px;}
.footer_nava dd{font-size:14px;line-height:28px;}
.footer_nava dd a{color:#a1a6b0;}
.footer_nava dd a:hover{color:#FFF;}

.footer_share{ float: right; width: 15%;}
.footer_bot_logo{ text-align: right;}
.footer_share_ico{ text-align: right;}
.footer_share_ico ul li{ display: inline-block; width: 44px; height: 44px; background: #28282b; border-radius: 50%; line-height: 44px; text-align: center; margin-top: 42px; margin-left: 2%; margin-right: 2%;}
.footer_share_ico ul li:hover{ background: #0099b9;}
.footer_sx {
    position: absolute;
    left: 22.6%;
    top: 0;
    z-index: 0;
    width: 1px;
    height: 100%;
	background-color: rgba(255,255,255,0.25);
}
.footer_sx .center {
    position: absolute;
    left: -5px;
    top: 68px;
    z-index: 1;
    width: 10px;
    height: 50px;
    background:url(../images/footer_line.png) no-repeat center #333941;
}

.footer_icp{font-size:14px;color:#a1a6b0;line-height:24px;padding:18px 0;text-align:center;background:#0d0d0e; border-top: 1px solid #28282c;}
.footer_icp a{font-size:14px;color:#a1a6b0;}
.footer_icp a:hover{color:#FFF;}
.footer_icp b{font-weight:normal;margin-left:20px;}
.footer_l{ float: left; margin-top: 10px;}
.footer_r{ float: right;}
/* --暂无内容-- */
.no-goods{padding:100px 0;overflow:hidden;text-align:center;}
.no-goods img{width:220px;max-height: 105px;display: block;margin:0 auto 30px;}
.no-goods p{font-size:14px;color:#666666;line-height: 20px;}

/* --分页-- */
.de-page-mian {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin:20px 0 0;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 26px;
  padding: 0 5px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #2778be;
  background: #2778be;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../images/page-prve.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../images/page-prve-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../images/page-next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../images/page-next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}
.inner_comapny{ margin-top: 67px;}
.inner_company_tit{ color: #333333; font-size: 44px; text-align: center;  font-weight: bold;}
.inner_company_tit_line{ width: 44px; height: 7px; background:#0099b9; margin: 0px auto; text-align: center; margin-top: 17px;}
.inner_comapny_tex{ margin-top: 46px; color: #737574; font-size: 16px; line-height: 40px;}
.about1{ margin-top: 44px;}
.about1 img{ max-width: 100%;}
.inner_company_wh{margin-top: 54px; height: auto; overflow: hidden; padding-bottom: 100px;}
.inner_company_wh ul li{ float: left; width: 33%;
    background-repeat: no-repeat;
    background-position: left center;padding-left: 82px; }

.inner_company_wh ul li .inner_sm{ font-size: 30px; font-weight: bold; color: #333333;}
.inner_company_wh ul li .inner_sm_tex{ color: #737574; font-size: 24px; margin-top: 26px;}
.inner_company_wh ul li:nth-of-type(1) {
	background-image: url(../images/tu1.png); margin-top: 0px;}
.inner_company_wh ul li:nth-of-type(2) {
	background-image: url(../images/tu2.png);}
.inner_company_wh ul li:nth-of-type(3) {
	background-image: url(../images/tu3.png);}


.inner_product { background: #f8f8f8; padding-top: 67px;}



   /* --- 主容器 --- */
        .main-container {
            width: 100%;
          
          
            display: flex;
      
            overflow: hidden;
         
             justify-content: flex-start;
             margin-top: 59px;
             padding-bottom: 85px;
        }

        /* --- 左侧导航栏 (占32%) --- */
        .left-sidebar {
            flex: 0 0 32%; /* 固定占比 */
          
            padding: 40px 0;
          
            display: flex;
            flex-direction: column;
        }

        .nav-list {
            list-style: none;
            width: 100%;
        }

        .nav-item {
            position: relative;
            padding: 22px 40px;
            cursor: pointer;
            color: #333;
            font-size: 26px;
            transition: all 0.3s ease;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid #f0f0f0; /* 默认淡色分割线 */
            padding-left: 0px;;
             padding-right: 0px;;
        }

        /* 悬停效果 */
        .nav-item:hover {
            background-color: #f9fbfd;
            color: #00a896;
        }

        /* 激活状态 (高亮) */
        .nav-item.active {
            color: #00a896; /* 主题青色 */
            font-weight: bold;
        }

        /* 激活时的箭头显示 */
        .nav-item .arrow {
            opacity: 0;
            transform: translateX(-10px);
            transition: all 0.3s ease;
            color: #00a896;
        }

        .nav-item.active .arrow {
            opacity: 1;
            transform: translateX(0);
        }

     
        .right-content {
            flex: 0 0 57.3%; 
           
        
            display: flex;
            flex-direction: column;
            justify-content: center;
            position: relative;
            margin-left: auto;
        }

      
        .image-wrapper {
            width: 100%;
            height: 503px; 
          
            position: relative;
          
          
            margin-bottom: 20px;
        }

        .product-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: none; /* 默认隐藏 */
            animation: fadeIn 0.5s ease;
        }

        .product-img.active {
            display: block; /* 激活显示 */
        }

        @keyframes fadeIn {
            from { opacity: 0.8; }
            to { opacity: 1; }
        }

        /* 左下角切换按钮 */
        .nav-controls {
            position: absolute;
            bottom: 0px;
            left: -69px;
            display: flex;
            gap: 2px;
            z-index: 10;
        }

        .control-btn {
            width: 69px;
            height: 69px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            cursor: pointer;
            font-size: 20px;
            user-select: none;
        }

        .btn-prev {
            background-color: #1b2a49; /* 深蓝色 */
        }

        .btn-next {
            background-color: #00a896; /* 青色 */
        }

        .control-btn:hover {
            opacity: 0.9;
        }

        /* 底部信息栏 */
        .info-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
          
            padding: 0 10px;
        }

        .current-title {
            font-size: 20px;
            color: #333;
            font-weight: 500;
        }

        .detail-link {
            display: flex;
            align-items: center;
            color: #666;
            text-decoration: none;
            font-size: 14px;
            cursor: pointer;
            transition: color 0.3s;
        }

        .detail-link:hover {
            color: #00a896;
        }

        .detail-icon {
            margin-right: 5px;
            font-size: 16px;
        }

        /* --- 响应式适配 --- */
        @media (max-width: 1200px) {
            .main-container {
                flex-direction: column;
                height: auto;
            }

            .left-sidebar, .right-content {
                flex: none;
                width: 100%;
            }

            .left-sidebar {
                border-right: none;
                border-bottom: 1px solid #eee;
            }

            .image-wrapper {
                height: 300px;
            }
        }

.message-bg {
    height: 781px;
    background-color: #21213d;
    position: relative; overflow: hidden;
}

.message-bg .mzbox {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto
}

.message-bg .msg-infos {
    position: absolute;
    width: 55%
}

.message-bg .msg-infos .msg-entitle {
    font-size: 154px;
    line-height: 1;
    color: rgba(255,255,255,.05);
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 10px;
    padding-top: 50px
}

.message-bg .msg-infos .msg-subtitle {
    font-size: 18px;
    color: #fff
}

.message-bg .msg-infos .msg-title {
    font-size: 60px;
    color: #fff
}

.message-bg .message-box {
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    background-color: #fff;
    padding: 75px 70px;
    width: 43%
}

.message-bg .message-box h5 {
    font-size: 16px;
    color: var(--base-color);
    margin-bottom: 30px
}

.message-bg .message-box .form-control {
    color: #999;
    border: 0;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    box-shadow: 0
}

.message-bg .message-box .form-control>label {
    font-size: 14px
}

.message-bg .message-box input.form-control {
    font-size: 16px;
    border-bottom: 1px solid #cfcfcf;
    font-weight: 300
}

.message-bg .message-box form .form-group.required:before {
    content: unset
}

.message-bg .message-box form .form-group + .form-group {
    margin-top: 30px
}

.message-bg .message-box form .form-group .btn {
    font-size: 16px;
    padding: 18px 65px;
    margin-top: 10px;
    background-color: #d7d7d8;
    border: 0
}

.message-bg .message-box form .form-group .btn i {
    padding-left: 19px
}

.message-bg .message-box form .form-group .btn:hover {
    background-color: var(--base-color)
}

.message-bg .message-box input.form-control:focus {
    border-color: var(--base-color);
    color: var(--base-color)
}