                                                                     .wrap_sub03a {
                                                                     padding-top: 30px;
                                                                     padding-bottom: 18px;
                                                                     background: url(../images/bgpicss02.jpg) no-repeat left bottom;
                                                                 }
                                                                 
                                                                 .sevbgimgbg {
                                                                     position: relative;
                                                                     padding-bottom: 40px;
                                                                 }
                                                                 /* .sevbgimgbg::before {
     content: "";
     display: block;
     position: absolute;
     bottom: 0;
     left: 0;
     width: 676px;
     height: 368px;
     background: url(../images/bgpicss02.jpg) no-repeat left bottom;
 } */
                                                                 
                                                                 .servtippd {
                                                                     padding-top: 50px;
                                                                 }
                                                                 
                                                                 .sub_03a1 {
                                                                     position: relative;
                                                                     width: 336px;
                                                                     /* overflow: hidden; */
                                                                     float: left;
                                                                 }
                                                                 
                                                                 .sub03a {
                                                                     margin-left: 380px;
                                                                 }
                                                                 
                                                                 .sub_03a1 .swiper-wrapper {
                                                                     width: 100%;
                                                                     display: flex;
                                                                 }
                                                                 
                                                                 .sub_03a1 .swiper-slide {
                                                                     text-align: center;
                                                                     font-size: 18px;
                                                                     /* Center slide text vertically */
                                                                     display: flex;
                                                                     justify-content: center;
                                                                     align-items: center;
                                                                     /* Adjust height as needed */
                                                                 }
                                                                 
                                                                 .sub_03a1 .swiper-slide {
                                                                     display: block;
                                                                 }
                                                                 
                                                                 .sub_03a1 .swiper-slide img {
                                                                     max-width: 100%;
                                                                     height: auto;
                                                                 }
                                                                 
                                                                 .sub_03a1 .swiper-pagination {
                                                                     position: absolute;
                                                                     bottom: 10px;
                                                                     left: 50%;
                                                                     transform: translateX(-50%);
                                                                 }
                                                                 
                                                                 .sub_03a1 .sub_03a1_prev,
                                                                 .sub_03a1 .sub_03a1_next {
                                                                     position: absolute;
                                                                     bottom: 0;
                                                                     /* transform: translateY(-50%); */
                                                                     background-color: #2663d0;
                                                                     /* background-color: #076e39; */
                                                                     color: #fff;
                                                                     width: 55px;
                                                                     height: 55px;
                                                                     line-height: 55px;
                                                                     text-align: center;
                                                                     cursor: pointer;
                                                                     z-index: 10;
                                                                 }
                                                                 
                                                                 .sub_03a1 .sub_03a1_prev .cyicon,
                                                                 .sub_03a1 .sub_03a1_next .cyicon {
                                                                     color: #fff;
                                                                 }
                                                                 
                                                                 .sub_03a1 .sub_03a1_prev:hover,
                                                                 .sub_03a1 .sub_03a1_next:hover {
                                                                     background-color: #f39800;
                                                                 }
                                                                 
                                                                 .sub_03a1 .sub_03a1_prev:hover .cyicon,
                                                                 .sub_03a1 .sub_03a1_next:hover .cyicon {
                                                                     color: #fff;
                                                                 }
                                                                 /* .sub_03a1 .sub_03a1_prev:hover,
 .sub_03a1 .sub_03a1_next:hover {
     background-color: #076e39;
 } */
                                                                 
                                                                 .sub_03a1 .sub_03a1_prev {
                                                                     right: 52px;
                                                                 }
                                                                 
                                                                 .sub_03a1 .sub_03a1_prev .cyicon {
                                                                     display: block;
                                                                     transform: rotateY(180deg);
                                                                 }
                                                                 
                                                                 .sub_03a1 .sub_03a1_next {
                                                                     right: 0;
                                                                 }
                                                                 /* 触发器样式 */
                                                                 
                                                                 .sub_03a2 {
                                                                     display: flex;
                                                                     /* flex-wrap: wrap; */
                                                                     /* 允许换行 */
                                                                     justify-content: space-between;
                                                                     /* 在项目之间分配剩余空间 */
                                                                 }
                                                                 
                                                                 .wrap_sub03a .sub_03a2 li {
                                                                     flex: 1 1 auto;
                                                                     /* 初始为等宽分布，可以伸缩 */
                                                                     box-sizing: border-box;
                                                                     padding: 10px 10px;
                                                                     min-width: calc(25% - 10px);
                                                                     /* 减去两边的padding */
                                                                     cursor: pointer;
                                                                     color: #454545;
                                                                     font-weight: bold;
                                                                     font-size: 20px;
                                                                     margin-right: 1px !important;
                                                                     transition: all 0.5s ease 0s;
                                                                     -webkit-transition: all 0.5s ease 0s;
                                                                     -moz-transition: all 0.5s ease 0s;
                                                                     -ms-transition: all 0.5s ease 0s;
                                                                     -o-transition: all 0.5s ease 0s;
                                                                 }
                                                                 /* .wrap_sub03a .sub_03a2 li.on {
                                         width: 32%;
                                         padding: 0 10px;
                                     } */
                                                                 /* .hoviconbg::after {
     content: "";
     display: block;
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(7, 117, 51, 0.8);
 } */
                                                                 
                                                                 .hoviconbg p {
                                                                     color: #fff;
                                                                     font-weight: normal;
                                                                 }
                                                                 
                                                                 .hoviconbg span.cyicon {
                                                                     margin-top: 20px;
                                                                     display: block;
                                                                     color: #7bbd2c;
                                                                     text-align: center;
                                                                 }
                                                                 
                                                                 .hoviconbg .iconhovers {
                                                                     margin: 40px 0 20px;
                                                                     padding: 40px 0;
                                                                     transition: all 0.5s ease 0s;
                                                                     -webkit-transition: all 0.5s ease 0s;
                                                                     -moz-transition: all 0.5s ease 0s;
                                                                     -ms-transition: all 0.5s ease 0s;
                                                                     -o-transition: all 0.5s ease 0s;
                                                                 }
                                                                 
                                                                 .sub_03a2 li:nth-child(1) .iconhovers {
                                                                     background: url(../images/ncp01.png) no-repeat center center;
                                                                     background-size: 70px auto;
                                                                 }
                                                                 
                                                                 .sub_03a2 li:nth-child(2) .iconhovers {
                                                                     background: url(../images/ncp02.png) no-repeat center center;
                                                                     background-size: 60px auto;
                                                                 }
                                                                 
                                                                 .sub_03a2 li:nth-child(3) .iconhovers {
                                                                     background: url(../images/ncp03.png) no-repeat center center;
                                                                     background-size: 70px auto;
                                                                 }
                                                                 
                                                                 .sub_03a2 li:nth-child(4) .iconhovers {
                                                                     background: url(../images/ncp04.png) no-repeat center center;
                                                                     background-size: 70px auto;
                                                                 }
                                                                 
                                                                 .sub_03a2 li:nth-child(1):hover .iconhovers {
                                                                     background: url(../images/ncph01.png) no-repeat center center;
                                                                     background-size: 70px auto;
                                                                 }
                                                                 
                                                                 .sub_03a2 li:nth-child(2):hover .iconhovers {
                                                                     background: url(../images/ncph02.png) no-repeat center center;
                                                                     background-size: 60px auto;
                                                                 }
                                                                 
                                                                 .sub_03a2 li:nth-child(3):hover .iconhovers {
                                                                     background: url(../images/ncph03.png) no-repeat center center;
                                                                     background-size: 70px auto;
                                                                 }
                                                                 
                                                                 .sub_03a2 li:nth-child(4):hover .iconhovers {
                                                                     background: url(../images/ncph04.png) no-repeat center center;
                                                                     background-size: 70px auto;
                                                                 }
                                                                 
                                                                 .seiper_tits h5 {
                                                                     font-weight: bold;
                                                                     position: relative;
                                                                     margin-bottom: 20px;
                                                                 }
                                                                 
                                                                 .seiper_tits h5::before {
                                                                     content: "";
                                                                     position: absolute;
                                                                     left: 0;
                                                                     bottom: -10px;
                                                                     width: 30px;
                                                                     height: 3px;
                                                                     background: #2663d0;
                                                                 }
                                                                 
                                                                 .seiper_tits h6 {
                                                                     color: #464646;
                                                                     margin-bottom: 20px;
                                                                 }
                                                                 
                                                                 .hovtexttop {
                                                                     position: absolute;
                                                                     padding: 0 20px;
                                                                     top: 0;
                                                                     z-index: 99;
                                                                 }
                                                                 
                                                                 .wrap_sub03a .sub_03a2 .ons {
                                                                     color: #fff;
                                                                     opacity: 1;
                                                                     /* background: linear-gradient(to right, #127637, #76bb2c); */
                                                                 }
                                                                 
                                                                 .seiper_tits {
                                                                     /* width: 320px; */
                                                                     text-align: left;
                                                                     margin-top: -50px;
                                                                     padding: 0px 30px 92px 30px;
                                                                 }
                                                                 
                                                                 .wrap_sub03a .seiper_tits {
                                                                     margin-top: 52px;
                                                                 }
                                                                 
                                                                 .wrap_sub03a .sub_03a2 li .hoviconbg {
                                                                     height: 330px;
                                                                     display: block;
                                                                     position: relative;
                                                                     transition: transform 0.5s;
                                                                     transition: all 0.5s ease 0s;
                                                                     -webkit-transition: all 0.5s ease 0s;
                                                                     -moz-transition: all 0.5s ease 0s;
                                                                     -ms-transition: all 0.5s ease 0s;
                                                                     -o-transition: all 0.5s ease 0s;
                                                                 }
                                                                 
                                                                 .wrap_sub03a .sub_03a2 li .hoviconbg img {
                                                                     width: 100%;
                                                                 }
                                                                 /* .wrap_sub03a .sub_03a2 li:hover .hoviconbg::after {
     background: rgba(123, 189, 44, 0.8);
 } */
                                                                 
                                                                 .wrap_sub03a .sub_03a2 li:hover .cyicon {
                                                                     color: #076e39;
                                                                 }
                                                                 
                                                                 @media (max-width: 1640px) {
                                                                     .sub_03a1 .sub_03a1_prev {
                                                                         left: 280px;
                                                                     }
                                                                     .sub_03a1 .sub_03a1_next {
                                                                         left: 320px;
                                                                     }
                                                                     .sub_03a1 .sub_03a1_prev,
                                                                     .sub_03a1 .sub_03a1_next {
                                                                         width: 40px;
                                                                         height: 40px;
                                                                         line-height: 40px;
                                                                     }
                                                                     .sevbgimgbg::before {
                                                                         width: 560px;
                                                                         height: 172px;
                                                                     }
                                                                     .wrap_sub03a .sub_03a2 li .hoviconbg {
                                                                         height: 290px;
                                                                     }
                                                                     .sub_03a2 li .iconhovers {
                                                                         margin: 30px 0 20px;
                                                                         background-size: 60px auto!important;
                                                                     }
                                                                     .sub_03a2 li:nth-child(2) .iconhovers {
                                                                         background-size: 50px auto!important;
                                                                     }
                                                                     .hovtexttop p {
                                                                         overflow: hidden;
                                                                         text-overflow: ellipsis;
                                                                         display: -webkit-box;
                                                                         display: -moz-box;
                                                                         display: -ms-flexbox;
                                                                         -webkit-line-clamp: 3;
                                                                         -webkit-box-orient: vertical;
                                                                         -moz-box-orient: vertical;
                                                                     }
                                                                     .wrap_sub03a .sub_03a2 li {
                                                                         margin-top: 0;
                                                                     }
                                                                     .seiper_tits h6 {
                                                                         margin-bottom: 10px;
                                                                     }
                                                                     .seiper_tits {
                                                                         padding: 0px 30px 60px 30px;
                                                                     }
                                                                 }
                                                                 
                                                                 @media (max-width: 1386px) {
                                                                     .seiper_tits {
                                                                         padding: 0px 30px 45px 30px;
                                                                     }
                                                                     .sub03a {
                                                                         margin-left: 310px;
                                                                     }
                                                                     .sub_03a1 {
                                                                         width: 280px;
                                                                     }
                                                                     .wrap_sub03a .seiper_tits {
                                                                         margin-top: 10px;
                                                                     }
                                                                     .seiper_tits h6 {
                                                                         margin-bottom: 4px;
                                                                     }
                                                                     .wrap_sub03a .sub_03a2 li .hoviconbg {
                                                                         height: 230px;
                                                                     }
                                                                     .wrap_sub03a {
                                                                         padding-top: 20px;
                                                                     }
                                                                     .hovtexttop {
                                                                         padding: 0 14px;
                                                                     }
                                                                     .hoviconbg .iconhovers {
                                                                         margin: 30px 0 10px;
                                                                     }
                                                                     .sub_03a2 li .iconhovers {
                                                                         background-size: 50px auto!important;
                                                                     }
                                                                     .sub_03a2 li:nth-child(2) .iconhovers {
                                                                         background-size: 40px auto!important;
                                                                     }
                                                                     .hoviconbg .iconhovers {
                                                                         padding: 30px 0;
                                                                         margin: 26px 0 10px;
                                                                     }
                                                                     .wrap_sub03a .sub_03a2 li .hoviconbg img {
                                                                         height: 240px;
                                                                     }
                                                                     .sub_03a1 .sub_03a1_prev {
                                                                         left: 200px;
                                                                     }
                                                                     .sub_03a1 .sub_03a1_next {
                                                                         left: 240px;
                                                                     }
                                                                     .sub_03a1 .sub_03a1_prev,
                                                                     .sub_03a1 .sub_03a1_next {
                                                                         width: 40px;
                                                                         height: 36px;
                                                                         line-height: 36px;
                                                                     }
                                                                     .hoviconbg span.cyicon {
                                                                         margin-top: 10px;
                                                                     }
                                                                     .sevbgimgbg::before {
                                                                         width: 520px;
                                                                     }
                                                                     .seiper_tits h5 {
                                                                         margin-bottom: 20px;
                                                                         margin-top: 16px;
                                                                     }
                                                                     .sevbgimgbg .alltitle {
                                                                         margin-bottom: 30px;
                                                                     }
                                                                     .sub_03a1 .sub_03a1_prev,
                                                                     .sub_03a1 .sub_03a1_next {
                                                                         bottom: 0px;
                                                                     }
                                                                     .wrap_sub03a .sub_03a2 li {}
                                                                 }
                                                                 /* 当视口宽度小于或等于991px时 */
                                                                 
                                                                 @media (max-width: 991px) {
                                                                     .flex-item {
                                                                         flex-basis: 100%;
                                                                         /* 每个项目独占一行 */
                                                                     }
                                                                     .sub_03a1 {
                                                                         width: 100%;
                                                                         height: auto;
                                                                         float: none;
                                                                         overflow: hidden;
                                                                     }
                                                                     .sevbgimgbg::before {
                                                                         display: none;
                                                                     }
                                                                     .seiper_tits p {
                                                                         color: #2a2a2a;
                                                                         position: relative;
                                                                         padding: 10px 0 0;
                                                                         height: auto;
                                                                     }
                                                                     /* .seiper_tits p{
          content: "";
     display: block;
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     background: url(../images/sevbggr.jpg) no-repeat left bottom;
     } */
                                                                     .seiper_tits h5 {
                                                                         margin-bottom: 0px;
                                                                         margin-top: 0px;
                                                                         min-height: 50px;
                                                                     }
                                                                     .sevbgimgbg .seiper_tits h5 {
                                                                         margin-bottom: 30px;
                                                                         margin-top: 20px;
                                                                         min-height: none;
                                                                     }
                                                                     .wrap_sub03a .seiper_tits {
                                                                         padding: 0;
                                                                         margin-top: 0;
                                                                     }
                                                                     .sub_03a1 .sub_03a1_prev,
                                                                     .sub_03a1 .sub_03a1_next {
                                                                         display: none;
                                                                     }
                                                                     .wrap_sub03a .sub_03a2 li {
                                                                         margin-top: 0;
                                                                     }
                                                                     .wrap_sub03a {
                                                                         display: none;
                                                                     }
                                                                     .sevbgimgbg .wrap_sub03a {
                                                                         display: block;
                                                                     }
                                                                     .wrap_sub03a .seiper_tits {
                                                                         margin-top: 0;
                                                                     }
                                                                     .sub03a {
                                                                         margin-left: 0;
                                                                     }
                                                                     .sub_03a2 {
                                                                         flex-wrap: wrap;
                                                                     }
                                                                     .sevbgimgbg::before {
                                                                         display: none;
                                                                     }
                                                                     .wrap_sub03a .sub_03a2 li {
                                                                         margin-top: 0;
                                                                         min-width: calc(25% - 10px);
                                                                         padding: 4px;
                                                                     }
                                                                     .wrap_sub03a .sub_03a2 li .hoviconbg img {
                                                                         height: auto;
                                                                     }
                                                                     .hoviconbg span.cyicon {
                                                                         margin-top: 4px;
                                                                     }
                                                                 }
                                                                 
                                                                 @media (min-width: 1024px) {
                                                                     .wrap_sub03a .sub_03a2 li:hover {
                                                                         transform: scale(1.1);
                                                                         -moz-transform: scale(1.1);
                                                                         -ms-transform: scale(1.1);
                                                                         -o-transform: scale(1.1);
                                                                         -webkit-transform: scale(1.1);
                                                                     }
                                                                     .wrap_sub03a .sub_03a2 li:hover .hoviconbg {
                                                                         color: #fff;
                                                                         transform: translateY(-3%);
                                                                         -webkit-transform: translateY(-3%);
                                                                         -moz-transform: translateY(-3%);
                                                                         -ms-transform: translateY(-3%);
                                                                         -o-transform: translateY(-3%);
                                                                     }
                                                                 }
                                                                 
                                                                 @media (max-width: 768px) {
                                                                     .sevbgimgbg {
                                                                         padding-top: 16px;
                                                                         margin-top: 0;
                                                                     }
                                                                     .wrap_sub03a .sub_03a2 li {
                                                                         width: 45%;
                                                                     }
                                                                     .wrap_sub03a .sub_03a2 li .hoviconbg {
                                                                         height: 212px;
                                                                     }
                                                                     .sevbgimgbg .alltitle {
                                                                         margin-bottom: 0px;
                                                                     }