/* footer {
     top: -2rem;
 } */

 .Ne_banner {
     width: 100%;
     position: relative;
     padding-top: 0.8rem;
     overflow: hidden;
     margin-bottom: 0.25rem;
     z-index: 2;
 }

 .Ne_banner img {
     width: 100%;
     animation: changeScale 1 2.5s;
     position: relative;
     z-index: 1;
     border-radius: 0 130px;
 }

 .main-header.on {
     border-bottom: none;
 }

 .Ne_banner .text {
     position: absolute;

     color: #fff;
     top: 40%;
     left: 1.3rem;
     font-weight: bold;
     z-index: 2;
     text-align: left;

 }

 .Ne_banner .text h1 {
     font-size: 0.48rem;
     line-height: 0.7rem;
     margin-bottom: 0.2rem;
     text-shadow: 0 0 5px #333;
 }

 .Ne_banner .text .nav {
     display: flex;
     justify-content: left;
 }

 .Ne_banner .text .nav p {
     padding-left: 22px;
     line-height: 0.42rem;
     position: relative;
     font-size: 0.26rem;
     text-shadow: 0 0 5px #333;
     margin-right: 0.4rem;
     cursor: pointer;
 }

 .Ne_banner .text .nav p a {
     color: #fff;
 }

 .Ne_banner .text .nav p:after {
     width: 8px;
     height: 8px;
     position: absolute;
     border-radius: 100%;
     border: 3px solid #00aa9b;
     content: "";
     left: 0;
     top: 0.16rem;
 }

 .pc-banner {
     display: block;
 }

 .mo-banner {
     display: none;
 }

 /* 联系我们 */
 .ne-warp {
     margin: 0 1.3rem;
 }

 .news-warp {
     margin: 0 1.7rem;
 }

 .about-padd {
     padding: 1.25rem 0;
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
 }

 .aboutLeft {
     width: 55%;
 }

 .aboutText {
     font-size: 0.18rem;
         line-height: 0.28rem;
         padding-bottom: 0.25rem;
         text-indent: 2em;
 }

 .aboutRight {
     width: 6.7rem;
     overflow: hidden;
     border-radius: 0.4rem;
     height: fit-content;
 }

 .aboutRight img {
     display: block;
     width: 100%;
     animation: run 12s linear infinite;
 }

 @keyframes run {
     0% {
         transform: scale(1);
     }

     25% {
         transform: scale(1.04);
     }

     50% {
         transform: scale(1.08);
     }

     75% {
         transform: scale(1.04);
     }

     100% {
         transform: scale(1);
     }
 }

 .aboutBit {
     font-size: 0.3rem;
         color: #00aa9b;
         line-height: 0.36rem;
         font-weight: bold;
         margin-bottom: 0.2rem;
 }

 .aboutBit span {
     display: inline-block;
     line-height: 0.4rem;
     font-size: 0.3rem;
     color: #003380;
     margin-bottom: 0.1rem;
 }

 .aboutQywh {
     width: 100%;
     height: 9.3rem;
     background: url(../images/about-bg.jpg)no-repeat;
     background-size: 100% 100%;
     position: relative;
     padding-top: 1rem;
 }
 .aboutQywh  .aboutBit{width:50%;}
 .qywhDw {
     width: 2.58rem;
     height: 1.18rem;
     position: absolute;
     left: 4.3rem;
     bottom: 2.9rem;
     background: url(../images/logo2.png)no-repeat;
     background-size: 100% 100%;
     animation: opct 3s linear infinite;
 }

 .qywhBox {
     width: 50%;
     margin-left: 50%;

 }

 .qywhBox dl {
     padding: 0.45rem 0 0.2rem 0;
     border-bottom: 1px solid #c5c5c5;
     position: relative;

 }

 .qywhBox dl dt {
     line-height: 0.52rem;
     font-size: 0.36rem;
     color: #333333;
 }

 .qywhBox dl dd {
     width: 85%;
     line-height: 0.3rem;
     font-size: 0.22rem;
     padding: 0.1rem 0;
     color: #555555;
 }



 .qywhBox dl p {
     width: 1.06rem;
     height: 1.06rem;
     position: absolute;
     right: 0;
     bottom: 0.3rem;
     background: #fff;
     border-radius: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     transition-duration: .5s;
 }

 .qywhBox dl:hover p {
     transform: rotateY(180deg);
 }

 .ry-padd {
     padding: 0.8rem 0 0.4rem 0;
 }

 .ryBox {
     margin-bottom: 0.4rem;
     position: relative;
 }

 .ryBox .swiper-slide {
     background: #f5f5f5;
     padding: 0.45rem 0.3rem;
     border-radius: 0.2rem;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .ryBox .swiper-slide img {
     display: block;
     max-width: 100%;
	 height: 2.4rem;
 }
 .zzBox .swiper-slide img{height: 4rem !important;}
 .ryBox .mySwiper {
     padding-bottom: 60px;
 }

 .ryBox .swiper-button-next,
 .ryBox .swiper-button-prev {
     top: inherit;
     bottom: 0;
 }

 .ryBox .swiper-button-next {
     right: 47%;
 }

 .ryBox .swiper-button-prev {
     left: 47%;
 }

 .swiper-button-next:after,
 .swiper-button-prev:after {
     font-size: 30px !important;
     color: #bfbfbf;
 }

 @keyframes opct {
     0% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 /* 产品 */
 .proBit {
     width: 100%;
     text-align: center;
     font-size: 0.6rem;
     color: #00aa9b;
     line-height: 1.02rem;
     margin-bottom: 0.4rem;
 }

 .proBit span {
     color: #003380;
 }

 .gwjgList {
     width: 100%;
     padding-bottom: 0.6rem;
 }

 .gwjgList dl {
     width: 100%;
     overflow: hidden;
     border-radius: 0.8rem 0;
     box-shadow: 0 0 15px #cbcbcb;
     margin-bottom: 0.6rem;
     display: flex;
     justify-content: space-between;
     background: #fff;
 }

 .gwjgList dl dt {
     width: 42%;
     overflow: hidden;
 }

 .gwjgList dl dt img {
     display: block;
     width: 100%;
     transition-duration: 1s;
 }

 .gwjgList dl dd {
     width: 58%;
     padding: 0.25rem 0.3rem 0 0.3rem;
 }

 .gwjgList dl dd h1 {
     font-size: 0.26rem;
     line-height: 0.36rem;
     color: #00aa9b;
     margin-bottom: 0.25rem;
 }

 .gwjgList dl dd h1 span {
     display: inline-block;
     width: 100%;
     font-size: 0.16rem;
     line-height: 0.3rem;
     color: #666666;
 }

 .gw-list li {
     width: 48%;
     margin-bottom: 0.15rem;
     line-height: 0.44rem;
     border-radius: 0.2rem 0;
     position: relative;
     font-size: 0.17rem;
     float: left;
	 margin-right: 2%;
     cursor: pointer;
     transition-duration: .5s;
     border: 1px solid #cccccc;
 }
 .gw-list li:hover{ color:#fff;}

 .gw-list li .dw {
     width: 0.28rem;
     height: 0.28rem;
     border-radius: 100%;
     background: url(../images/app-jt.png)no-repeat center center #fff;
     position: absolute;
     top: 0.1rem;
     right: 0.1rem;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .gw-list li:hover {
     background: #003380;
     color: #fff;
 }

 .gw-list li a {
     display: inline-block;
     width: 100%;
     padding: 0 0.5rem 0 0.18rem;
	 cursor: pointer;
 }

 .gw-list li a:hover {
     color: #fff;
 }

 .gw-list li:nth-child(2n) {
     margin-right: 0;
 }

 .gwjgList dl:hover dt img {
     transform: scale(1.1)
 }

 .app-bit {
     line-height: 0.5rem;
     font-size: 0.4rem;
     color: #333333;
     font-weight: bold;
     margin-bottom: 0.4rem;
 }

 .appdetail-box {
     padding-bottom: 0.5rem;
 }

 /* ---- */
 .pro-detail {
     width: 100%;
     padding-top:1.5rem;
 }

 .introbox {
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
 }

 .introbox .left {
     width: 45%;
 }

 .introbox .left .bit {
     line-height: 0.54rem;
     font-size: 0.4rem;
     color: #003380;
     margin-bottom: 0.4rem;
 }

 .introbox .left .bit span {
     color: #00a798;
     font-size: 0.3rem;
     display: table;
     width: 100%;
 }

 .introbox .left .intro {
     font-size: 0.2rem;
     line-height: 0.48rem;
 }

 .introbox .right {
     width: 50%;
     overflow: hidden;
     border-radius: 0.5rem 0;
 }

 .introbox .right img {
     display: block;
     width: 100%;
 }

 .detainIntro {
     width: 100%;
     background: url(../images/probg.jpg) no-repeat top center #f3faff;
     padding:0.8rem 0.3rem 1rem 0.3rem;
 }

 .detainbox {
     width: 100%;
     background: #fff;
     border-radius: 0.3rem;
     padding: 0.4rem 0.6rem;
     box-shadow: 0 0 20px #d4e2f0;
     margin-bottom: 0.6rem;
     display: inline-block;
 }

 .detainbox h1 {
     color: #00a798;
     font-size: 0.33rem;
     line-height: 0.36rem;
     margin-bottom: 0.25rem;
     margin-bottom: 0.1rem;
 }

 .detainList {
     display: flex;
     flex-wrap: wrap;
     justify-content: left;
 }

 .detainList a {
     width: 100%;
     display: inline-block;
	 height: 0.7rem;
     line-height: 0.3rem;
     position: relative;
     padding-left: 0.3rem;
     font-size: 0.2rem;
	 padding:0.2rem 0 0.2rem 0.3rem
 }

 .detainList a:after {
     width: 9px;
     height: 9px;
     border-radius: 100%;
     background: #00a798;
     left: 5px;
     top: 40%;
     position: absolute;
     content: "";
 }

/* .detainbox:nth-child(1) .detainList a, .detainbox:nth-child(3) .detainList a {
     width: 50%;
 } */

 /* 产品结束 */
 /* 新闻中心 */

 .newsList dl {
     width: 31%;
     float: left;
     margin-right: 3.5%;
     cursor: pointer;
     box-shadow: 0 0 12px #e0e0e0;
     margin-bottom: 0.8rem;
     border-radius: 0.3rem;
     overflow: hidden;
 }

 .newsList dl:nth-child(3n) {
     margin-right: 0;
 }

 .newsList dl dt {
     overflow: hidden;
     width: 100%;
     background: #000;
     border-radius: 0 0 0.3rem 0.3rem;
 }

 .newsList dl dt img {
     display: block;
     width: 100%;
     transition-duration: .5s;
 }

 .newsList dl:hover dt img {
     transform: scale(1.1);
     opacity: 0.7;
 }

 .newsList dl dd {
     width: 100%;
     background: #fff;
     padding: 0.35rem 0 0 0;
 }


 .newsList dl dd h1 {
     line-height: 0.36rem;
     font-size: 0.24rem;
     min-height: 0.7rem;
     margin-bottom: 0.25rem;
     display: inline-block;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     line-clamp: 2;
     -webkit-box-orient: vertical;
     padding: 0 0.35rem;
 }

 .newsList dl:hover dd h1 {
     color: #00a798;
 }

 .newsList dl dd .neir {
     font-size: 0.16rem;
     line-height: 0.28rem;
     color: #888888;
     margin-bottom: 0.3rem;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 .moreBox {
     width: 100%;
     border-top: 1px solid #e5e5e5;
     line-height: 0.7rem;
     display: flex;
     justify-content: space-between;
     font-size: 0.21rem;
     color: #00a798;
     align-items: center;
     padding: 0 0.35rem;
 }

 .moreBox i {
     width: 25px;
     height: 18px;
     transition-duration: 1s;
     position: relative;
     right: 5px;
 }

 .newsList dl:hover dd .moreBox i {
     right: 0;
 }


 .moreBox i img {
     display: block;
 }

 /* 新闻详情 */
 .detailBit {
     width: 100%;
     border-bottom: 1px solid #003380;
     padding-bottom: 0.2rem;
     margin-bottom: 0.5rem;
 }

 .detailBit h1 {
     line-height: 0.7rem;
     font-size: 0.35rem;
     color: #114088;
 }

 .detailTime {
     display: flex;
     justify-content: space-between;
 }

 .detailTime .t {
     line-height: 0.44rem;
     color: #00aa9b;
     font-size: 0.16rem;
 }

 .detailTime .share {
     line-height: 0.44rem;
     color: #333333;
     display: flex;
 }

 .detailTime .share .iconfont {
     margin-left: 0.25rem;
     font-size: 0.26rem;
     color: #b1b1b1;
 }

 .detailtext {
     width: 100%;
     padding-bottom: 0.3rem;
     font-size: 0.2rem;
     line-height: 0.36rem;
     color: #333333;
 }

 .detailtext p,
 .detailtext p span {
     font-size: 0.16rem !important;
 }

 .detailtext img {
     display: inline-block;
     max-width: 100%;
 }

 .Listmore {
     min-width: 2rem;
     height: 0.58rem;
     display: table;
     justify-content: space-between;
     background: #00a798;
     border-radius: 15px 0 15px 0;
     color: #ffffff;
     font-size: 0.2rem;
     padding: 0 0.19rem;
     margin: 0.36rem auto 0.8rem;
     align-items: center;
     transition-duration: .5s;
     -webkit-border-radius: 15px 0 15px 0;
     -moz-border-radius: 15px 0 15px 0;
     align-items: center;
     justify-content: center;
     font-weight: bold;
     cursor: pointer;
 }

 .Listmore .iconfont {
     color: #fff;
     font-size: 0.26rem;
     margin-left: 5px;
 }

 .Listmore a {
     color: #fff;
 }

 .Listmore:hover {
     border-radius: 15px;
     color: #fff;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
 }

 .news-back {
     width: 100%;
     line-height: 0.6rem;
     font-size: 16px;
     color: #333333;
 }

 .news-back .b1 {
     width: 40%;
     line-height: 0.6rem;
     padding-left: 0.65rem;
     background: url(../images/j-bj.png)no-repeat left center;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     text-align: left;
     background-size: 0.44rem 0.44rem;
 }

 .news-back .b2 {
     width: 40%;
     line-height: 0.6rem;
     padding-right: 0.65rem;
     background: url(../images/j-bj1.png)no-repeat right center;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     text-align: right;
     display: inline-block;
     background-size: 0.44rem 0.44rem;
 }
.swiper-wrapper {
    height: auto !important;
}
.swiper-slide {
    height: auto !important;
}
 /* 联系我们 */
 .contBox {
     padding-top: 1.4rem;
     background: url(../images/probg.jpg)no-repeat top center #f3faff;
     padding-bottom: 1.25rem;
 }

 .mapTabbox {
     display: flex;
     overflow: hidden;
     border-radius: 0 0 130px 0;
     -webkit-border-radius: 0 0 130px 0;

 }

 .mapBox {
     width: 58%;
     height: 6.08rem;
     border-top: 5px solid #00aa9b;

 }

 #map1 {
     height: 6.08rem;
 }

 .mapTab {
     width: 42%;
     position: relative;
     border-top: 2px solid #00a798;
 }

 .CbContainer1 {
     position: relative;
 }

 .CbContainer1 img {
     width: 100%;
 }

 .mapTab ul {
     text-align: center;
     background-size: cover;
     display: grid;
 }

 .mapTab li {
     width: 100%;
     cursor: pointer;
     height: 3.1rem;
     color: #fff;
     position: relative;
     display: inline-block;
     border-bottom: 1px solid #4ebcb2;
     padding: 0 0.45rem;
     text-align: left;
     display: flex;
     align-items: center;
     background: #00aa9b;
 }

 .mapTab li h1 {
     line-height: 0.48rem;
     font-size: 0.24rem;

     font-weight: normal;
 }

 .mapTab li h1 p {
     line-height: 0.34rem;
     font-size: 0.2rem;
 }

 .mapTab li:nth-child(1) h1 p {
     margin-top: 0.07rem;
 }

 .mapTab li.hover {
     opacity: 1;
     color: #fff;
     background: #019f91;
 }

/* .mapTab li.hover h1 {
     font-weight: bold;
 } */

 .contFbit {
     line-height: 0.5rem;
     text-align: center;
     font-size: 0.36rem;
     color: #00aa9b;
     margin-bottom: 10px;
     font-weight: bold;
 }

 .contFbit span {
     font-size: 0.24rem;
     display: inline-block;
     width: 100%;
     line-height: 0.4rem;
     color: #333333;
 }

 .hrList {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     margin-bottom: 0.5rem;
     margin-top: 0.2rem;
 }

 .hrList dl {
     width: 15.5%;
     margin-right: 1.4%;
     background: #e5f6f5;
     border-radius: 0.2rem;
     text-align: center;
     min-height: 2.95rem;
     padding-top: 0.3rem;
     cursor: pointer;
 }


 .hrList dl:nth-child(6) {
     margin-right: 0;
 }

 .hrList dl dt {
     width: 100%;
     text-align: center;
     margin-bottom: 10px;
     transition-duration: 1s;
 }

 .hrList dl dt img {
     width: 0.8rem;
 }

 .hrList dl:hover dt {
     transform: rotateY(180deg);
 }

 .hrList dl dd h1 {
     font-size: 0.24rem;
     line-height: 0.3rem;
     color: #00a798;
     margin-bottom: 5px;
 }

 .hrList dl dd p {
    padding: 0 5% 10px 5%;
        font-size: 0.18rem;
        line-height: 0.3rem;
 }

 .jsfzBox {
     width: 8.26rem;
     height: 3.75rem;
     margin: 50px auto 0;
     background: url(../images/hr-bg.png)no-repeat;
     background-size: 100% 100%;
     position: relative;
 }

 .jsfzBox .dw {
     width: 32px;
     height: 83px;
     position: absolute;
     top: 30px;
     left: 48%;
     animation: float 3s linear infinite;
 }

 .jsfzBox .t1 {
     font-size: 0.3rem;
     color: #fff;
     position: absolute;
     top: 55%;
     left: 21%;
 }

 .jsfzBox .t2 {
     font-size: 0.3rem;
     color: #fff;
     position: absolute;
     top: 55%;
     right: 17%;
	 text-align: center;
 }

 @keyframes float {

     0%,
     100% {
         top: 0px;
         opacity: 1;
     }

     50% {
         top: 50px;
         opacity: 0.5;
         /* 上下浮动的距离 */
     }
 }

 /* 新闻中心 */
 /* 分割线 */
 /* 研发中心 */
 .resBox {
     width: 80%;
     margin: 0 auto;
 }

 .reText {
     font-size: 0.22rem;
         line-height: 0.4rem;
         color: #333333;
 }

 .jsptBox {
     width: 100%;
     position: relative;
     padding-bottom: 3rem;
     margin-top: 0.4rem;
 }

 .jsptLine {
     width: 5.7rem;
     height: 5.7rem;
     margin: 0 auto;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .jsptLine .img {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     z-index: 1;

 }

 .jsptLine .img img {
     width: 100%;
     display: block;
     animation: rotate 22s linear infinite;
 }

 .pos1 {
     position: absolute;
     max-width: 3.1rem;
     left: 0.5rem;
     top: 0.7rem;
 }

 .pos2 {
     position: absolute;
     max-width: 4.1rem;
     right: -1rem;
     top: 0.7rem;
 }

 .pos3 {
     width: 100%;
     position: absolute;
     max-width: inherit;
     left: 0;
     bottom: 0.4rem;
 }

 .pos3 .icon {
     margin-left: 0;
     margin: 0 auto !important;
 }

 .pos3 h1 {
     width: 100%;
     text-align: center;
 }

 .jsfzflex {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
 }

 .jsfzflex p {
     margin: 0 0.25rem;
 }

 .jsptText .icon {
     width: 1.22rem;
     height: 1.25rem;
     margin-left: 0.45rem;
     display: flex;
     justify-content: center;
     align-items: center;
     background: url(../images/res-bg.png)no-repeat;
     background-size: 100% 100%;

 }

 .jsptText .icon img {
     width: 0.8rem;
     ;
 }

 .jsptText h1 {
     line-height: 0.38rem;
         color: #00a798;
         font-size: 0.26rem;
         padding-bottom: 15px;
 }

 .jsptText p {
     line-height: 0.38rem;
         font-size: 0.2rem;
         padding-left: 0.3rem;
         color: #333333;
         position: relative;
 }

 .jsptText p:after {
     width: 8px;
     height: 8px;
     border-radius: 100%;
     position: absolute;
     left: 5px;
     top: 0.2rem;
     content: "";
     background: #00a798;
 }

 @keyframes rotate {
     0% {
         transform: rotate(0);
     }

     to {
         transform: rotate(1turn);
     }
 }

 .jsptBit {
     width: 3.26rem;
     height: 3.26rem;
     display: flex;
     justify-content: center;
     align-items: center;
     color: #fff;
     font-size: 0.36rem;
     border-radius: 100%;
	 text-align: center;
     background: -webkit-linear-gradient(left, #003480, #006f8d, #00a99a);
     background: -ms-linear-gradient(left, #003480, #006f8d, #00a99a);
     background: linear-gradient(to right, #003480, #006f8d, #00a99a);
 }

 .contBox .swiper {
     box-shadow: 0 0 20px #b5d4f2;
     border-radius: 0.8rem 0;

 }

 .contBox .swiper-pagination {
     width: auto !important;
     bottom: 0.58rem !important;
     text-align: left !important;
     padding-left: 1.15rem !important;
 }

 .contBox .swiper-button-next,
 .contBox .swiper-button-prev {
     top: inherit;
     bottom: 0.45rem;
 }

 .contBox .swiper-button-next:after,
 .contBox .swiper-button-prev:after {
     color: #00a798;
 }

 .contBox .swiper-pagination-bullet {
     width: 14px;
     height: 14px;
     border-radius: 100%;
     border: 4px solid #00998c;
     background: #fff;
 }

 .contBox .swiper-pagination-bullet-active {
     background: #00998c;
 }

 .contBox .swiper-button-next {
     right: inherit;
     left: 14.5%;
 }

 .contBox .swiper-button-prev {
     left: 0.8rem;
 }

 .teamBox .swiper-slide {
     background: #fff;
     overflow: hidden;

     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
 }

 .teamBox .swiper-slide .left {
     width: 50%;
     padding: 0.45rem 0.5rem 0.4rem 0.6rem;
 }

 .teamBox .swiper-slide .left h1 {
     font-weight: normal;
     line-height: 0.72rem;
     font-size: 0.38rem;
     color: #062f66;
 }

 .teamBox .swiper-slide .left .job {
     line-height: 0.52rem;
     font-size: 0.2rem;
     color: #00998c;
     margin-bottom: 0.25rem;
 }

 .teamBox .swiper-slide .left .intro, .teamBox .swiper-slide .left p {
     font-size: 0.18rem;
     line-height: 0.3rem;
	 text-indent: 0 !important;
 }

 .teamBox .swiper-slide .right {
     width: 50%;
     overflow: hidden;
 }

 .teamBox .swiper-slide .right img {
     display: block;
     width: 100%;
 }

 .teamBox .lunbo {
     position: absolute;
     left: 0.7rem;
     bottom: 0.65rem;
     display: flex;
     justify-content: space-around;
     width: inherit;
 }

 /* ------------- */
 .jianT {
     width: 100%;
     text-align: center;
     margin-bottom: 0.9rem;
 }

 .jianT li {

     line-height: 0.42rem;
     height: 0.42rem;
     display: inline-block;
     min-width: 0.42rem;
     margin: 0 4px;
     padding: 0;
 }

 .jianT li:nth-child(1) a,
 .jianT li:last-child a {
     padding: 0 0.2rem;
     display: flex;
     justify-content: center;
     align-items: center;
 }


 .jianT li a {
     font-size: 0.16rem;
     color: #333;
     display: block
 }

 .jianT li a:hover {
     text-decoration: none;
     background: #00a798;
     color: #fff;
     border-radius: 0.15rem 0;
 }

 .jianT li .on {
     background: #00a798;
     color: #fff;
     display: block;
     border-radius: 0.15rem 0;
 }

 .jianT li:first-child a:hover {
     background: none;
 }

 .jianT li:last-child a:hover {
     background: none;
 }


 /* ---- */
 .searchadd {
     line-height: 0.5rem;
     font-size: 0.18rem;
     color: #333333;
     margin-bottom: 0.2rem;
 }

 .searchadd span {
     color: #003380;
 }

 .SeaList {
     width: 100%;
     margin-bottom: 0.55rem;
 }

 .SeaList li {
     padding: 0.35rem 0.35rem 0.45rem 0.35rem;
     border-bottom: 1px solid #adadad;
     transition-duration: 1s;
     cursor: pointer;
 }

 .SeaList li .time {
     line-height: 0.32rem;
     color: #00a798;
     font-size: 0.16rem;
 }

 .SeaList li h1 {
     width: 100%;
     font-size: 0.24rem;
     line-height: 0.5rem;
     color: #333333;
 }

 .SeaList li h1 span {
     color: #003380;
 }

 .SeaList li .neir {
     line-height: 0.36rem;
     font-size: 0.16rem;
     color: #333;
     margin-top: 0.17rem;
 }

 .SeaList li:hover {
     background: #f3f3f3;
 }

 .search-box {
     width: 100%;
     border: 1px solid #cfcfcf;
     display: flex;
     justify-content: space-between;
     margin-bottom: 0.45rem;
 }

 .search-box input {
     width: 85%;
     line-height: 0.64rem;
     padding: 0 0.4rem;
     background: #fff;
     font-size: 0.18rem;
     outline: none;
     border: none;
 }

 .search-box .button {
     width: 15%;
     line-height: 0.64rem;
     text-align: center;
     color: #fff;
     font-size: 0.18rem;
     background: #00a798;
     outline: none;
     border: none;
 }



 .fl {
     float: left;
 }

 .fr {
     float: right;
 }

 .clear {
     clear: both;
 }

 /* 2024-10-25 */

 .proRight {
     width: 70%;
	 padding-top: 30px;
 }

 /* 左侧导航样式 */
 .proLeft {
     width: 22%;
     align-self: flex-start;
 }

 /* 产品导航 */

 .navMenubox {
     width: 100%;
     margin: 0 auto;
     overflow: hidden;
 }

 .navMenu>li {
     display: block;
     margin: 0;
     padding: 0;
     border: 0px;
     position: relative;
 }

 .navMenu>li>a {
     width: 100%;
     line-height: 0.7rem;
     font-size: 0.3rem;
     color: #1c233c;
     position: relative;
     transition: all .3s;
     display: block;
     background: #fff;
     transition-duration: .5s;
     /* padding-left: 0.45rem; */
     overflow: hidden;

 }

 .navMenu>li:nth-child(1)>a {
     border-bottom: 1px solid #003380;
 }

 .navMenu li .arrow {
     width: 0.18rem;
     height: 0.18rem;
     position: absolute;
     right: 0.25rem;
     top: 0.31rem;
     text-shadow: none;
     background: url(../images/nav-icon.png) no-repeat;
 }

 .navMenu li a .arrow.open {
     width: 0.18rem;
     height: 0.18rem;
     position: absolute;
     right: 0.25rem;
     top: 0.31rem;
     text-shadow: none;
     background: url(../images/nav-icon1.png) no-repeat;
 }

 .navMenu>li>a.active,
 .navMenu>li>a:hover {
     color: #00aa9b;

 }

 .navMenu>li>ul.sub-menu,
 .navMenu>li>ul.sub-menu>li>ul.sub-menu {
     display: none;
     list-style: none;
     clear: both;

 }

 .selected a span {
     color: #00aa9b;
 }

 .navMenu>li>ul.sub-menu li {
     background: none;
     margin: 0px;
     padding: 0px;
     position: relative;
 }

 .twoMenu {
     display: flex;
     justify-content: space-between;
     font-size: 0.18rem;
     line-height: 0.56rem;
     /* padding-left: 0.55rem; */
     color: #022f74;
     clear: both;
     position: relative;
     border-bottom: 1px solid #003380;
     padding-top: 5px;
     cursor: pointer;
 }

 .twoMenu a {
     color: #003380;
 }

 .twoMenu .arrow {
     cursor: pointer
 }

 .navMenu>li>ul.sub-menu li .twoMenu .arrow.open {
     background: url(../images/nav-icon2.png) no-repeat;
 }

 .navMenu>li>ul.sub-menu li a .arrow.open {
     width: 0.18rem;
     height: 0.18rem;
     position: absolute;
     right: 0.25rem;
     top: 0.19rem;
     text-shadow: none;
     background: url(../images/nav-icon2.png) no-repeat;
 }


 .navMenu .open .nav-text {
     color: #00aa9b;
 }


 .navMenu>li>ul.sub-menu li .arrow {
     width: 0.18rem;
     height: 0.18rem;
     position: absolute;
     right: 0rem;
     top: 0.23rem;
     text-shadow: none;
     background: url(../images/nav-icon.png) no-repeat;
 }

 .navMenu>li>ul.sub-menu li>a {
     display: flex;
    font-size: 0.18rem;
    line-height: 0.5rem;
    color: #555;
    clear: both;
    position: relative;
    background: #fff;
    align-items: center;
 }
  .navMenu>li>ul.sub-menu li>a img{margin-left:5px; }
  .navMenu>li>ul.sub-menu li>a img:nth-child(1){heiight:12px;}

 /* .navMenu>li>ul.sub-menu li>.sub-menu li>a {
    padding-left: 0.7rem;
} */

 /* .navMenu>li>ul.sub-menu li>.sub-menu li>a:after {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #555;
    position: absolute;
    content: "";
    left: 0.55rem;
    top: 0.25rem;
} */

 .navMenu>li>ul.sub-menu li>.sub-menu li:hover>a:after {
     background: #b60007;
 }

 .navMenu>li>ul.sub-menu li>a.active,
 .navMenu>li>ul.sub-menu li>a:hover,
 .navMenu>li>ul.sub-menu>li.active>a {
     color: #00aa9b;
     /* background: #12181b; */
 }

 /* 产品导航 */
 
 .yfcgBox{width: 100%; padding:1rem 0; background: #eeeeee;}
.zlBox{text-align: center;}
.zlBox img{display: inline-block;}


.bitIcon{display: flex; justify-content: left; flex-wrap: wrap; height: fit-content; align-items: center;}
.bitIcon img{ margin-left: 0.1rem; margin-bottom: 0.1rem; display:inline-block;   height: fit-content;}
.introbox .left .bit {
    width: 70%;}
.detailBitbox{
	width:100%;
  display: flex;
  justify-content: left;
}
.detailBitbox .bitIcon{margin-left:30px; padding-top:0.15rem;}
.detailBitbox .bit {
    line-height: 0.54rem;
    font-size: 0.4rem;
    color: #003380;
    margin-bottom: 0.4rem;
}
.detailBitbox .bit span {
    color: #00a798;
    font-size: 0.3rem;
    display: table;
    width: 100%;
}

/*  */
.introRoll{width: 100%; height:2.3rem;  overflow: auto; padding-right: 8px;}

.introRoll::-webkit-scrollbar {
    width: 3px;
    height: 16px;
    background-color: #F5F5F5;
}

.introRoll::-webkit-scrollbar-thumb {
    background: #00a798;
    border-radius: 5px;
}

.introRoll::-webkit-scrollbar-track {
    background: #caccd7;
    border-radius: 5px;
}

 @media only screen and (max-width: 1450px) {

     .aboutText,
     .hrList dl dd p {
         font-size: 16px;
     }

     .detailtext,
     .Listmore,
     .teamBox .swiper-slide .left .intro {
         font-size: 18px;
     }

     .resBox {
         width: 90%;
     }

 }

 @media only screen and (max-width: 1366px) {
     .mapTab li h1 p {
         font-size: 16px;
     }

     .hrList dl {
         height: 210px;
     }
 }

 @media only screen and (max-width: 1280px) {}

 @media only screen and (max-width: 1024px) {}

 @media only screen and (max-width: 760px) {
     .ne-warp {
         margin: 0 4%;
     }

     .Ne_banner {
         border-radius: 0 0 0 50px;
         -webkit-border-radius: 0 0 0 50px;
         margin-bottom: 30px;
     }

     .Ne_banner .text {
         font-size: 26px;
         line-height: 40px;
         right: 5%;
     }

     .pc-banner {
         display: none;
     }

     .mo-banner {
         display: block;
     }

     .Ne_banner img {
         border-radius: 0 50px;
     }

     .Ne_banner .text {
         left: 30px;
     }

     .Ne_banner .text .nav p {
         padding: 10px 20px;
         line-height: 24px;
         font-size: 17px;
         margin-right: 20px;
     }

     .Ne_banner .text .nav p:after {

         top: 13px;
     }

     .aboutLeft {
         width: 100%;
     }

     .about-padd {
         padding: 0 0 30px 0;
     }

     .aboutText {
         line-height: 26px;
     }

     .qywhBox {
         width: 100%;
         margin-left: 0;
     }

     .aboutQywh {
         padding-top: 40px;
         padding-bottom: 40px;
         height: auto;
         background-size: 100% 100%;
     }

     .qywhBox dl dd {

         line-height: 26px;
         font-size: 16px;

     }

     .ryBox .swiper-button-prev {
         left: 40%;
     }

     .ryBox .swiper-button-next {
         right: 40%;
     }

     .introbox .left {
         width: 100%;
         margin-bottom: 20px;
     }

     .introbox .left .intro {
         font-size: 16px;
         line-height: 30px;
     }

     .detainbox:nth-child(1) .detainList a {
         width: 100%;
     }

     .news-warp {
         margin: 0 20px;
     }

     .hrList dl {
        width: 100%;
    height: auto;
    padding-top: 0.4rem;
    padding-bottom: 20px;
    cursor: pointer;
    margin-bottom: 10px;
     }

     .contFbit span {
         font-size: 16px;
     }

     .jsfzBox {
         width: 100%;
     }





     .detainList a {
         width: 50%;
         line-height: 34px;
         font-size: 17px;
     }




     .compayBit span {
         font-size: 18px;
     }

     .compayBit {
         font-size: 20px;
         line-height: 30px;
     }

     .compayText {
         font-size: 16px;
         line-height: 30px;
     }


     .contNews {
         width: 100%;
         padding: 30px 4%;
     }

     .aboutCont dl {
         width: 100%;
         float: inherit;
         padding: 20px;
         min-height: auto;
         margin-bottom: 10px;
     }

     .aboutCont {
         width: 100%;
         display: block;
     }

     .contEmail {
         width: 100%;
         display: block;
     }

     .aboutCont dl dt {
         line-height: 30px;
         font-size: 18px;
         margin-bottom: 5px;
     }

     .aboutCont dl dd {
         line-height: 26px;
         font-size: 16px;
     }

     .navBox {
         width: 100%;
         margin-bottom: 35px;
     }

     .newsList dl {
         width: 100%;
         margin-left: 0;
     }

     .newsList dl dd h1 {
         line-height: 26px;
         font-size: 17px;
         height: auto;
         margin-bottom: 15px;
     }

     .newsList dl dd .neir {
         font-size: 16px;
         line-height: 26px;
     }

     .moreBox {
         line-height: 36px;
         font-size: 15px;

     }



     .moreList dl {
         width: 100%;
         margin-right: 0;
         margin-bottom: 20px;
     }

     .moreList dl dd h1 {
         line-height: 32px;
         font-size: 20px;
     }

     .moreList dl dd .neir {
         font-size: 16px;
         line-height: 26px;
     }

     .detailTime .t {
         font-size: 15px;
     }

     .detailtext {
         padding-bottom: 20px;
         font-size: 16px;
         line-height: 26px;
     }

     .Listmore {
         width: 130px;
         height: 44px;
         font-size: 15px;
     }

     .Listmore .iconfont {
         margin-left: 5px;
     }

     .mapBox {
         width: 100%;
         height: auto;
     }

     .mapTab li {
         height: auto;
         padding: 15px 10px;
     }







     .mapTabbox {
         display: block;
         margin-bottom: 30px;
         border-radius: 0 0 70px 0;
         -webkit-border-radius: 0 0 70px 0;
     }



     .mapTab {
         width: 100%;
     }

     .contEmail .right {
         text-align: right;
         padding-left: 40%;
         position: relative;

     }

     .mapTab li h1 {
         line-height: 24px;
         font-size: 17px;
     }

     .mapTab li h1 p {
         line-height: 22px;
         font-size: 15px;
     }

     .aboutCont dl dd p {
         width: 50px;
         line-height: 24px;
     }

     .aboutCont dl:nth-child(2) dd span {
         line-height: 24px;
     }

     .detailTime .share .iconfont {
         font-size: 22px;
     }

     .marketList dl a {
         display: block;
     }

     .contNews {
         padding: 20px !important;
     }

     .news-back .b1 {
         width: 100%;
     }

     .news-back .b2 {
         width: 100%;
         padding-left: 0.65rem;
         background: url(../images/j-bj1.png)no-repeat left center;
         background-size: 0.44rem 0.44rem;
     }

     .historyList .swiper {
         padding-bottom: 30px;
     }

     .gwjgList dl {
         display: block;
     }

     .gwjgList dl dt {
         width: 100%;
     }

     .gwjgList dl dd {
         width: 100%;
         padding: 15px;
     }

     .gwjgList dl dd h1 {
         font-size: 20px;
         line-height: auto;
         margin-bottom: 10px;
     }

     .gwjgList dl dd h1 span {
         font-size: 15px;
         line-height: 20px;

     }

     .gw-list li {
         width: 100%;
         line-height: 34px;
         font-size: 15px;
     }

     .sideMenu1 ul {
         padding: 20px;
     }

     .appintro .icon img {
         display: block;
         width: 60%;
     }

     .appintro .intro h1 {
         font-size: 20px;
         line-height: 36px;
     }

     .appintro .intro p {
         line-height: 25px;
         font-size: 15px;
     }

     .cpysList dl {
         line-height: 30px;
         font-size: 15px;
     }

     .cpys {
         line-height: 36px;
         padding: 0 25px;
         font-size: 18px;
     }

     .sideMenu1 h3 {
         padding-left: 30px;
     }

     .sideMenu1 h3:after {
         top: 0.24rem;
     }

     .synList {
         width: 100%;
         margin-bottom: 0.55rem;
     }

     .synList {
         display: block;
     }

     .synList dl {
         width: 100%;
         margin-bottom: 10px;
         height: 1.5rem;

     }

     .synBox .bit {
         font-size: 16px;
         line-height: 26px;
     }

     .synList dl dd {
         font-size: 16px;
         line-height: 26px;
     }

     .synList dl dt {
         width: 26px;
         height: 26px;
         line-height: 26px;
         font-size: 15px;
     }

     .crdw1,
     .crdw2,
     .crdw3,
     .crdw4,
     .crdw5 {
         position: relative;
         top: 0;
         left: 0;
         right: 0;
     }

     .criBox1 .crIcon {
         width: 80px;
         height: 80px;
     }

     .criBox1 {
         position: relative;
         margin-bottom: 15px;
     }

     .syn-line {
         width: 100%;
         padding-bottom: 2.8rem;
     }

     .synCri {
         height: auto;
         background: none;
     }

     .synCri .box h1 {
         font-size: 20px;
     }

     .synCri .box p {
         font-size: 16px;
     }

     .synCri .box {
         width: 80%;
         margin: 0 auto;
     }

     .criBox1 .crText,
     .criBox1 .crText1,
     .criBox1 .rcrText,
     .criBox1 .rcrText1 {
         width: calc(95% - 80px);
         padding-right: 0;
         margin-right: 0;
         margin-left: 0;
     }

     .criBox1 .crText:after,
     .criBox1 .crText1:after,
     .criBox1 .rcrText:after,
     .criBox1 .rcrText1:after {
         display: none;
     }

     .criBox1 .crText:before,
     .criBox1 .crText1:before,
     .criBox1 .rcrText:before,
     .criBox1 .rcrText1:before {
         display: none;
     }

     .criBox1 .crText h1,
     .criBox1 .crText1 h1,
     .criBox1 .rcrText h1,
     .criBox1 .rcrText1 h1 {
         line-height: 26px;
         font-size: 18px;
     }

     .criBox1 .crText p,
     .criBox1 .crText1 p,
     .criBox1 .rcrText p,
     .criBox1 .rcrText1 p {
         font-size: 15px;
         line-height: 26px;
     }

     .criBox1 .crIcon img {
         width: 60%;
     }

     .crdw3 .crIcon {
         float: right;
     }

     .crdw3 .crText {
         float: left;
         text-align: right !important;
     }

     .syn-line {
         width: 100%;
         padding-bottom: 0.8rem;
     }

     .advaList {
         display: block;

     }

     .advaList dl {
         width: 100%;
         margin-bottom: 15px;
     }

     .advaList dl dt {
         font-size: 18px;
     }

     .advaList dl dd {
         height: auto;
         font-size: 15px;
         line-height: 26px;
     }

     .platBox {
         display: block;
     }

     .platBox dl {
         width: 90%;
         float: left;
         margin-right: 5%;
         margin-left: 5%;
         margin-bottom: 15px;
         animation: initial;
     }

     .syn-ai .dw {
         display: block;
     }

     .syn-ai .left {
         width: 100%;
         padding-left: 5%;
     }

     .syn-ai .right {
         width: 100%;
         margin-top: 15px;
     }

     .aiList li {
         line-height: 24px;
         font-size: 16px;
         padding: 10px 25px;
     }

     .aiList li span:before {
         bottom: 5px;
         z-index: -1;
     }

     .platBox dl dd h1 {
         font-size: 20px;
     }

     .platBox dl dd h1 span {
         font-size: 16px;
         line-height: 26px;
         padding: 10px 0;
     }

     .platBox dl dd {
         height: auto;
     }

     .platBox dl dd p {
         font-size: 15px;
         line-height: 26px;

     }


     .pc-banner {
         display: none;
     }

     .mo-banner {
         display: block;
     }

     .yflist dl dt {
         width: 100%;
         border-radius: 0.2rem;
     }

     .yflist dl dd {
         width: 100%;
         height: auto;
         padding: 15px;
     }

     .yflist dl dd h1 {
         font-size: 20px;
         line-height: 30px;
     }

     .yflist dl dd .dw {
         top: 15px;
     }
.aboutQywh .aboutBit {
    width: 90%;
}
.proLeft {
    width: 100%;
}
.proRight {
    width: 100%;
    padding-top: 30px;
}
.twoMenu {
    font-size: 17px;
    line-height: 37px;
}
.navMenu>li>a{font-size:20px;}
.introbox .right {
    width: 100%;}
.detainIntro {
    width: 100%;
    padding: 30px 10px;
}
.pos3 h1 {
    text-align: left;
}
.jsfzflex p {
    margin: 0;
}
.pos3 .icon {
    margin: inherit;
}
.pos3 {
    width: 100%;
    position: relative;
    left: 0;
    bottom: 0;
padding-bottom:30px;
}
.jsptBox {
    padding-bottom: 60px;
}
.pos1 {
    position: relative;
    max-width: 100%;
    left: 0;
    top: 0;
    width: 100%;
padding-bottom:30px;
}
.pos2 {
    position: relative;
    max-width: 100%;
    right: inherit;
    top: 0;
padding-bottom:30px;
}
.jsfzflex {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}
.pos3 .icon {
    margin-left: 0;
    margin: inherit !important;
}
.navMenu>li>ul.sub-menu li .arrow {
    width: 18px;
    height: 18px;
    right: 20px;
}
.jsptText p {
    line-height: 30px;
    font-size: 16px;
    padding-left: 20px;
}
.jsptText h1 {
    font-size: 18px;
    padding-bottom: 15px;
    margin-top: 20px;
}
.teamBox .swiper-slide .left {
width:100%;
    padding: 25px;
min-height:270px;
}
.teamBox .swiper-slide .right {
    width: 100%;
    overflow: hidden;
}
.teamBox .swiper-slide .left .job {
    font-size: 17px;
}
.teamBox .swiper-slide .left p {
    font-size: 16px;
    line-height: 24px;
    text-indent: 0 !important;
}
.contBox .swiper-button-next {
    right: inherit;
    left: 33%;
    bottom: 0.35rem;
}
.contBox .swiper-button-prev {
    left: 0.7rem;
    bottom: 0.35rem;
}
.contBox {
    padding-bottom: 0;
}
.hrList dl dd h1 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 5px;
}
.aboutText, .hrList dl dd p {
    font-size: 16px;
    line-height: 24px;
}
.homeSynesis img {
    height: 560px;
}
.Ne_banner .text .nav {
    flex-wrap: wrap;
}
.aboutBit span{font-size:20px;}
.navMenu>li>ul.sub-menu li>a {
    font-size: 16px;
    line-height: 30px;}
.resBox {
    width: 100%;
}
.reText {
    font-size: 16px;
    line-height: 30px;
}
 }