/*banner*/
.ind-banner{width: 100%; overflow: hidden;} 
.ind-banner .swiper-slide {position: relative;}
/* E11 (2026-07-19 修正v2=方案A): banner 尺寸预留消除 CLS。桌面 PC 图 1920×830，手机 Phone 图 750×640；aspect-ratio 置于 .bg 容器（与 media.css:103 断点 1004px 对齐）避免与 swiper 高度测量冲突；img 100%/100% + object-fit:cover 防上传尺寸偏差变形。注意：不设 display:block 以免覆盖 .PC-Box/.Phone-Box 的 display:none 显隐切换（后者特异性仅 0,1,0） */
.ind-banner .swiper-slide .bg{ aspect-ratio: 1920 / 830; }
.ind-banner .swiper-slide .bg img{ width: 100%; height: 100%; object-fit: cover; }
@media (max-width:1004px){ .ind-banner .swiper-slide .bg{ aspect-ratio: 750 / 640; } }
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .onebox{ position: absolute; left: 0; width: 100%; text-align: center; top: 35%; transform: translateY(-65%); color: #fff;} 
.ind-banner .onebox .txt1{ font-size: 0.48rem; line-height: 0.48rem; font-weight: bold;}
.ind-banner .onebox .txt2{ font-size: 0.36rem; padding-top: 0.15rem; }
.ind-banner .twobox{ position: absolute; left: 50%; margin-left: -7.68rem; top: 40%; transform: translateY(-60%); color: #fff;} 
.ind-banner .twobox .txt1{ font-size: 0.48rem; line-height: 0.48rem; font-weight: bold;}
.ind-banner .twobox .txt2{ font-size: 0.24rem; padding: 0.2rem 0 0.5rem; }
.ind-banner .twobox .btnDiv{ width: 138px; height: 44px; border: #fff solid 2px; text-align: center; line-height: 44px; color: #fff; font-size: 14px; text-transform: uppercase; }
.ind-banner .swiper-pagination{ position: absolute; text-align: center; left: 0!important; width: 100%!important; bottom: 0.6rem!important; } 
.ind-banner .swiper-pagination-bullet { position: relative; width: auto; width: 40px; height: 3px; opacity: 1; border-radius: 0; background: rgba(255,255,255,0.6); margin-left: 4px!important; margin-right: 4px; } 
.ind-banner .swiper-pagination-bullet-active { background: #fff; }
.ind-banner .swiper-button-prev{ z-index: 2; position: absolute; top: 50%; margin-top: -14px; left: 1.0rem; width: 15px; height: 28px;  background: url(../images/nimg15_left.png) center no-repeat; }
.ind-banner .swiper-button-next{ z-index: 2; position: absolute; top: 50%; margin-top: -14px; right: 1.0rem; width: 15px; height: 28px; background: url(../images/nimg15_right.png) center no-repeat; }
/*banner结束*/

.indexPart1{ overflow: hidden; height: 9.2rem; position: relative;}
.indexPart1:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 50%; height: 100%; background: url(../images/nimg960Bg0.jpg) center no-repeat; background-size: cover; }
.indexPart1:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 50%; height: 100%; background: url(../images/nimg960Bg1.webp) center no-repeat; background-size: cover; }
.indexPart1 .leftDiv{ width: 50%; padding-top: 1.1rem; position: relative; z-index: 1;}
.indexPart1 .leftDiv .txt{ font-size: 0.32rem; line-height: 0.32rem; font-weight: bold; color: #11a84e; text-transform: uppercase; padding-bottom: 0.3rem;}
.indexPart1 .leftDiv .wen{ font-size: 0.24rem; line-height: 0.3rem; color: #222; padding-bottom: 0.25rem; padding-right:0.4rem;}
.indexPart1 .leftDiv .content{ font-size: 16px; color: #828282; line-height: 30px; padding-right: 1.2rem; }
.indexPart1 .leftDiv .name{ font-size: 0.48rem; line-height: 0.48rem; padding-top: 0.7rem; text-transform: uppercase; color: #11a84e; font-family:mont; }
.indexPart1 .btnDiv{ padding-top: 0.45rem; }
.indexPart1 .btnDiv a{ display: block; width: 1.36rem; height: 0.42rem; border: #11a84e solid 2px; line-height: 0.42rem; color: #11a84e; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; }
.indexPart1 .btnDiv a:hover{ background: #11a84e; color: #fff; }
.indexPart1 .rightDiv{ width: 50%; padding-top: 1.25rem; height: 7.95rem; position: relative; z-index: 1;}
.indexPart1 .numList{ width: 6.6rem; }
.indexPart1 .numList li{ float: left; padding-bottom: 0.5rem; width: 50%; color: #fff;}
.indexPart1 .numList li:nth-child(even){ float: right;}
.indexPart1 .numList li:last-child{ width: 100%; }
.indexPart1 .numList li p{ font-size: 14px; padding-bottom: 0.2rem; padding-right: 0.3rem;}
.indexPart1 .numList li b{ padding-right: 8px; }
.indexPart1 .numList li .num{ font-size: 20px; padding-bottom: 0.2rem; }
.indexPart1 .numList li .numUp{ font-family:gotham; font-size: 0.48rem; line-height: 0.48rem; padding-right: 0.1rem; }
.indexPart1 .botList{ position: absolute; z-index: 1; left: 50%; bottom: 0.7rem; margin-left: -7.68rem; width: 15.36rem; height: 1.86rem; background: #fff; box-shadow: 0px 3px 60px 0px rgba(0, 0, 0, 0.04); }
.indexPart1 .botList li{ float: left; width: 20%; height: 1.86rem; overflow: hidden; position: relative;}
.indexPart1 .botList li .mxfDiv{ padding: 0 0.6rem 0 0.45rem; }
.indexPart1 .botList li .name{ font-size: 0.18rem; color: #2f55aa; line-height: 0.2rem; padding-top: 0.45rem; padding-bottom: 0.3rem; font-weight: bold; }
.indexPart1 .botList li .ico{ padding-top: 0.3rem; }
.indexPart1 .botList li .msg{ font-size: 0.16rem; line-height: 26px; height: 9px; color: #fff; position: relative; }
.indexPart1 .botList li .msg:after{ content: '';position: absolute; left: 0; bottom: 0; width: 14px; height: 9px; background: url(../images/nimg14_1.png) center no-repeat; }
.indexPart1 .botList li .bg{ position: absolute; right: 0.5rem; top: 50%; margin-top: -0.22rem; width: 0.43rem; height: 0.43rem; overflow: hidden; }
.indexPart1 .botList li .bg img{ width:0.43rem;}
.indexPart1 .botList li .bg .img1{ opacity: 0; position: absolute; left: 0; top: 0;}
.indexPart1 .botList li:hover{ background: #2f55aa;}
.indexPart1 .botList li:hover .name{ color: #fff; padding-top: 0.3rem; }
.indexPart1 .botList li:hover .ico{ opacity: 0; }
.indexPart1 .botList li:hover .msg{ opacity: 1; color: #99a7c6; height: auto;  -webkit-animation: am_top 0.4s ease-in-out 0.2s backwards;}
.indexPart1 .botList li:hover .msg:after{ opacity: 0; }
.indexPart1 .botList li:hover .bg img{ opacity: 0; }
.indexPart1 .botList li:hover .bg .img1{ opacity: 1; }

@-webkit-keyframes am_top
{
    0%{ -webkit-transform:translate(0,50px);opacity:0}
    100%{ -webkit-transform:translate(0,0px);opacity:1}
}

.indexTitle{ text-align: center; }
.indexTitle .title1{ font-size: 0.48rem; line-height: 0.48rem; color: #b1b1b1c2; text-transform: uppercase; font-family: mont; }
.indexTitle .title2{ padding-top: 10px; font-size: 0.3rem; color: #5b5b5b; line-height: 0.3rem; }

.indexPart2{ padding-top: 0.7rem; }
.indexPart2 .wen{ padding-top: 0.2rem; font-size: 0.4rem; color: #5b5b5b; line-height: 0.4rem; text-align: center; font-weight: bold; padding-bottom: 0.7rem; }
.indexPart2 .list ul{display: flex; display: -webkit-flex;}
.indexPart2 .list li{ width: 12.5%; height: 6.66rem; background: center no-repeat; background-size: auto 100%; position: relative; color: #fff; }
.indexPart2 .list li a { display: block; position: absolute; z-index: 10; left: 0; right: auto; top: 0; bottom: auto; width: 100%; height: 100%; }
.indexPart2 .list li .botDiv{ opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 1.58rem; background: rgba(0,0,0,0.4); z-index: 1;}
.indexPart2 .list li .nameDiv{ position: absolute; left: 0; width: 100%; text-align: center; bottom: 0.65rem; z-index: 2;}
.indexPart2 .list li .ico{ padding-bottom: 25px;}
.indexPart2 .list li .name{ color: #fff; font-size: 0.2rem; line-height: 0.2rem; }
.indexPart2 .list li .layerDiv{ opacity: 0; position: absolute; width: 100%; height: 1.3rem; left: 0; bottom: 0; z-index: 2; }
.indexPart2 .list li .mxfDiv{ padding: 0 0.5rem 0 0.6rem; }
.indexPart2 .list li .l7Div{ padding-left: 0.78rem; position: relative; height: 1.3rem; }
.indexPart2 .list li .ico2{ position: absolute; left: 0; top: 0.2rem; }
.indexPart2 .list li .ico2 img{ width:0.55rem;}
.indexPart2 .list li .name2{ font-weight: bold; font-size: 0.2rem; line-height: 0.2rem; color: #fff; padding-top: 0.2rem; }
.indexPart2 .list li .msg{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #fff; padding-top: 0.15rem; }
.indexPart2 .list li.on { width: 37.5%; background-size: auto 105%; }
.indexPart2 .list li.on .nameDiv{ opacity: 0; }
.indexPart2 .list li.on .layerDiv{ opacity: 1; }

.indexSolu .swiper-slide{ position: relative; }
.indexSolu .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
/* E12-B (2026-07-19): 手机解决方案轮播图 720×666，容器占位防 CLS；非 banner 型 swiper，容器定高安全（同 E11 方案A思路） */
.indexSolu .imgDiv{ aspect-ratio: 720 / 666; overflow: hidden; }
.indexSolu .layer{ position: absolute; left: 0; bottom: 0.5rem; width: 100%; z-index: 1; }
.indexSolu .mxfDiv{ padding: 0 0.4rem; }
.indexSolu .ico img{ width: 0.7rem; }
.indexSolu .name{ font-size: 0.32rem; color: #fff; padding: 0.25rem 0 0.15rem; font-weight: bold; }
.indexSolu .msg{ font-size: 0.24rem; color: #fff; height: 0.84rem; line-height: 0.42rem; overflow: hidden; }
.indexSolu .swiper-pagination{ position: relative; padding-top: 0.6rem; bottom: 0; }
.indexSolu .swiper-pagination-bullet { background: #ccc; opacity: 1; } 
.indexSolu .swiper-pagination-bullet-active { background: #174099; }

.indexPart3{ padding: 0.9rem 0; }
.indexPart3 .wen{ font-weight: bold; font-size: 0.4rem; color: #5b5b5b; line-height: 0.4rem; text-align: center; padding: 0.2rem 0 0.5rem; }
.indexPart3 .btn{ text-align: center; padding-bottom: 0.6rem;}
.indexPart3 .btn li{ display: inline-block;}
.indexPart3 .btn li .box{ margin: 0 8px; cursor: pointer; padding:0 0.15rem; height: 42px; line-height: 42px; border: #dcdcdc solid 2px; font-size: 16px; color: #838383; }
.indexPart3 .btn li.on .box{ border: #11a84e solid 2px; background: #11a84e; color: #fff; }
.indexPart3 .list{ position: relative;}
.indexPart3 .list .imgList{ width: 100%; overflow: hidden; position: relative;}
.indexPart3 .mxfDiv{ background: url(../images/nimg480Bg.png) center bottom no-repeat; height: 6.2rem; background-size: 100%; }
.indexPart3 .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
/* E12-B (2026-07-19): 产品缩略图 1:1（480×480），容器占位防 CLS；同时覆盖桌面 .list 与手机 .listTel 的 .imgDiv（均产品图） */
.indexPart3 .imgDiv{ aspect-ratio: 1 / 1; overflow: hidden; }
.indexPart3 .name{ padding-top: 0.9rem; color: #222; font-size: 0.26rem; height: 0.4rem; line-height: 0.4rem; overflow: hidden; text-align: center; }
.indexPart3 .se{ display: block; width: 0.68rem; height: 0.68rem; position: absolute; z-index: 10; left: auto; right: auto; top: 50%; margin-top: -0.34rem; background: rgba(0,0,0,0.2); overflow: hidden;}
.indexPart3 .arrow2 .prev { left: -1.2rem;  }
.indexPart3 .arrow2 .next { right: -1.2rem; }
.indexPart3 .arrow2 .prev:before{ content: ''; width: 9px; height: 14px; background: url(../images/nimg9_left.png) no-repeat center; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -7px; }
.indexPart3 .arrow2 .next:before{ content: ''; width: 9px; height: 14px; background: url(../images/nimg9_right.png) no-repeat center; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -7px; }
.indexPart3 .se:hover{ background: #2f55aa; }
.indexPart3 .swiper-slide:hover .imgDiv img{ transform:scale(1.05);-webkit-transform:scale(1.05);}

.indexPart3 .btnDiv{ width: 140px; margin: 50px auto 0; }
.indexPart3 .btnDiv a{ display: block; font-size: 14px; color: #000; width: 140px; height: 42px; text-align: center; font-weight: bold; text-transform: uppercase; line-height: 40px; border: #000 solid 2px; box-sizing: border-box; }
.indexPart3 .btnDiv a:hover{ background: #000; color: #fff; }

.indexPart3 .listTel ul{ margin-right: -0.2rem; }
.indexPart3 .listTel li{ float: left; width: 50%; padding-bottom: 0.5rem; }
.indexPart3 .listTel li .box{ margin-right: 0.2rem; position: relative; padding-bottom:0.9rem; background: url(../images/nimg480Bg.png) center bottom no-repeat; background-size: 100%; }
.indexPart3 .listTel li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexPart3 .listTel li .name2{ padding-top: 0.3rem; text-align: center; color: #000; font-size: 0.32rem; height: 0.48rem; line-height: 0.48rem; }

.indexPart4{ background: #f2f2f2; padding: 0.7rem 0 0.75rem; }
.indexPart4 .indexTitle .title1{ color: #b1b1b1c2; }
.indexPart4 .wen1{ font-size: 0.3rem; line-height: 0.3rem; color: #5b5b5b; padding-top: 0.4rem; padding-bottom: 15px; text-align: center; }
.indexPart4 .wen2{ font-weight: bold; font-size: 0.4rem; color: #5b5b5b; line-height: 0.4rem; text-align: center; padding-bottom: 0.8rem;}
.indexPart4 .leftDiv{ width: 9.78rem; }
.indexPart4 .form .liDiv{ float: left; margin-right: 0.15rem; border: #aaa solid 1px; border-radius: 0.36rem; box-sizing: border-box;}
.indexPart4 .form .li01{ width: 1.88rem; }
.indexPart4 .form .li02{ width: 3.18rem; }
.indexPart4 .form .li03{ width: 1.58rem; border: none; }
.indexPart4 .select{ width: 100%; position: relative; height: 50px;}
.indexPart4 .select dt{height: 50px;line-height: 50px; border-radius: 0.36rem; display: inline-block; width: 100%; background: url(../images/selectIco.png) no-repeat right center; box-sizing: border-box; cursor: pointer; overflow: hidden; position: relative; z-index: 15;}
.indexPart4 .select dt a{ font-size: 0.16rem; color: #000; position: relative; padding-left: 0.2rem; display: block; text-align: left; overflow: hidden;} 
.indexPart4 .select dd{ margin: 0; position: absolute; left: 0px; top: 50px; z-index: 5; width: 100%; box-sizing: border-box;} 
.indexPart4 .select dd ul {list-style: none; overflow: auto; padding: 0 0.2rem; background: #fff; overflow-x:auto; border: #aaa solid 1px;} 
.indexPart4 .select dd ul li{ width:100%; text-align:left; line-height: 50px; height: 50px; cursor: pointer; border-bottom: 1px solid #aaa; color: #999; font-size: 14px;}
.indexPart4 .select dd ul li:last-child{ border-bottom:none;}
.indexPart4 .select dd ul li:hover{ color: #11a84e; }
.indexPart4 .select.on dt{ color: #046864;}
.indexPart4 .input1{ width: 100%; height: 50px; line-height: 50px; border-radius: 0.36rem; text-indent: 0.2rem; font-size: 0.16rem; color: #000;}
.indexPart4 .form .btnDiv a{ display: block; width: 100%; height: 52px; border-radius: 0.36rem; background: #c00000; color: #fff; text-align: center; line-height: 52px; font-size: 0.16rem; font-weight: bold; }
.indexPart4 .form .btnDiv a:hover{ background: #a00101; }
.indexPart4 .l7Div{ padding-top: 0.4rem; }
.indexPart4 .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
/* E12-B (2026-07-19): 手机地图 700×352，容器占位防 CLS；桌面 .Phone-Box 为 none，此规则对其不生效 */
.indexPart4 .imgDiv{ aspect-ratio: 700 / 352; overflow: hidden; }
.indexPart4 .mxfDiv{ width: 9.78rem; height: 4.9rem; background: url(../images/nimg978_2.png) no-repeat center; background-size: cover; position: relative;}
.indexPart4 .mxfDiv li { position: absolute; opacity: 0; cursor: pointer; overflow: hidden; margin-top: 1rem;}
.indexPart4 .mxfDiv li .name { width: .8rem; height: .34rem; line-height: .22rem; padding-top: 0.28rem; text-align: center; color: #fff; font-size: .15rem; font-weight: bold; position: absolute; z-index: 11; }
.indexPart4 .mxfDiv li .name:after { content: ""; display: block; position: absolute; left: 50%; margin-left: -0.12rem; top: 0; width: .23rem; height: .29rem; background: url(../images/nimg23.png) center no-repeat; background-size: cover; }
.indexPart4 .mxfDiv li .yuan { position: absolute; width: 1rem; height: 1rem; }
.indexPart4 .mxfDiv li .yuan i { position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: block; opacity: .7; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); }
.indexPart4 .mxfDiv li.li_01 { left: 0; top: 0; width: 3.1rem; height: 2.4rem; }
.indexPart4 .mxfDiv li.li_01 .name { left: 1.6rem; top: 1.35rem; }
.indexPart4 .mxfDiv li.li_01 .yuan { left: .76rem; top: .23rem; }
.indexPart4 .mxfDiv li.li_01 .yuan i { background: #00ccff; }
.indexPart4 .mxfDiv li.li_01 .yuan .i-1 { left: 0.82rem; top: 1.18rem; width: 0.86rem; height: 0.86rem; }
.indexPart4 .mxfDiv li.li_01 .yuan .i-2 { left: .28rem; top: 0; width: 1.02rem; height: 1.02rem; }
.indexPart4 .mxfDiv li.li_01 .yuan .i-3 { left: 0; top: .5rem; width: 1.52rem; height: 1.52rem; }
.indexPart4 .mxfDiv li.li_01 .yuan .i-4 { left: 1.36rem; top: 1.18rem; width: .58rem; height: .58rem; }

.indexPart4 .mxfDiv li.li_02 { left: 2.03rem; bottom: 0.18rem; width: 1.85rem; height: 2.3rem; }
.indexPart4 .mxfDiv li.li_02 .name { left: 0.75rem; top: .66rem; }
.indexPart4 .mxfDiv li.li_02 .yuan { left: .45rem; top: 0.1rem; }
.indexPart4 .mxfDiv li.li_02 .yuan i { background: #ffcc00; }
.indexPart4 .mxfDiv li.li_02 .yuan .i-1 { left: .18rem; top: .3rem; width: 0.98rem; height: 0.98rem; }
.indexPart4 .mxfDiv li.li_02 .yuan .i-2 { left: 0; top: 0; width: .68rem; height: .68rem; }
.indexPart4 .mxfDiv li.li_02 .yuan .i-3 { left: 0; top: 1.04rem; width: .68rem; height: .68rem; }

.indexPart4 .mxfDiv li.li_03 { left: 4.24rem; top: 0; width: 1.46rem; height: 2.02rem;}
.indexPart4 .mxfDiv li.li_03 .name { left: 0.3rem; top: 1.15rem; }
.indexPart4 .mxfDiv li.li_03 .yuan { left: .18rem; top: 1.06rem; }
.indexPart4 .mxfDiv li.li_03 .yuan i { background: #ff6600; }
.indexPart4 .mxfDiv li.li_03 .yuan .i-1 { left: 0; top: 0; width: 0.86rem; height: 0.86rem; }
.indexPart4 .mxfDiv li.li_03 .yuan .i-2 { left: 0.68rem; top: 0.25rem; width: .58rem; height: .58rem; }

.indexPart4 .mxfDiv li.li_04 { left: 4.05rem; top: 2.02rem; width: 1.48rem; height: 1.98rem; }
.indexPart4 .mxfDiv li.li_04 .name { left: 0.52rem; top: 0.55rem; }
.indexPart4 .mxfDiv li.li_04 .yuan { left: .42rem; top: 0.32rem; }
.indexPart4 .mxfDiv li.li_04 .yuan i { background: #be44b4; }
.indexPart4 .mxfDiv li.li_04 .yuan .i-1 { left: 0; top: 0; width: 0.94rem; height: 0.94rem; }
.indexPart4 .mxfDiv li.li_04 .yuan .i-2 { left: 0.36rem; top: 0.72rem; width: .64rem; height: .64rem; }

.indexPart4 .mxfDiv li.li_05 { left: 6.4rem; top: 0; width: 2.5rem; height: 3.22rem; }
.indexPart4 .mxfDiv li.li_05 .name { left: 0.94rem; top: .98rem; }
.indexPart4 .mxfDiv li.li_05 .yuan { left: 0; top: 0.46rem; }
.indexPart4 .mxfDiv li.li_05 .yuan i { background: #007cea; }
.indexPart4 .mxfDiv li.li_05 .yuan .i-1 { left: .56rem; top: 0; width: 1.64rem; height: 1.64rem; }
.indexPart4 .mxfDiv li.li_05 .yuan .i-2 { left: 0; top: 0.65rem; width: .74rem; height: .74rem; }
.indexPart4 .mxfDiv li.li_05 .yuan .i-3 { left: 1.04rem; top: 1.96rem; width: .74rem; height: .74rem; }

.indexPart4 .mxfDiv li.li_06 { left: 7.4rem; top: 3.3rem; width: 2rem; height: 1.12rem; }
.indexPart4 .mxfDiv li.li_06 .name { left: 0.5rem; top: 0.15rem; }
.indexPart4 .mxfDiv li.li_06 .yuan { left: .4rem; top: 0; }
.indexPart4 .mxfDiv li.li_06 .yuan i { background: #22d000; }
.indexPart4 .mxfDiv li.li_06 .yuan .i-1 { left: 0; top: 0; width: 0.88rem; height: 0.88rem; }
.indexPart4 .mxfDiv li.li_06 .yuan .i-2 { left: 0.68rem; top: 0.24rem; width: .6rem; height: .6rem; }

.indexPart4 .mxfDiv li.li_07 { left: 5.55rem; top: 1.7rem; width: 0.84rem; height: 0.84rem; }
.indexPart4 .mxfDiv li.li_07 .name { left: 0.02rem; top: 0.15rem; font-size: .16rem; }
.indexPart4 .mxfDiv li.li_07 .yuan { left: 0; top: 0; }
.indexPart4 .mxfDiv li.li_07 .yuan i { background: #5962a7; }
.indexPart4 .mxfDiv li.li_07 .yuan .i-1 { left: 0; top: 0; width: 0.84rem; height: 0.84rem; }

.indexPart4 .mxfDiv li.li_08 { left: 6.76rem; top: 1.56rem; width: 1rem; height: 1rem; z-index: 1; }
.indexPart4 .mxfDiv li.li_08 .name { left: 0.1rem; top: 0.22rem; }
.indexPart4 .mxfDiv li.li_08 .yuan { left: 0; top: 0; }
.indexPart4 .mxfDiv li.li_08 .yuan i { background: #e70012; }
.indexPart4 .mxfDiv li.li_08 .yuan .i-1 { left: 0; top: 0; width: 1rem; height: 1rem; }

.indexPart4 .mxfDiv li.on { opacity: 1; margin-top: 0; }
.indexPart4 .mxfDiv li.on .yuan i.on { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); }
.indexPart4 .mxfDiv li.on:hover .name { animation: upDown .7s infinite alternate linear; -webkit-animation: upDown .7s infinite alternate linear; }
.indexPart4 .mxfDiv li.on:hover .yuan i.on { transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); }
.indexPart4 .mxfDiv li.on:hover .name{ color: #c00000; }
.indexPart4 .mxfDiv li.on:hover .name:after{ background: url(../images/nimg23on.png) center no-repeat; background-size: cover;}

/*.indexPart4 .mxfDiv .li_02.on{ animation-delay:0.3s;}
.indexPart4 .mxfDiv .li_03.on{ animation-delay:0.6s;}
.indexPart4 .mxfDiv .li_04.on{ animation-delay:0.9s;}
.indexPart4 .mxfDiv .li_05.on{ animation-delay:1.2s;}
.indexPart4 .mxfDiv .li_06.on{ animation-delay:1.5s;}
.indexPart4 .mxfDiv .li_07.on{ animation-delay:1.8s;}
.indexPart4 .mxfDiv .li_08.on{ animation-delay:2.1s;}*/

.indexPart4 .rightDiv{ width: 4.68rem; }
.indexCase .swiper-slide .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
/* E12-B (2026-07-19): 案例缩略图 550×350（占位图实测），容器占位防 CLS */
.indexCase .swiper-slide .imgDiv{ aspect-ratio: 550 / 350; overflow: hidden; }
.indexCase .swiper-slide .botDiv{ padding: 0.3rem 0.42rem 0; height: 2.8rem; background: #2f55aa;}
.indexCase .swiper-slide .txt{ font-size: 0.24rem; line-height: 0.24rem; color: #fff; padding-bottom: 0.25rem; }
.indexCase .swiper-slide .name{ height: 0.46rem; line-height: 0.46rem; overflow: hidden; font-size: 0.3rem; color: #fff; font-weight: bold; }
.indexCase .swiper-slide .content{ font-size: 0.14rem; line-height: 0.24rem; height: 0.72rem; overflow: hidden; padding-top: 0.2rem; color: #fff; }
.indexCase .swiper-slide .time{ padding-top: 0.3rem; font-size: 18px; color: #fff; font-family: mont; }
.indexCase .swiper-pagination{ position: absolute; width: auto!important; left: auto!important; right: 0.42rem; bottom: 0.4rem!important; }
.indexCase .swiper-pagination-bullet { position: relative; width: 12px; height: 12px; opacity: 1; border-radius: 0; box-sizing: border-box; background: url(../images/ico1.png) no-repeat center; margin-left: 0.12rem!important; } 
.indexCase .swiper-pagination-bullet-active { background: url(../images/ico1on.png) no-repeat center; } 

.indexPart5{ padding: 0.95rem 0 0.55rem; }
.indexPart5 .list{ padding-top: 0.6rem; }
.indexPart5 .list ul{ margin-right: -0.3rem; }
.indexPart5 .list li{ float: left; width: 25%; }
.indexPart5 .list li .box{ margin-right: 0.3rem; }
/* E12-B (2026-07-19): 新闻缩略图 372×260（占位图实测），容器占位防 CLS */
.indexPart5 .list li .imgDiv{ overflow: hidden; aspect-ratio: 372 / 260; }
.indexPart5 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexPart5 .list li .botDiv{ padding: 0.3rem 0.3rem 0; height: 2.7rem; background: #f1f1f1;}
.indexPart5 .list li .time{ font-size: 0.18rem; line-height: 0.18rem; padding-bottom: 0.15rem; color: #b1b1b1; font-family: mont;}
.indexPart5 .list li .name{ font-size: 0.22rem; color: #353432; height: 0.72rem; line-height: 0.36rem; overflow: hidden; font-weight: bold; }
.indexPart5 .list li .content{ padding-top: 0.1rem; font-size: 14px; color: #b8b8b8; line-height: 24px; height: 72px; overflow: hidden; }
.indexPart5 .list li .box:hover .botDiv{ background: #2e55a9; }
.indexPart5 .list li .box:hover .time{ color: #39a2e4; }
.indexPart5 .list li .box:hover .name{ color: #fff; }
.indexPart5 .list li .box:hover .content{ color: #fff; }
.indexPart5 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexPart5 .btnDiv{ width: 140px; height: 46px; margin: 0 auto; padding-top: 0.65rem;}
.indexPart5 .btnDiv a{ display: block; font-weight: bold; width: 140px; height: 46px; background: #11a84e; text-align: center; line-height: 46px; font-size: 14px; text-transform: uppercase; color: #fff; }