﻿
.index_banner{width:100%;position:relative;overflow:hidden;z-index:9;}
.index_banner .swiper-wrapper{}
.index_banner .swiper-slide img{display:block;width:100%;}
.index_banner .swiper-pagination-bullets{bottom:39px!important;height:42px;font-size:0;-webkit-text-size-adjust:none;}
.index_banner .swiper-pagination-bullet{opacity:1;width:42px;height:42px;margin:0 0!important;position:relative;background:transparent;}
.index_banner .swiper-pagination-bullet:before{content:'';width:12px;height:12px;background:#FFF;border-radius:50%;position:absolute;left:50%;margin-left:-6px;top:50%;margin-top:-6px;}
.index_banner .swiper-pagination-bullet.swiper-pagination-bullet-active:before{content:none;}
.index_banner .swiper-pagination-bullet-active .sp_box{display:block;}
.index_banner .swiper-pagination-bullet-active .sp_box .left_item{-webkit-animation:loading_left 5s linear infinite;}
.index_banner .swiper-pagination-bullet-active .sp_box .right_item{-webkit-animation:loading_right 5s linear infinite;}
.sp_box{width:42px;height:42px;position:relative;display:none;}
.sp_box:before{content:'';width:100%;height:100%;border:2px solid #FFF;position:absolute;left:0;top:0;border-radius:50%;box-sizing:border-box;}
.sp_box .left_box,.sp_box .right_box{position:absolute;top:0;width:50%;height:100%;overflow:hidden;z-index:1;}
.sp_box .left_box{left:0;}
.sp_box .right_box{right:0;}
.sp_box .left_item,.sp_box .right_item{width:100%;height:100%;}
.sp_box .left_item{border-top-left-radius:100px;border-bottom-left-radius:100px;-webkit-transform-origin:right center;transform-origin:right center;border-top:2px solid #7c7c7c;border-left:2px solid #7c7c7c;border-bottom:2px solid #7c7c7c;}
.sp_box .right_item{border-top-right-radius:100px;border-bottom-right-radius:100px;-webkit-transform-origin:left center;transform-origin:left center;border-top:2px solid #7c7c7c;border-right:2px solid #7c7c7c;border-bottom:2px solid #7c7c7c;}
.sp_box .sp_center{position:absolute;top:2px;left:2px;right:2px;bottom:2px;z-index:2;border-radius:50%;font-size:14px;color:#FFF;height:38px;line-height:38px;}

.index_pro{width: 100%;position: relative;padding: 60px 0 60px 0;background: #f7f7f7;}
.pro_box{padding-top: 60px;}
.tab_pro{overflow: hidden;}
.tab_pro ul{text-align: center;position: relative;}
.tab_pro li{width: 180px;line-height: 50px;background: #ffffff;display: inline-block;font-size: 16px;color: #343434;margin: 0 12px;position: relative;cursor: pointer;}
.tab_pro li a{display: block;}
.tab_pro li.on{/*background-color: #05a0e3;/*background-image: url(../image/icon_cptab.png);*/background-size: 100% 100%;color: #05a0e3;}
.tab_pro .tab_click li:hover {
  color: #05a0e3; /* 划过文字变色 */
}
.con_pro{overflow: hidden;}
.con_pro ul{position: relative;}
.con_pro li{float: left;width: 23.5%;margin: 2% 1.5% 0 0;}
.con_pro li:nth-child(4n){margin-right: 0;}
.con_pro li a{display: block;}
.con_pro li .pic{border: 1px solid #dcdcdc;width: 100%;padding-bottom: 75%;position: relative;overflow: hidden;}
.con_pro li .pic img {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.con_pro li p{font-size: 16px;color: #333333;line-height: 50px;background: #e8e8e8;text-align: center;}
.con_pro li a:hover p{background: #05a0e3;color: #ffffff;}

#fengebg{background:url(../image/fengebg.jpg) no-repeat center center;background-size:cover;padding:55px 0 64px;}
.fg_left{width:676px;float:left;padding:15px 0 9px;}
.fg_left p:first-child{font-size:32px;height:42px;line-height:42px;color:#FFF;font-weight:bold;}
.fg_left p:nth-child(2){font-size:22px;height:40px;line-height:40px;color:#FFF;margin-top:15px;}
/* 第三个 p 元素 */
.fg_left p:nth-child(3){
 font-size:32px;height:42px;line-height:42px;color:#FFF;font-weight:bold;margin-top:15px;
}
/* 第四个 p 元素 */
.fg_left p:nth-child(4){
 font-size:22px;height:40px;line-height:40px;color:#FFF;margin-top:15px;
}
.fg_left .frl_txt{margin-top:30px;position:relative;background:url(../image/f_picon.png) no-repeat left center;padding:2px 0 3px 86px;}
.fg_left .frl_txt span{display:block;color:#FFF;}
.fg_left .frl_txt span:first-child{font-size:16px;height:26px;line-height:26px;}
.fg_left .frl_txt span:last-child{font-size:32px;height:32px;line-height:32px;margin-top:2px;font-family:Impact;display:inline-block;position:relative;}
.fg_left .frl_txt span:last-child::before{content:'';width:100%;height:13px;background:#e30713;position:absolute;left:0;bottom:0;z-index:1;}
.fg_left .frl_txt span em{font-style:normal;position:relative;z-index:2;}
.fg_right{width:calc(100% - 676px);float:right;padding-left:96px;}
.fg_right .fgr_li{width:calc(33.33% - 22px);float:left;margin-left:33px;}
.fg_right .fgr_li:first-child{margin-left:0;}
.fg_right .fgr_li i{display:block;width:100%;height:178px;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}
.fg_right .fgr_li i.icon1{background-image:url(../image/f_icon1.png);}
.fg_right .fgr_li i.icon2{background-image:url(../image/f_icon2.png);}
.fg_right .fgr_li i.icon3{background-image:url(../image/f_icon3.png);}
.fg_right .fgr_li p{font-size:18px;height:28px;line-height:28px;color:#FFF;margin-top:19px;text-align:center;}

.index_custom{background-image: url(../image/bg_dz.jpg);background-repeat: no-repeat;background-size: 100% 100%;padding: 60px 0 50px 0;overflow: hidden;}
.index_custom .tx_title, .index_custom .tx_p{text-align: left;}
/*.custom_con{width: 68%;}
.custom_con ul{margin-top: 60px;}
.custom_con ul li{margin: 0 3% 3% 0;padding: 20px 15px 15px 15px;background: #fff;float: left;width: 31%;transition: all .3s;cursor: pointer;}
.custom_con ul li:nth-child(3n){margin-right: 0;}
.custom_con ul li:nth-child(3n+1){clear:left;}
.custom_con ul li img{width: 40px;height: 40px;}
.custom_con ul li .tit{font-size: 21px;font-weight: bold;margin: 10px 0;}
.custom_con ul li p{font-size: 14px;color: #6b686b;line-height: 20px;height: 40px;}
.custom_con ul li:hover{margin-top: -1%;}*/


.custom_con {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0; /* 移除默认内边距，避免整体右偏 */
}

.custom_con ul {
  margin-top: 60px;
  padding: 0; /* 清除ul默认左内边距 */
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; /* 强制左对齐 */
  gap: 3%;
  margin-left: 0; /* 清除可能存在的默认左外边距 */
}

.custom_con ul li {
  width: calc((100% - 5%) / 3); /* 2列布局，精确计算宽度 */
  margin: 0 0 3% 0;
  padding: 20px 15px 5px 15px;
  background: #fff;
  transition: all .3s;
  cursor: pointer;
  box-sizing: border-box;
}

/* 其他样式保持不变 */
.custom_con ul li img {
  width: 40px;
  height: 40px;
}
.custom_con ul li .tit {
  font-size: 22px;
  font-weight: bold;
  margin: 10px 0;
}
.custom_con ul li p {
  font-size: 16px;
  color: #6b686b;
  line-height: 26px;
  height: 40px;
}
.custom_con ul li:hover {
  margin-top: -1%;
}


.about_index{width: 100%;height: 100%;/*background-image: url(../image/about_bg.jpg);*/background-position: center;background-size: cover;background-repeat: no-repeat;padding: 40px 0 30px 0;position: relative;/*margin-bottom: 50px;*/}
.about_index:before{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;/*background: rgba(198, 195, 195, .1);*/}
.about_index .container{position: relative;}
.about_index .about_tit{padding: 30px 0;}
.about_index .about_tit .tit_en{font-family:Arial;font-size: 80px;font-weight: bold;color: #dbdbdb;}
.about_index .about_tit .tit_line{height: 5px;width: 60px;background: #05a0e3;margin: 10px 0;}
.about_index .about_tit .tit_cn{font-size: 38px;font-weight: bold;}
.about_index .about_tit .tit_cn span{color: #05a0e3;font-weight: bold;}
.about_index .about_nr{width: 46%;margin-left:10px;}
.about_nr .text{position: relative;}
.about_nr .text p{line-height: 30px;font-size:15px;}
.about_nr .text span{font-weight: bold;}

.about_nr .ljlx{padding: 20px 0;overflow: hidden;}
.about_nr .ljlx a:nth-child(1){margin-right: 15px;}
.about_nr .ljlx a{/*width: 205px;*/height: 50px;display: block;/*background: #05a0e3;*/line-height: 50px;text-align: center;color: #05a0e3;float: left;}
.about_nr .ljlx a span{font-size: 18px;margin-left: 15px;}

.about_index .about_js{width: 100%;position: absolute;background: #fff;padding: 40px 70px;margin-top: 40px;box-shadow: 4px 4px 15px #e1e1e1;}
.about_js ul{position: relative;}
.about_js ul li{float: left;width: 25%;border-left: 1px solid #fff;text-align: center;}
.about_js ul li:first-child {border-left: none;}
.about_js ul li p:nth-child(1){line-height: 1;font-size: 16px;}
.about_js ul li p:nth-child(2){color: #999;}
.about_js ul li p span{font-family:Arial;font-size: 50px;font-weight: bold;color: #333;}

.info_zizhi{padding:30px 0 60px;position: relative;}
.info_zizhi .iz_ul{margin-top:50px;overflow:hidden;padding:25px 0;position:relative;}
.info_zizhi .iz_ul .swiper-slide{padding:10px 5px;background:#f4f4f4;border-radius:9px;box-shadow:0 0 18px 3px rgba(0,0,0,0.09);}
.info_zizhi .iz_ul .iz_img{width:100%;padding-bottom:80%;position:relative;}
.info_zizhi .iz_ul .positionimg img {display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;/*object-fit: cover;*/}
.rhzz .swiper-slide.swiper-slide-active .rhz_txt p{color:#FFF;}
.info_zizhi .iz_ul .swiper-button-prev,.info_zizhi .iz_ul .swiper-button-next{width:40px;height:40px;outline:none;background-image:url(../image/info_zzicon.png);margin-top:-20px;background-color:#05a0e3;background-size:auto 9px;border-radius:50%;}
.info_zizhi .iz_ul .swiper-button-prev{left:0;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.info_zizhi .iz_ul .swiper-button-next{right:0;}

.news{padding:60px 0 80px;background: #f7f7f7;position: relative;}
.news .tx_title, .news .tx_p{text-align: left;}
.news .nt_d{font-size:16px;height:1em;line-height:1em;color:#a3a3a3;margin-bottom:18px;}
.news .nt_em{display:inline-block;padding-right:19px;background:url(../image/news_icon.png) no-repeat right center;font-size:14px;height:18px;line-height:18px;margin-top:30px;color:#000;font-style:normal;}
.news .n_top{margin-top:55px;background:#EBF1F5;}
.news .n_top .nt_left{width:735px;float:left;height:417px;position:relative;}
.news .n_top .nt_right{width:calc(100% - 735px);float:right;padding:54px 75px 0 65px;}
.news .n_top .nt_right .nt_txt{width:100%;overflow:hidden;position:relative;}
.news .n_top .nt_right .nt_txt p{font-size:15px;line-height:26px;color:#666;}
.news .n_top .nt_right .nt_txt p:first-of-type{font-size:24px;height:34px;line-height:34px;margin-bottom:29px;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news .n_top .nt_right .nt_txt p.p1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news .n_top .nt_right .nt_txt .nt_btn{margin-top:35px;}
.news .n_top .nt_right .nt_txt .nt_btn .swiper-pagination{position:relative;bottom:0;display:inline-block;padding:0 20px;vertical-align:middle;}
.news .n_top .nt_right .nt_txt .nt_btn .swiper-pagination-bullet{width:14px;height:14px;background:transparent;opacity:1;margin:0 6px!important;border-radius:50%;position:relative;}
.news .n_top .nt_right .nt_txt .nt_btn .swiper-pagination-bullet:before{content:'';width:6px;height:6px;position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-3px;background:#777;border-radius:50%;}
.news .n_top .nt_right .nt_txt .nt_btn .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#05a0e3;}
.news .n_top .nt_right .nt_txt .nt_btn .swiper-pagination-bullet.swiper-pagination-bullet-active:before{width:4px;height:4px;margin-top:-2px;margin-left:-2px;background:#FFF;}
.news .n_top .nt_right .nt_txt .nt_btn .swiper-button-next,.news .n_top .nt_right .nt_txt .nt_btn .swiper-button-prev{width:13px;height:22px;background-size:100% 100%;outline:none;opacity:1;background-image:url(../image/news_arrow.png);position:relative;top:0;margin-top:0;display:inline-block;vertical-align:middle;}
.news .n_top .nt_right .nt_txt .nt_btn .swiper-button-prev{left:0;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.news .n_top .nt_right .nt_txt .nt_btn .swiper-button-next{right:0;}
.news .n_top .nt_right .nt_txt .nt_btn .swiper-button-next.swiper-button-disabled,.news .n_top .nt_right .nt_txt .nt_btn .swiper-button-prev.swiper-button-disabled{background-image:url(../image/news_arrow_hover.png);}
.news .n_ul{margin-top:40px;border-right:1px solid #E8E8E8;}
.news .n_ul .n_li{width:33.33%;float:left;padding:4px 60px 0 25px;border-left:1px solid #E8E8E8;display:block;}
.news .n_ul .n_li .nt_d{margin-bottom:11px;}
.news .n_ul .n_li p{font-size:14px;line-height:24px;color:#666;}
.news .n_ul .n_li p:first-of-type{font-size:20px;height:30px;line-height:30px;margin-bottom:12px;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news .n_ul .n_li p.p1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:48px;}
.news .n_ul .n_li:hover p:first-of-type{color:#05a0e3}

@media screen and (max-width:1680px){


    .tab_pro li{font-size: 15px;}
    .con_pro li p{font-size: 14px;}

    .custom_con ul li .tit{font-size: 19px;}
    .custom_con ul li p {font-size: 13px;}

    .info_zizhi .iz_ul .swiper-slide{padding:25px 30px;}
    .info_zizhi .iz_ul .swiper-button-prev,.info_zizhi .iz_ul .swiper-button-next{width:34px;height:34px;margin-top:-17px;background-size:auto 8px;}

    .news .nt_d{margin-bottom:13px;}
    .news .nt_em{margin-top:20px;}
    .news .n_top .nt_left{width:637px;height:361px;}
    .news .n_top .nt_right{width:calc(100% - 637px);padding:40px 60px 0 45px;}
    .news .n_top .nt_right .nt_txt p{font-size:15px;line-height:25px;}
    .news .n_top .nt_right .nt_txt p:first-of-type{font-size:22px;height:32px;line-height:32px;margin-bottom:20px;}
    .news .n_top .nt_right .nt_txt .nt_btn .swiper-button-next,.news .n_top .nt_right .nt_txt .nt_btn .swiper-button-prev{width:11px;height:19px;}
    .news .n_top .nt_right .nt_txt .nt_btn .swiper-pagination{padding:0 15px;}
    .news .n_top .nt_right .nt_txt .nt_btn .swiper-pagination-bullet{width:12px;height:12px;margin:0 4px!important;}
    .news .n_ul .n_li{padding:3px 40px 0 20px;}
    .news .n_ul .n_li p:first-of-type{font-size:18px;height:28px;line-height:28px;margin-bottom:10px;}
}

@media screen and (max-width:1499px){

    
    .index_pro{padding: 60px 0 60px 0;}
    .pro_box {padding-top: 30px;}

    #fengebg{padding:36px 0 40px;}
    .fg_left{width:513px;padding:15px 0 18px;}
    .fg_left p:first-child{font-size:30px;height:40px;line-height:40px;}
    .fg_left p:nth-child(2){font-size:20px;height:30px;line-height:30px;margin-top:10px;}
    .fg_left .frl_txt{background-size:auto 100%;padding:0 0 0 75px;margin-top:20px;}
    .fg_left .frl_txt span:first-child{font-size:15px;height:24px;line-height:24px;}
    .fg_left .frl_txt span:last-child{font-size:28px;height:28px;line-height:28px;}
    .fg_left .frl_txt span:last-child::before{height:10px;}
    .fg_right{width:calc(100% - 513px);padding-left:30px;}
    .fg_right .fgr_li i{height:160px;}
    .fg_right .fgr_li p{font-size:16px;height:26px;line-height:26px;margin-top:12px;}

    .index_custom{padding: 60px 0 60px 0;}
    .custom_con ul {margin-top: 30px;}
    .custom_con {width: 95%;}
    .custom_con ul li {margin: 0 2% 2% 0;width: 32%;}
    .custom_con ul li .tit {font-size: 16px;}
    .custom_con ul li p {font-size: 12px;}

    .about_index{padding: 10px 0 110px 0;margin-bottom: 50px;}
    .about_index .about_tit .tit_en{font-size: 70px;}
    .about_index .about_tit .tit_cn{font-size: 36px;}
    .about_nr .ljlx{padding: 30px 0;}
    .about_index .about_js{padding: 40px 50px;margin-top: 30px;}
    .about_js ul li p span{font-size: 40px;}
    
    .info_zizhi {padding: 80px 0 60px 0;}
    .info_zizhi .iz_ul{margin-top:30px;}
    .info_zizhi .iz_ul .swiper-slide{padding:18px 25px;}
    .info_zizhi .iz_ul .swiper-button-prev,.info_zizhi .iz_ul .swiper-button-next{width:30px;height:30px;margin-top:-15px;background-size:auto 7px;}

    .news {padding: 60px 0 180px;}
    .news .nt_d{margin-bottom:13px;}
    .news .nt_em{margin-top:15px;}
    .news .n_top{margin-top:30px;}
    .news .n_top .nt_left{width:539px;height:306px;}
    .news .n_top .nt_right{width:calc(100% - 539px);padding:40px 40px 0 25px;}
    .news .n_top .nt_right .nt_txt p{font-size:14px;line-height:24px;}
    .news .n_top .nt_right .nt_txt p:first-of-type{font-size:20px;height:28px;line-height:28px;margin-bottom:15px;}
    .news .n_top .nt_right .nt_txt .nt_btn .swiper-button-next,.news .n_top .nt_right .nt_txt .nt_btn .swiper-button-prev{width:9px;height:15px;}
    .news .n_top .nt_right .nt_txt .nt_btn .swiper-pagination{padding:0 5px;}
    .news .n_top .nt_right .nt_txt .nt_btn .swiper-pagination-bullet{width:10px;height:10px;margin:0 3px!important;}
    .news .n_ul{margin-top:30px;}
    .news .n_ul .n_li{padding:3px 30px 0 15px;}
    .news .n_ul .n_li p:first-of-type{margin-bottom:7px;}

}

@media screen and (max-width:1299px){
.about_index .about_nr{width: 90%;margin-left:10px;}

    .index_banner .swiper-pagination-bullets{bottom:26px!important;height:36px;}
    .sp_box{width:36px;height:36px;}
    .sp_box .sp_center{height:32px;line-height:32px;}

    .tab_pro li{margin: 0 7px;}

    #fengebg{padding:20px 0 20px;}
    .fg_left{width:400px;padding:10px 0 12px;}
    .fg_left p:first-child{font-size:24px;height:32px;line-height:32px;}
    .fg_left p:nth-child(2){font-size:16px;height:24px;line-height:24px;margin-top:8px;}
    .fg_left .frl_txt{background-size:auto 100%;padding:0 0 0 60px;margin-top:15px;}
    .fg_left .frl_txt span:first-child{font-size:14px;height:22px;line-height:22px;}
    .fg_left .frl_txt span:last-child{font-size:26px;height:26px;line-height:26px;}
    .fg_left .frl_txt span:last-child::before{height:8px;}
    .fg_right{width:calc(100% - 400px);padding-left:20px;}
    .fg_right .fgr_li i{height:120px;}
    .fg_right .fgr_li p{font-size:14px;height:24px;line-height:24px;margin-top:8px;}

    .info_zizhi{padding:40px 0;}
    .info_zizhi .iz_ul{margin-top:20px;}
    .info_zizhi .iz_ul .swiper-slide{padding:18px 25px;}

    .news .nt_d{margin-bottom:13px;}
    .news .nt_em{margin-top:10px;}
    .news .n_top .nt_left{width:487px;height:276px;}
    .news .n_top .nt_right{width:calc(100% - 487px);padding:30px 20px 0 15px;}
    .news .n_top .nt_right .nt_txt p:first-of-type{font-size:18px;height:26px;line-height:26px;margin-bottom:10px;}
    .news .n_top .nt_right .nt_txt .nt_btn{margin-top:25px;}
    .news .n_ul .n_li{padding:3px 20px 0 15px;}

}

@media screen and (max-width:1023px){

    .index_banner .swiper-pagination-bullets{bottom:15px!important;}

    .tab_pro li {font-size: 14px;float: left;width: 18%;margin: 0 2.25% 0 0;line-height: 40px;}
    .tab_pro li:last-child{margin-right: 0;}
    .con_pro li {width: 32%;margin: 2% 2% 0 0;}
    .con_pro li:nth-child(4n) {margin: 2% 2% 0 0;}
    .con_pro li:nth-child(3n) {margin-right: 0;}

    .fg_left{width:336px;padding:1px 0 3px;}
    .fg_left p:first-child{font-size:20px;height:28px;line-height:28px;}
    .fg_left p:nth-child(2){margin-top:5px;}
    .fg_left .frl_txt{background-size:auto 100%;padding:0 0 0 60px;margin-top:15px;}
    .fg_left .frl_txt span:first-child{font-size:14px;height:22px;line-height:22px;}
    .fg_left .frl_txt span:last-child{font-size:26px;height:26px;line-height:26px;}
    .fg_left .frl_txt span:last-child::before{height:8px;}
    .fg_right{width:calc(100% - 336px);padding-left:10px;}
    .fg_right .fgr_li i{height:100px;}
    .fg_right .fgr_li p{font-size:13px;height:22px;line-height:22px;margin-top:5px;}

    .custom_con{width: 100%;}

    .about_index {padding: 0 0 80px 0;}
    .about_index .about_tit .tit_en {font-size: 60px;}
    .about_index .about_tit .tit_cn {font-size: 28px;}
    .about_nr .ljlx a {width: 48%;}
    .about_nr .ljlx a:nth-child(1) {margin-right: 2%;}
    .about_index .about_js {padding: 20px 10px;margin-top: 0;}
    .about_js ul li p span {font-size: 32px;}
    .about_nr .ljlx {padding: 30px 0;}

    .info_zizhi{padding:20px 0;}
    .info_zizhi .iz_ul{margin-top:15px;}
    .info_zizhi .iz_ul .swiper-slide{padding:12px 15px;}
     
    .news {padding: 60px 0 60px;}
    .news .nt_d{margin-bottom:13px;}
    .news .nt_em{margin-top:10px;}
    .news .n_top{margin-top:15px;}
    .news .n_top .nt_left{width:362px;height:205px;}
    .news .n_top .nt_right{width:calc(100% - 362px);padding:10px 10px 0 10px;}
    .news .n_top .nt_right .nt_txt p:first-of-type{margin-bottom:5px;}
    .news .n_top .nt_right .nt_txt .nt_btn{margin-top:10px;}
    .news .n_ul{border-right:none;border-bottom:1px solid #E8E8E8;}
    .news .n_ul .n_li{padding:20px 0;width:100%;float:none;border-left:none;border-top:1px solid #E8E8E8;}
    .news .n_ul .n_li p.p1{height:auto;}

}

@media screen and (max-width:767px){
    .index_banner .swiper-pagination-bullets{bottom:10px!important;height:24px;}
    .index_banner .swiper-pagination-bullet{width:24px;height:24px;}
    .index_banner .swiper-pagination-bullet:before{width:8px;height:8px;margin-left:-4px;margin-top:-4px;}
    .sp_box{width:24px;height:24px;}
    .sp_box:before{border-width:1px;}
    .sp_box .sp_center{height:22px;line-height:22px;font-size:12px;}
    .sp_box .left_item{border-top-width:1px;border-left-width:1px;border-bottom-width:1px;}
    .sp_box .right_item{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;}
    
    .index_pro {padding: 20px 0 5px 0;}
    .tab_pro li {font-size: 14px;float: left;width: 49%;margin: 0 2% 2% 0;line-height: 40px;}
    .tab_pro li:nth-child(2n){margin-right: 0;}
    .con_pro li {width: 49%;margin: 2% 2% 0 0!important;}
    .con_pro li:nth-child(2n){margin-right: 0!important;}
    .con_pro li p{line-height: 35px;}

    #fengebg{padding:10px 0;}
    .fg_left{width:100%;float:none;text-align:center;}
    .fg_left p:first-child{font-size:17px;height:22px;line-height:22px;}
    .fg_left p:nth-child(2){font-size:12px;height:22px;line-height:22px;}

/* 第三个 p 元素 */
.fg_left p:nth-child(3)
 {font-size:17px;height:22px;line-height:22px;}
/* 第四个 p 元素 */
.fg_left p:nth-child(4)
{font-size:12px;height:22px;line-height:22px;}

    .fg_left .frl_txt{display:inline-block;margin-top:10px;}
    .fg_left .frl_txt span:first-child{text-align:left;}
    .fg_right{display:none;}

    .index_custom{padding: 20px 0 15px 0; background: #f3f3f5;}
    .index_custom .tx_title, .index_custom .tx_p {text-align: center;}
    .index_custom .tx_a{display: none;}
    .custom_con ul{margin-top: 15px;}
    .custom_con ul li{width: 100%;}
    .custom_con ul li:nth-child(3n){margin-right: 0;}

    .about_index {padding: 0 0 20px 0;margin-bottom: 0;}
    .about_index .about_tit {padding: 10px 0;}
    .about_index .about_tit .tit_en {font-size: 32px;}
    .about_index .about_tit .tit_cn {font-size: 22px;}
    .about_index .about_tit .tit_line{height: 3px;margin: 5px 0;}
    .about_index .about_nr {width: 100%;}
    .about_nr .text p {line-height: 22px;}
    .about_nr .ljlx a {width: 48%;height: 40px;line-height: 40px;}
    .about_index .about_js {position: relative;padding: 20px 10px;margin-top: 0;}
    .about_js ul li p span {font-size: 24px;}
    .about_js ul li p:nth-child(1) {font-size: 13px;}
    .about_js ul li p {font-size: 13px;line-height: 18px;height: 36px;}
    .about_nr .ljlx {padding: 15px 0;}
    .about_js ul li {width: 50%;margin-bottom: 15px;}

    .info_zizhi {padding: 20px 0 5px 0;}
    .info_zizhi .iz_ul{padding:15px 0;margin-top: 0;}
    .info_zizhi .iz_ul .swiper-slide{padding:12px 15px;}

    .news {
    padding: 20px 0 20px;
}
.news .n_ul {
    margin-top: 15px;
}
.news .n_ul .n_li{padding: 12px 0;}
.news .n_ul .n_li p:first-of-type{font-size: 16px;height: 22px;line-height: 22px;}
    .news .n_top .nt_left{width:100%;padding-bottom:49%;height:auto;float:none;}
    .news .n_top .nt_right{width:100%;float:none;padding:10px;}
    .news .n_top .nt_right .nt_txt p{line-height: 22px;}
}


         .gywm-module {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            padding: 10px; /* 原body的padding移到这里 */
        }
        .gywm-card {
            flex: 1 1 280px;
            border: 1px solid #ccc;
            padding: 15px;
            border-radius: 5px;
        }
        .gywm-card h3 {
            color: #333;
            margin: 0 0 20px 10px;
            padding: 0;
			 font-weight: bold; 
            font-size: 18px; 
        }
        .gywm-card ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        .gywm-card ul li {
            margin: 0 0 8px 10px;
            padding: 0;
			/* font-weight: bold; */
            font-size: 16px; 
        }


/*产品鼠标经过*/
.con_pro .con_pro_ul li .pic {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.con_pro .con_pro_ul li .pic img {
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/
    transition: transform 0.35s ease;
    transform-origin: center;
}

.con_pro .con_pro_ul li a:hover .pic img {
    transform: scale(1.15);
}

.con_pro .con_pro_ul li a {
    display: block;
    transition: all 0.35s ease;
}
.con_pro .con_pro_ul li a:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}


/*案例鼠标经过*/
.info_zizhi .iz_ul .swiper-slide .iz_img {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}

.info_zizhi .iz_ul .swiper-slide .img_way {
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/
    transition: transform 0.4s ease-out;
    transform-origin: center center;
}

.info_zizhi .iz_ul .swiper-slide a:hover .img_way {
    transform: scale(1.12);
}

.info_zizhi .iz_ul .swiper-slide a {
    display: block;
    transition: all 0.4s ease-out;
}
.info_zizhi .iz_ul .swiper-slide a:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}



/* 滚动数字模块 - 居中浮动在 banner 上方 */
.about_js {
  position: absolute;
  bottom: 30px; /* 距离 banner 底部距离，可按需调整 */
  left: 50%; /* 水平居中第一步：左移 50% */
  transform: translateX(-50%); /* 水平居中第二步：左移自身 50%，实现完美居中 */
  z-index: 99;
  padding: 18px 0; /* 上下内边距，控制模块高度 */
  background: rgb(0 0 0 / 35%);
  border-radius: 8px; /* 可选：添加圆角，提升质感 */
  box-shadow: 0 3px 10px rgba(0,0,0,0.1); /* 可选：轻微阴影，增加层次感 */
  width: calc(100% - 360px); /* 总宽度 = 屏幕宽度 - 左右边距（180px*2） */
  min-width: 800px; /* 最小宽度，避免小屏幕过度挤压 */
}

/* 数字容器 - 均匀分布 */
.about_js ul {
  display: flex;
  justify-content: space-around; /* 四列均匀分布 */
  align-items: center; /* 垂直居中 */
  flex-wrap: nowrap; /* 强制不换行 */
  margin: 0;
  padding: 0;
}

/* 单个数字项 - 单行布局 */
.about_js li {
  text-align: center;
  width: 25%; /* 四列均分 */
  border: none;
  padding: 0;
  white-space: nowrap; /* 强制内容不换行 */
}

/* 滚动数字样式 */
.about_js .count-title {
  font-size: 34px;
  font-weight: bold;
  color: #fff; /* 数字白色，突出显示 */
  text-shadow: 0 2px 4px rgba(0,0,0,0.15);
  display: inline-block;
  margin-right: 6px; /* 数字与 "+" 号间距 */
}

/* 数字行（含 "+" 号）- 单行显示 */
.about_js li p:first-child {
  font-size: 34px;
  color: #fff; /* "+" 号与数字同色 */
  text-shadow: 0 2px 4px rgba(0,0,0,0.15);
  line-height: 1;
  margin: 0;
}

/* 下方描述文字 - 白灰色+单行显示 */
.about_js li p:nth-child(2) {
  font-size: 16px;
  color: #e7dfdf !important; /* 接近白灰的颜色（浅灰偏白，适配浅蓝色背景） */
  line-height: 1.5;
  margin: 8px 0 0 0;
  white-space: nowrap; /* 强制不换行 */
  font-weight: 500; /* 轻微加粗，提升可读性 */
}

/* 响应式适配（小屏幕兼容） */
@media screen and (max-width: 1200px) {
  .about_js {
    width: calc(100% - 200px); /* 小屏幕缩小左右边距（100px*2） */
    min-width: 600px;
  }
}

@media screen and (max-width: 767px) {
.about_js ul li:first-child {
    border-left: none;
}
.about_js ul li p:nth-child(2){ border-left: none;}
  .about_js {
    width: calc(100% - 60px); /* 保持原有左右边距 */
    min-width: auto;
	
    bottom: 5px;
    padding: 3px 0; /* 上下内边距从6px→3px，极致压缩背景高度 */
  }
  .about_js ul {
    flex-wrap: wrap; /* 保持原有换行逻辑 */
    margin: 0; /* 清除默认外边距 */
    padding: 0; /* 清除默认内边距 */
  }
  .about_js li {
    width: 50%; /* 保持两列布局 */
    margin-bottom: 3px !important; /* li之间间距从6px→3px，进一步压缩垂直空隙 */
    padding: 6px 0 0 0; /* 新增顶部内边距，让文字整体下移（核心调整） */
    box-sizing: border-box; /* 确保padding不影响宽度 */

  }
  .about_js .count-title,
  .about_js li p:first-child {
    font-size: 26px; /* 保持原有字体大小 */
    line-height: 1.02; /* 行高压缩到极致，几乎无额外空白 */
    margin: 0; /* 清除默认上下边距 */
  }
  .about_js li p:nth-child(2) {
    font-size: 12px; /* 保持原有字体大小 */
    line-height: 1.05; /* 行高进一步压缩 */
    margin-top: 1px; /* 数字与文字间距从2px→1px，几乎贴紧 */
    margin-bottom: 0; /* 清除底部默认边距 */}
.about_js ul li p {
        
   height: 30px !important;
  }

  .about_nr .text p {
    line-height: 28px;
    font-size: 12px;
}

.custom_con ul li {
 
  padding: 20px 15px 45px 15px !important;
 
}

.about_index {​
    background-image: none !important;
	}

	.about_js ul li:nth-child(3) {
        border-left: none;
    }

}