/* footer {
     top: -2rem;
 } */
.iconBox1{ width:1.5rem; margin:0 0.2rem 0 0.2rem}
.iconBox1 img,.ewmBox IMg{ display:block}
.ewmBox{width:1.2rem}
 .Ne_banner {
     width: 95%;
     margin-left: 5%;
     position: relative;
     padding-top: 1.05rem;
     overflow: hidden;
     border-radius: 0 0 0 130px;
     -webkit-border-radius: 0 0 0 130px;
     margin-bottom: 0.75rem;
     z-index: 2;
 }

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

 .Ne_banner .text {
     position: absolute;
     font-size: 0.7rem;
     line-height: 0.68rem;
     color: #fff;
     bottom: -6px;
     right: 13%;
     font-weight: bold;
     z-index: 2;
     text-align: right;
     text-transform: uppercase;

 }

 .Ne_banner .text span {
     width: 100%;
     font-size: 0.24rem;
     line-height: 0.3rem;
     text-align: right;
     display: inline-block;
 }

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

 .contEmail {
     width: 100%;
     margin-top: 0.4rem;
     margin: 0.4rem 0 0.55rem 0;
     display: flex;
     justify-content: space-between;
 }

 .contEmail .left,
 .contEmail .right {
     display: flex;
     align-items: center;
     line-height: 0.54rem;
     color: #333333;
     font-size: 0.22rem;
     position: relative;
 }

 .contEmail .left .iconBox {
     width: 0.54rem;
     height: 0.54rem;
     border-radius: 100%;
     border: 2px solid #00a798;
     margin-right: 0.2rem;
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
 }

 .contEmail .left .iconBox .iconfont {
     color: #00a798;
     font-size: 0.36rem;
     cursor: pointer;
 }

 .contEmail .right .iconBox img {
     width: 1.2rem !important;
     position: absolute;
     display: none;
     top: -1.3rem;
     max-width: initial;
     z-index: 9;
 }

 .contEmail .right .iconBox:hover img {
     display: block;
 }

 .contEmail .right .iconBox {
     width: 0.54rem;
     height: 0.54rem;
     border-radius: 100%;
     border: 2px solid #00a798;
     margin-left: 0.33rem;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .contEmail .right .iconBox .iconfont {
     color: #00a798;
     font-size: 0.34rem;
 }

 .contEmail .right .iconBox:nth-child(1) .iconfont {
     color: #00a798;
     font-size: 0.28rem;
 }

 .contEmail .left span {
     font-weight: bold;
 }

 .mapTabbox {
     display: flex;
     overflow: hidden;

     margin-bottom: 1.25rem;
 }

 .mapBox {
     width: 58%;
     height: 6.08rem;
     border-top: 2px solid #003380;

 }

 #map1 {
     height: 6.08rem;
 }

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

 .CbContainer1 {
     position: relative;
 }

 .mapTab ul {
     text-align: center;
     background: url(../images/cont-bg.jpg) no-repeat;
     background-size: cover;
     display: grid;
 }

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

 .mapTab li h1 {
     line-height: 0.4rem;
     font-size: 0.22rem;
     font-weight: normal;
 }

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

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

 .mapTab li.hover {
     opacity: 1;
     color: #fff;
     background-image: linear-gradient(to right, #003483, #01378a, #0041a3, #004abb);
 }

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

 /* contant faq */
 .contFaq {
     width: 100%;
     background: url(../images/contact-faq.jpg) no-repeat;
     background-size: cover;
     padding: 1.1rem 0 1rem 0;
 }

 .contFaq h1 {
     line-height: 0.66rem;
     font-size: 0.4rem;
     color: #333333;
 }

 .contFaq .sp {
     font-size: 0.18rem;
     color: #333333;
     line-height: 0.34rem;
     margin-top: 0.1rem;
     margin-bottom: 0.4rem;
 }

 .faqList {
     margin-bottom: 0.35rem;
 }

 .faqList li {
     width: 48.5%;
     float: left;
     margin-right: 3%;
     margin-bottom: 0.25rem;
 }

 .faqList li input {
     width: 100%;
     border: none;
     outline: none;
     line-height: 0.58rem;
     padding: 0 0.26rem;
     font-size: 16px;
     color: #333;
     border: 1px solid #cdcdcd;
     border-radius: 0.2rem 0 0.2rem 0;
 }

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

 .faqList li:nth-child(5) {
     width: 100%;
     margin-right: 0;
 }

 .faqList li:nth-child(5) textarea {
     width: 100%;
     height: 2.4rem;
     padding: 0.15rem 0.25rem;
     outline: none;
     font-family: 'syhtN';
     font-size: 16px;
     color: #333;
     border: 1px solid #cdcdcd;
     border-radius: 0.2rem 0 0.2rem 0;
 }

 .faq-btn {
     width: 1.68rem;
     line-height: 0.4rem;
     cursor: pointer;
     text-align: center;
     border-radius: 0.2rem 0 0.2rem 0;
     color: #fff;
     background: #00aa9b;
     font-size: 16px;
     margin: 0 auto;
     transition-duration: 1s;
 }

 .faq-btn:hover {
     border-radius: 0.2rem;
 }

 /* 了解更多 */
 .contNews {
     width: 100%;
     padding: 1.04rem 2.4rem 2.2rem 2.4rem;
     background: #ededed;
 }

 .contNews .bit {
     line-height: 0.56rem;
     position: relative;
     color: #003380;
     font-size: 0.4rem;
     display: table;

 }

 .contNews .bit span {
     display: inline-block;
     font-weight: bold;
     color: #00a798;
 }

 .contNews .bit:after {
     position: absolute;
     content: "";
     width: 0.14rem;
     height: 0.14rem;
     right: -0.2rem;
     top: 0;
     background: #00a798;
     border-radius: 0.05rem 0;
 }

 .moreList {
     width: 100%;
     margin-top: 0.3rem;
 }

 .moreList dl {
     width: 31.4%;
     float: left;
     margin-right: 2.9%;
     cursor: pointer;
 }

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

 .moreList dl dt {
     overflow: hidden;
     width: 100%;
     border-radius: 0.5rem 0;
     margin-bottom: 0.3rem;
 }

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

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

 .moreList dl dd h1 {
     line-height: 0.48rem;
     font-size: 0.26rem;
     color: #333333;
     margin-bottom: 0.15rem;
 }

 .moreList dl dd .neir {
     font-size: 0.16rem;
     line-height: 0.3rem;
     height: 0.7rem;
 }

 .moreList .more {
     margin-top: 0.1rem;
 }

 .more {
     width: 1.65rem;
     height: 0.47rem;
     display: flex;
     justify-content: space-between;
     background: #00a798;
     border-radius: 15px 0 15px 0;
     color: #ffffff;
     font-size: 0.16rem;
     padding: 0 0.19rem;
     margin-top: 0.38rem;
     align-items: center;
     transition-duration: .5s;
     -webkit-border-radius: 15px 0 15px 0;
     -moz-border-radius: 15px 0 15px 0;
 }

 .more i {
     font-size: 0.26rem;
     font-weight: bold;
 }

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

 .lyTxt-more {
     width: 1.65rem;
     height: 0.47rem;
     display: flex;
     justify-content: space-between;
     background: #fff !important;
     border-radius: 15px 0 15px 0;
     color: #00a798 !important;
     font-size: 0.16rem;
     padding: 0 0.19rem;
     margin-top: 0.38rem;
     align-items: center;
     transition-duration: .5s;
     -webkit-border-radius: 15px 0 15px 0;
     -moz-border-radius: 15px 0 15px 0;
 }

 .lyTxt-more i {
     font-size: 0.26rem;
     font-weight: bold;
 }

 .lyTxt-more:hover {
     border-radius: 15px;
     color: #00a798 !important;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
 }

 /* 内页导航 */
 .navBox {
     width: auto;
     display: table;
     margin-bottom: 0.75rem;
 }

 .navBox ul {
     display: flex;
     border-radius: 0.3rem 0;
     overflow: hidden;
     background: #eceef2;
 }

 .navBox ul li a {
     display: inline-block;

     line-height: 0.68rem;
     font-weight: bold;
     color: #333333;
     font-size: 0.2rem;
     text-align: center;
     padding: 0 0.35rem;
 }

 .navBox ul li a:hover {
     background: #00aa9b;
     color: #fff;
     border-radius: 0.3rem 0;
 }

 .navBox ul li .ts {
     background: #00aa9b;
     color: #fff;
     border-radius: 0.3rem 0;
 }

 /* 新闻中心 */

 .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 0 0 0.3rem;
     overflow: hidden;
 }

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

 .newsList dl dt {
     overflow: hidden;
     width: 100%;
     background: #000;
 }

 .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.45rem 0.3rem 0.45rem;
 }

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

 .newsList dl dd h1 {
     line-height: 0.3rem;
     font-size: 0.2rem;
     height: 0.62rem;
     margin-bottom: 0.18rem;
     display: inline-block;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 .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 #003380;
     line-height: 0.6rem;
     display: flex;
     justify-content: space-between;
     font-size: 0.16rem;
     color: #888888;
     align-items: center;

 }

 .moreBox i {
     width: 14px;
     height: 14px;
     transition-duration: 1s;
 }

 .newsList dl:hover dd .moreBox i {
     transform: rotate(180deg);
 }


 .moreBox i img {
     display: block;
 }

 /*  */
 .marketList {
     margin-bottom: 0.6rem;
 }

 .marketList dl {
     padding: 0.55rem 0.5rem 0.55rem 0;
     display: flex;
     justify-content: space-between;
     transition-duration: .5s;
     border-bottom: 1px solid #adadad;
     cursor: pointer;
 }

 .marketList dl a {
     display: flex;
     justify-content: space-between;
     width: 100%;
 }

 .marketList dl:hover {
     background-image: linear-gradient(to right, #ffffff, #eeeeee);
     border-bottom: 1px solid #fff;
 }

 .marketList dl:hover dt .moreBox i {
     transform: rotate(180deg);
 }

 .marketList dl dt .moreBox {
     border-top: none;
     color: #00aa9b;
 }

 .marketList dl dt {
     width: calc(95% - 4.56rem);
     padding-top: 0.35rem;
 }

 .marketList dl dt h1 {
     line-height: 0.5rem;
     color: #333333;
     margin-bottom: 0.25rem;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 .marketList dl:hover h1 {
     color: #114088;
 }

 .marketList dl dt .neir {
     font-size: 0.16rem;
     line-height: 0.3rem;
     color: #333333;
     margin-bottom: 0.2rem;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     line-clamp: 3;
     -webkit-box-orient: vertical;
 }

 .marketList dl dd {
     width: 4.56rem;
     overflow: hidden;
     background: #000;
 }

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

 .marketList dl:hover dd img {
     transform: scale(1.1);
     opacity: 0.7;
 }

 /* 新闻详情 */
 .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.16rem;
     line-height: 0.3rem;
     color: #333333;
 }

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

 .Listmore {
     width: 2.5rem;
     height: 0.68rem;
     display: flex;
     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: 8px;

 }

 .Listmore a {
     color: #fff;
     display: flex;
     align-items: center;
 }

 .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;
 }

 .compayBit {
     font-size: 0.2rem;
     line-height: 0.4rem;
     color: #333333;
     font-weight: bold;
     margin-bottom: 0.15rem;

 }

 .compayBit span {
     display: inline-block;
     width: 100%;
     color: #003380;
     font-size: 0.28rem;
     margin-bottom: 0.15rem;
 }

 .compayText {
     font-size: 0.18rem;
     line-height: 0.3rem;
     color: #333;
     padding-bottom: 0.25rem;
     text-align: justify;
 }

 .historyBox .compayBit {
     color: #fff;
 }

 .historyBox .compayBit span {
     color: #fff;
 }

 .compayBox {
     width: 12.64rem;
     height: 4.53rem;
     margin: 0.75rem auto 1.25rem;
     background: url(../images/circular-bg.png) no-repeat;
     background-size: 100% 100%;
     position: relative;
     display: flex;
 }

 .lineDw {
     display: table;
     margin: 0.3rem auto;
     position: relative;

 }

 .lineDw .dw1 {
     width: 3.23rem;
     height: 0.6rem;
     position: absolute;
     top: 0.1rem;
     left: 37%;
 }

 .lineDw .dw1 img {
     display: block;
     width: 100%;
 }


 .lineDw .dw2 {
     width: 3.23rem;
     height: 0.6rem;
     position: absolute;
     bottom: 0.6rem;
     left: 5%;
 }

 .lineDw .dw2 img {
     display: block;
     width: 100%;
     transform: rotateX(180deg);
 }

 .lineDw .dw3 {
     width: 3.23rem;
     height: 0.6rem;
     position: absolute;
     bottom: 0.6rem;
     right: 5%;
 }

 .lineDw .dw3 img {
     display: block;
     width: 100%;
     transform: rotateX(180deg);
 }

 .compayBox dl {
     width: 33.333%;
     padding-top: 0.7rem;
     text-align: center;
     cursor: pointer;
 }

 .compayBox dl dt {
     width: 100%;
     text-align: center;
     height: 1.1rem;
 }

 .compayBox dl dt img {
     display: inline-block;
     transition-duration: 1s;
 }

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



 .compayBox dl:nth-child(1) dt img {
     width: 0.8rem;
 }

 .compayBox dl:nth-child(2) dt img {
     width: 0.76rem;
 }

 .compayBox dl:nth-child(3) dt img {
     width: 0.8rem;
 }

 .compayBox dl:nth-child(1) {
     padding: 0.7rem 0.4rem 0 0.5rem;
 }

 .compayBox dl:nth-child(2) {
     padding: 0.7rem 0.3rem 0 0.3rem;
 }

 .compayBox dl:nth-child(3) {
     padding: 0.7rem 0.7rem 0 0.45rem;
 }

 .compayBox dl dd h1 {
     line-height: 0.42rem;
     font-size: 0.21rem;
     color: #003380;
     font-family: 'syhtB';
     margin-bottom: 0.1rem;
 }

 .compayBox dl dd .neir {
     font-size: 0.17rem;
     line-height: 0.26rem;
     color: #333;
 }

 .compayBox dl dd .neir span {
     font-weight: bold;
     color: #00a798;
     font-size: 0.24rem;
     font-family: 'syhtB';
 }

 .about-video {
     width: 100%;
     position: relative;
     padding: 0 2.4rem 2.4rem 2.4rem;
 }

 .about-video .dw {
     width: 80%;
     height: 5rem;
     position: absolute;
     right: 0;
     bottom: 1.3rem;
     background: #00a798;
     z-index: 1;
     content: "";
 }

 .video-ibox {
     width: 100%;
     border-radius: 1rem 0 0 0;
     overflow: hidden;
     height: 5.3rem;
     position: relative;
     display: block;
     cursor: pointer;
     z-index: 2;
 }

 .video-ibox .bg {
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     transition: transform 1s ease-out 0s;
     -webkit-transition: -webkit-transform 1s ease-out 0s;
     overflow: hidden;
 }

 .video-ibox .bg video {
     width: 100%;
     display: block;
     position: relative;
     z-index: 1;
 }

 .video-ibox .bg:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     top: 0;
     right: 0;

     transition: 0.3s ease-out;
     z-index: 2;
 }

 .video-ibox .img-wrap {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     z-index: 3;
     background: url(../images/video-pic.jpg) no-repeat;
 }

 .video-ibox .vico {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     width: 1.07rem;
     height: 1.07rem;
     line-height: 1;
     color: #fff;
     font-size: 1.07rem;
     transition: .3s;
     -webkit-transition: .3s;
 }

 .video-ibox:hover .vico {
     transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
 }

 /* ----- */
 .historyBox {
     width: 100%;
     background: url(../images/history-bg.jpg) no-repeat;
     background-size: 100% 100%;
     padding: 1.04rem 0;
 }

 .historyList {
     width: auto;
     position: relative;
     margin-top: 0.25rem;
     margin: 0 0.22rem;
 }

 .historyList:after {
     width: 100%;
     height: 8px;
     background: url(../images/his-line.png) repeat;
     position: absolute;
     left: 0;
     top: 1.15rem;
     content: "";
 }

 .historyList h1 {
     line-height: 0.78rem;
     color: #fff;
     font-size: 0.3rem;
     margin-top: 0.25rem;
     font-family: 'syhtB';
     margin-bottom: 0.18rem;
     position: relative;
 }

 .historyList h1:after {
     width: 16px;
     height: 16px;
     background: #00a798;
     position: absolute;
     content: "";
     border-radius: 0.05rem 0;
     left: 0;
     bottom: -0.28rem;
 }

 .historyList .textBox {
     width: 100%;
     background: #fff;
     border-radius: 0 0.3rem 0.3rem 0.3rem;
     position: relative;
     padding: 0.35rem 0.4rem 0.5rem 0.4rem;
     margin-top: 0.55rem;
 }

 .historyList .nList {
     margin-bottom: 0.2rem;
 }

 .historyList .nList li {
     line-height: 0.18rem;
     line-height: 0.35rem;
     padding-left: 0.2rem;
     position: relative;
 }

 .historyList .nList li:after {
     width: 5px;
     height: 5px;
     border-radius: 100%;
     position: absolute;
     left: 0;
     top: 0.15rem;
     content: "";
     background: #003380;
 }

 .historyList .swiper-button-prev,
 .historyList .swiper-button-next {
     width: 1rem;
     height: 1rem;
     border-radius: 100%;
     border: 4px solid #00a798;
     background: rgba(255, 255, 255, 0.8);
 }

 .historyList .swiper-button-prev::after,
 .historyList .swiper-button-next:after {
     font-size: 16px;
     color: #000;
     font-weight: bold;
 }

 .historyList .swiper-button-next {
     right: 28.5%;
 }

 .historyList .swiper-button-prev {
     left: 28.5%;
 }

 /*  */
 .culture {
     width: 100%;
     position: relative;
     padding: 1.04rem 0 1.8rem 0;
     background: url(../images/qywh-bg.jpg) no-repeat center center;
     background-size: 100% 100%;
 }

 .cultureBox {
     margin-top: 0.8rem;
     display: flex;
     justify-content: space-between;
     position: relative;
 }

 .cultureBox dl {
     width: 3.88rem;
     position: relative;
     animation: float 2s ease-in-out infinite;
 }

 /* 为不同的<dl>元素定义不同的动画延迟 */
 .cultureBox dl:nth-child(1) {
     animation-delay: 0s;
 }

 .cultureBox dl:nth-child(2) {
     animation-delay: 0.5s;
 }

 .cultureBox dl:nth-child(3) {
     animation-delay: 1s;
 }

 @keyframes float {

     0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-5px);
         /* 上下浮动的距离 */
     }
 }

 .cultureBox dl dt {
     width: 3.88rem;
     height: 3.88rem;
     border-radius: 100%;
     overflow: hidden;
     margin-bottom: 0.25rem;

 }

 .cultureBox dl dt img {
     display: block;
 }

 .cultureBox dl dd {
     text-align: center;
 }

 .cultureBox dl dd h1 {
     text-align: center;
     line-height: 0.46rem;
     color: #003380;
     font-size: 0.26rem;
     font-family: 'syhtB';
     margin-bottom: 0.1rem;
 }

 .cultureBox dl dd .text {
     font-size: 0.18rem;
     line-height: 0.3rem;
     color: #333333;
     font-weight: bold;
 }

 .cultureBox dl:nth-child(2) {
     top: 1.25rem;
 }

 .cultureBox dl:nth-child(3) {
     top: -0.75rem;
 }

 /* ---- */
 .cxfzBox {
     width: 100%;
     position: relative;
     overflow: hidden;
 }

 .cxfzBox img {
     width: 100%;
     display: block;
     position: relative;
     z-index: 1;
     animation: run 12s linear infinite;
 }

 .cxfzBox .dw {
     width: 8rem;
     padding: 0.5rem 0.4rem 0.55rem 0.45rem;
     background: rgba(255, 255, 255, 0.8);
     position: absolute;
     z-index: 2;
     right: 1.6rem;
     top: 1.85rem;
     color: #fff;
 }

 .cxfzBox .dw .Neir {
     font-size: 0.18rem;
     line-height: 0.3rem;
     color: #333333;
     margin: 0 0 0.45rem 0;
     text-align: justify;
 }

 /*  */
 .aboutCont {
     width: 100%;
     display: flex;
     justify-content: space-between;
 }

 .aboutCont dl {
     width: 32%;
     float: left;
     border: 1px solid #b1b1b1;
     background: #fff;
     padding: 0.25rem 0 0.25rem 0.2rem;
     min-height: 2.46rem;
     transition-duration: 1s;
     cursor: pointer;
     color: #333333;

 }

 .aboutCont dl:hover {
     background: url(../images/cont-bg2.jpg)no-repeat;
     background-size: 100% 100%;
     color: #fff;
 }

 .aboutCont dl:nth-child(2):hover {
     background: url(../images/cont-bg3.jpg)no-repeat;
     background-size: 100% 100%;
 }

 .aboutCont dl:nth-child(3):hover {
     background: url(../images/cont-bg4.jpg)no-repeat;
     background-size: 100% 100%;
 }

 .aboutCont dl dt {
     line-height: 0.48rem;
     font-size: 0.2rem;
     margin-bottom: 0.08rem
 }



 .aboutCont dl dd {
     line-height: 0.44rem;
     font-size: 0.16rem;
     display: flex;
 }

 .aboutCont dl dd .iconfont {
     font-size: 0.24rem;
     margin-right: 0.1rem;
 }

 .aboutCont dl:hover dd .iconfont {
     color: #fff;
 }

 .aboutCont dl:nth-child(1) dd span,
 .aboutCont dl:nth-child(2) dd span,
 .aboutCont dl:nth-child(3) dd span {
     line-height: 0.24rem;
 }

 .aboutCont dl dd p {
     width: 0.45rem;
     line-height: 0.24rem;
 }

 .aboutCont dl dd span {
     display: inline-block;
     padding-right: 0.2rem;
 }

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

 /*  */
 .aboutHr {
     width: 100%;
     background: url(../images/about-hr.jpg) no-repeat left bottom #fefefe;
     background-size: 100% 100%;
     padding: 1.2rem 0 0.9rem 2.4rem;
     display: flex;
     justify-content: space-between;
 }


 .aboutHr .left {
     width: 6.3rem;
     padding-top: 1.3rem;
 }

 .aboutHr .left .compayBit span {
     line-height: 0.3rem;
 }

 .aboutHr .left .compayBit {
     line-height: 0.34rem;
     font-weight: normal;
 }

 .aboutHr .left .em {
     line-height: 0.6rem;
     margin-top: 0.7rem;
     font-size: 0.2rem;
     color: #333333;
     font-family: 'syhtB';
     margin-bottom: 0.25rem;
 }

 .aboutHr .left .em span {
     color: #003380;
 }

 .aboutHr .right {
     width: calc(92% - 6.3rem);
     border-radius: 1rem 0 0 0;
     overflow: hidden;

 }

 .aboutHr .right .swiper-slide {
     background: #000;
     overflow: hidden;
     cursor: pointer;
 }

 .aboutHr .right .swiper-slide img {
     display: block;
     width: 100%;
     transition-duration: .5s;
 }

 .aboutHr .right .swiper-slide:hover img {
     /*     transform: scale(1.1); */
     opacity: 0.8;
 }

 .aboutHr .right .pic2 {
     transform: rotateY(180deg);
 }

 .aboutHr .right .pic1,
 .aboutHr .right .pic2,
 .aboutHr .right .pic3 {
     margin-bottom: 9px;
 }

 /* ------ */
 .aboutNeriBox,
 .historyBox,
 .culture,
 .cxfzBox,
 .aboutHr,
 .contNews {
     position: relative;
 }

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

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

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

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

 .gwjgList dl dd {
     width: 53.6%;
     padding: 0.5rem 30px 0 30px;
 }

 .gwjgList dl dd h1 {
     font-size: 0.3rem;
     line-height: 0.4rem;
     color: #333333;
     margin-bottom: 0.3rem;
 }

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

 .gw-list li {
     width: 48%;
     margin-right: 4%;
     margin-bottom: 0.22rem;
     line-height: 0.48rem;
     border-radius: 0.5rem;
     position: relative;
     background: #edeeee;

     font-size: 0.18rem;
     float: left;
     cursor: pointer;
     transition-duration: .5s;
 }

 .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;
 }

 .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;
 }

 /* ---------------- */

 .sideMenu1 h3 {
     height: 0.74rem;
     line-height: 0.74rem;
     border-bottom: 1px solid #d6d6d6;
     cursor: pointer;
     margin-top: 0.35rem;
     padding-left: 0.3rem;
     position: relative;
     color: #003380;
     font-size: 0.28rem;
 }

 .sideMenu1 h3:after {
     width: 14px;
     height: 14px;
     position: absolute;
     left: 0;
     border-radius: 0.05rem 0 0.05rem 0;
     background: #00a798;
     content: "";
     top: 0.3rem;
 }

 .sideMenu1 h3 dl .jia span {
     display: block;
     width: 13px;
     height: 74px;
     background: url(../images/jia.png) no-repeat center center;
     margin: 0 auto;
 }

 .sideMenu1 .on dl .jia span {
     background: url(../images/jian.png) no-repeat center center;
 }

 .sideMenu1 .on {
     background: #f0f0f0;
     display: none;
 }

 .sideMenu1 ul {
     padding: 0.5rem 0.4rem;
     /* display: none; */
     display: block;
     border: 1px solid #d8d8d8;
     border-top: 1px solid #003380;
     font-size: 16px;
     margin-top: 0.35rem;
     position: relative;
     border-radius: 0 0 0.15rem 0.15rem;
 }

 .sideMenu1 ul:after {
     width: 2.25rem;
     height: 1px;
     position: absolute;
     content: "";
     left: 0;
     top: -1px;
     background: #00aa9b;
 }


 /* ---------------- */
 .appintro {
     display: flex;
     justify-content: left;
     margin-bottom: 0.4rem;
 }

 .appintro .icon {
     width: 1.26rem;
     height: 1.26rem;
     border-radius: 0.25rem 0;
     display: flex;
     justify-content: center;
     align-items: center;
     background: #e8b419;
     margin-right: 0.55rem;
 }

 .appintro .intro {
     width: calc(100% - 1.81rem);
     padding-right: 0.4rem;
 }

 .appintro .intro h1 {
     color: #003380;
     font-size: 0.28rem;
     line-height: 0.28rem;
     margin-bottom: 0.15rem;
 }

 .appintro .intro p {
     line-height: 0.34rem;
     font-size: 0.18rem;
     color: #333333;
 }

 .cpys {
     width: 100%;
     border-radius: 0.5rem;
     background: #f6f6f6;
     line-height: 0.42rem;
     padding: 0 0.27rem;
     font-size: 0.24rem;
     color: #003380;
     font-weight: bold;
 }

 .cpysList {
     padding: 0.2rem 0;
     font-size: 0.18rem;
 }



 .cpysList dl {
     line-height: 0.44rem;
     font-size: 0.18rem;
     color: #333333;
     padding-left: 0.7rem;
     position: relative;
 }

 .cpysList dl:after {
     width: 6px;
     height: 6px;
     border-radius: 100%;
     background: #003380;
     left: 0.3rem;
     top: 0.19rem;
     position: absolute;
     content: "";
 }

 /* ------------- */
 .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: #003380;
     color: #fff;
     border-radius: 0.15rem 0;
 }

 .jianT li .on {
     background: #003380;
     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;
 }

 /* ------------------------- */

 .synBox {
     width: 100%;
     margin-top: 0.5rem;

 }

 .synBox .bit {
     font-size: 0.18rem;
     line-height: 0.3rem;
     margin-bottom: 0.25rem;
 }

 .synList {
     width: 100%;
     margin-bottom: 0.55rem;
     display: flex;
     justify-content: space-between;
 }

 .synList dl {
     width: 31%;
     height: 1.6rem;
     background: #00aa9b;
     border-radius: 0 0.3rem 0.3rem 0.3rem;
     /* display: flex;
     justify-content: space-between;
     align-items: center; */
     padding: 0.15rem 0.2rem 0 0.2rem;
     color: #fff;
 }

 .synList dl dt {
     width: 0.36rem;
     height: 0.36rem;
     background: #fff;
     border-radius: 100%;
     text-align: center;
     line-height: 0.36rem;
     color: #003380;
     font-weight: bold;
     display: table;
     font-size: 0.24rem;
     float: left;
     margin-top: 0.1rem;
 }

 .synList dl dt span {
     font-style: italic;
 }

 .synList dl dd {
     width: calc(97% - 0.36rem);
     font-size: 0.16rem;
     line-height: 0.24rem;
     float: right;
 }

 .syn-line {
     width: 4.86rem;
     margin: 0 auto;
     position: relative;
     padding-bottom: 2.8rem;
 }

 .synCri {
     width: 100%;
     height: 3.26rem;
     background: url(../images/cri-line.png)no-repeat;
     background-size: cover;
     position: relative;
     text-align: center;
     display: flex;
     align-items: center;
     padding-bottom: 0.6rem;
     z-index: 1;

 }

 .synCri .box {
     width: 55%;
     margin: 0 auto;

 }

 .synCri .box h1 {
     font-size: 0.18rem;
     color: #003380;
     padding-bottom: 0.1rem;
 }

 .synCri .box p {
     font-size: 0.17rem;
     line-height: 0.24rem;
 }

 .criBox1 {
     position: absolute;
     z-index: 2;
     cursor: pointer;
 }



 .criBox1 .crIcon {
     width: 1.13rem;
     height: 1.13rem;
     border-radius: 100%;
     border: 4px solid #00a798;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #fff;
 }

 .criBox1:hover .crIcon img {
     transform: rotateY(180deg);
 }

 .criBox1 .crIcon img {
     width: 0.68rem;
     height: 0.68rem;
     display: block;
     transition-duration: 1s;
 }

 .criBox1 .crIcon:after {
     width: 0.32rem;
     height: 0.32rem;
     position: absolute;
     content: "";
     right: -0.16rem;
     top: 0.2rem;
     background: url(../images/syn-more.png)no-repeat;
     background-size: 100% 100%;
 }

 .criBox1 .crText {
     width: 2.75rem;
     text-align: right;
     margin-right: 1rem;
     position: relative;
     margin-top: 0.1rem;
 }

 .criBox1 .rcrText {
     width: 2.75rem;
     text-align: left;
     margin-left: 1rem;
     position: relative;
     margin-top: 0.1rem;
 }

 .criBox1 .crText:after,
 .criBox1 .crText1:after {
     width: 12px;
     height: 12px;
     border-radius: 100%;
     border: 2px solid #00a798;
     background: #fff;
     right: -0.4rem;
     position: absolute;
     content: "";
     top: 25%;
 }

 .criBox1 .crText:before,
 .criBox1 .crText1:before {
     width: 0.53rem;
     height: 1px;
     background: #00a798;
     right: -0.93rem;
     position: absolute;
     content: "";
     top: 31%;
 }

 .criBox1 .rcrText:after,
 .criBox1 .rcrText1:after {
     width: 12px;
     height: 12px;
     border-radius: 100%;
     border: 2px solid #00a798;
     background: #fff;
     left: -0.4rem;
     position: absolute;
     content: "";
     top: 25%;
 }

 .criBox1 .rcrText:before,
 .criBox1 .rcrText1:before {
     width: 0.53rem;
     height: 1px;
     background: #00a798;
     left: -0.93rem;
     position: absolute;
     content: "";
     top: 31%;
 }

 .criBox1 .rcrText h1,
 .criBox1 .rcrText1 h1 {
     line-height: 0.34rem;
     color: #003380;
     font-size: 0.18rem;
 }

 .criBox1 .rcrText p,
 .criBox1 .rcrText1 p {
     font-size: 0.16rem;
     line-height: 0.24rem;
 }

 .criBox1 .crText1 {
     width: 3.45rem;
     text-align: right;
     margin-right: 1rem;
     position: relative;
     margin-top: 0.1rem;
 }

 .criBox1 .rcrText1 {
     width: 3.45rem;
     text-align: left;
     margin-left: 1rem;
     position: relative;
     margin-top: 0.1rem;
 }

 .criBox1 .crText h1,
 .criBox1 .crText1 h1 {
     line-height: 0.34rem;
     color: #003380;
     font-size: 0.18rem;
 }

 .criBox1 .crText p,
 .criBox1 .crText1 p {
     font-size: 0.16rem;
     line-height: 0.24rem;
 }

 .crdw1 {
     position: absolute;
     top: 0.3rem;
     left: -88%;
 }

 .crdw2 {
     position: absolute;
     top: 1.9rem;
     left: -90%;
 }

 .crdw3 {
     position: absolute;
     top: 2.65rem;
     left: 23%;
     text-align: center;
 }

 .crdw3 .crText:after,
 .crdw3 .crText:before {
     display: none;
 }

 .crdw3 .crIcon:after {
     width: 0.32rem;
     height: 0.32rem;
     position: absolute;
     content: "";
     right: 36% !important;
     top: -0.20rem !important;
     background: url(../images/syn-more.png)no-repeat;
     background-size: 100% 100%;
 }

 .crdw4 .crIcon:after,
 .crdw5 .crIcon:after {
     width: 0.32rem;
     height: 0.32rem;
     position: absolute;
     content: "";
     left: -0.16rem;
     top: 0.2rem;
     background: url(../images/syn-more.png)no-repeat;
     background-size: 100% 100%;
 }

 .crdw3 .crIcon {
     margin: 0 auto;
 }

 .crdw3 .crText {
     margin-right: 0 !important;
 }

 .crdw4 {
     position: absolute;
     top: 0.3rem;
     right: -88%;
 }

 .crdw5 {
     position: absolute;
     top: 1.9rem;
     right: -90%;
 }

 .advaBox {
     width: 100%;
     background: #ededed;
     padding: 1.1rem 0 1.3rem 0;
 }

 .advaList {
     display: flex;
     justify-content: space-between;
     margin-top: 0.1rem;
 }

 .advaList dl {
     width: 48.5%;
     overflow: hidden;

 }

 .advaList dl dt {
     width: 100%;
     border-radius: 0.25rem 0.25rem 0 0;
     line-height: 0.7rem;
     color: #fff;
     font-size: 0.24rem;
     font-weight: bold;
     padding: 0 0.4rem;
 }

 .advaList dl dd {
     background: #fff;
     height: 3rem;
     padding: 0.2rem 0.3rem;
     font-size: 0.16rem;
     line-height: 0.24rem;
     text-align: justify;
 }

 .advaList dl:nth-child(1) dt {
     background: #00aa9b;
 }

 .advaList dl:nth-child(2) dt {
     background: #003380;
 }

 .platformBox {
     width: 100%;
     background: url(../images/syn-bg.jpg)no-repeat;
     padding: 1.1rem 0;
     background-size: cover;
 }


 /* ----- */
 .platbit {
     display: table;
     margin: 0.25rem auto;
     line-height: 0.6rem;
     color: #fff;
     padding: 0 0.45rem;
     font-size: 0.17rem;
     font-weight: bold;
     background: #00a798;
     border-radius: 0.5rem;
 }

 .platBox {
     margin-top: 0.8rem;
     display: flex;
     justify-content: space-between;
     position: relative;
 }

 .platBox dl {
     width: 18.5%;
     margin-right: 1.875%;
     position: relative;
     /* animation: float 2s ease-in-out infinite; */
     cursor: pointer;
 }

 .platBox dl:nth-child(5) {
     margin-right: 0;
 }

 /* 为不同的<dl>元素定义不同的动画延迟 */
 .platBox dl:nth-child(1) {
     animation-delay: 0s;
 }

 .platBox dl:nth-child(2),
 .platBox dl:nth-child(4) {
     animation-delay: 0.5s;
 }

 .platBox dl:nth-child(3),
 .platBox dl:nth-child(5) {
     animation-delay: 1s;
 }

 .platBox dl dt img {
     width: 2.04rem;
     height: 2.04rem;
     margin: 0 auto;
     border-radius: 100%;
     display: table;
     overflow: hidden;
     border: 4px solid #00aa9b;
 }

 .platBox dl:nth-child(2n) dt img {
     border: 4px solid #003380;
 }

 .platBox dl dd {
     width: 100%;
     height: 3.05rem;
     border-radius: 0 0 0.2rem 0.2rem;
     color: #fff;
     background: #00aa9b;
     margin-top: 0.3rem;
     text-align: center;
     padding: 0.25rem 0.2rem 0.15rem 0.2rem;
     position: relative;
 }

 .platBox dl dd:after {
     width: 0.18rem;
     height: 0.39rem;
     position: absolute;
     content: "";
     left: 47%;
     top: -0.29rem;
     background: url(../images/syn-a1.png) no-repeat;
 }

 .platBox dl:nth-child(2n) dd:after {
     background: url(../images/syn-a2.png) no-repeat;
 }

 .platBox dl dd h1 {
     background: url(../images/syn-line.png)no-repeat center bottom;
     font-size: 0.2rem;
     line-height: 0.24rem;
     padding: 0.1rem 0;
     margin-bottom: 0.2rem;

 }

 .platBox dl dd h1 span {
     display: inline-block;
     font-weight: normal;
     font-size: 0.18rem;
     line-height: 0.26rem;
     padding: 0.1rem 0;
     font-style: italic;
 }

 .platBox dl:nth-child(2n) dd {
     background: #003380;
 }

 .platBox dl dd p {
     font-size: 0.16rem;
     line-height: 0.3rem;
     margin-bottom: 0.15rem;
     text-align: left;

 }

 .syn-ai {
     width: 100%;
     padding: 1.2rem 0;
 }

 .syn-ai .dw {
     display: flex;
     justify-content: space-between;
 }

 .syn-ai .left {
     width: calc(94% - 8.88rem);
     padding-left: 2.4rem;
 }

 .syn-ai .left .Neir {
     font-size: 0.18rem;
 }

 .syn-ai .right {
     width: 8.88rem;
     overflow: hidden;
 }

 .syn-ai .right img {
     display: block;
     width: 100%;
     border-radius: 0 0 0 0.8rem;
 }

 .aiList {
     margin-top: 0.2rem;
     margin-bottom: 0.2rem;
 }

 .aiList li {
     line-height: 0.36rem;
     font-size: 0.18rem;
     padding-left: 25px;
     padding-top: 0.15rem;
     padding-bottom: 0.15rem;
     font-weight: bold;
     position: relative;
     color: #333333;
 }

 .aiList li span {
     display: inline-block;
     position: relative;
 }

 .aiList li:after {
     position: absolute;
     content: "";
     width: 15px;
     height: 15px;
     left: 0;
     background: url(../images/r.png)no-repeat;
     background-size: cover;
     top: 0.22rem;
 }

 .aiList li span:before {
     width: 100%;
     position: absolute;
     content: "";
     height: 0.06rem;
     background: #00a798;
     left: 0;
     bottom: -0.12rem;
     z-index: -1;
 }

 /* ---- */
 .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;
 }

 /* 2024-10-25 */
 .yflist {
     margin-bottom: 1rem;
 }

 .yflist dl {
     width: 100%;
     border-radius: 0.2rem;
     background: #f6f6f6;
     /*   padding: 0.45rem; */
     /*    display: flex;
    justify-content: space-between; */
     margin-bottom: 0.25rem;
 }

 .yflist dl dt {
     width: 3.94rem;
     overflow: hidden;
     background: #000;
     border-radius: 0.2rem 0 0 0.2rem;
 }

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

 .yflist dl dd {
     width: calc(97% - 3.94rem);
     height: 2.15rem;
     /*   border-bottom: 1px solid #cfcfcf; */
     padding-top: 0.3rem;
     position: relative;

 }

 .yflist dl dd .nier h1 {
     line-height: 0.5rem;
     font-size: 0.3rem;
     color: #333333;
 }

 .yflist dl dd .nier .text {
     margin-top: 0.2rem;
     font-size: 0.2rem;
     color: #666666;
 }

 .yflist dl dd .dw {
     width: 0.48rem;
     height: 0.48rem;
     border-radius: 100%;
     background: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     right: 0.1rem;
     top: 0.5rem;
 }

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

 .pc-banner {
     display: block;
 }

 .mo-banner {
     display: none;
 }

 .fl {
     float: left;
 }

 .fr {
     float: right;
 }

 .clear {
     clear: both;
 }

 /* 2024-10-25 */
 /* 2024-11-20新增 */
 .Ne_banner .text sup {
     font-size: 0.2rem;
     position: relative;
     right: 0.15rem;
     top: -0.2rem;
 }

 .tdjBox {
     padding: 0.5rem 0 1.2rem 0;
 }

 .tdjBit {
     font-size: 0.4rem;
     color: #333333;
     line-height: 0.4rem;
     margin-bottom: 0.45rem;
     padding-top: 0.3rem;
 }

 .tdjText {
     font-size: 0.2rem;
     line-height: 0.26rem;
     padding-bottom: 0.4rem;
     font-weight: 400;
     color: #333333;
 }

 .tdjText .s1 {
     color: #ec6e6e;
 }

 .tdjText .s2 {
     font-style: italic;
 }

 .choose {
     width: 100%;
     background: #f6f6f6;
     display: flex;
     justify-content: space-between;
 }

 .choose .left {
     width: 8.79rem;
     overflow: hidden;
     background: #000;
 }

 .choose .left img {
     display: block;
     width: 100%;
     transition-duration: 1s;
 }

 .choose:hover .left img {
     transform: scale(1.1);
     opacity: 0.8;
 }

 .choose .right {
     width: calc(100% - 8.79rem);
     padding: 0.7rem 2.5rem 0 1rem;
 }

 .choose .right h1 {
     font-size: 0.4rem;
     line-height: 0.8rem;
     color: #333333;
     padding-left: 0.5rem;
 }

 .choose .right h1 span {
     color: #ec6e6e;
 }

 .choose .rightList {
     margin-top: 0.15rem;
 }

 .choose .rightList dl {
     list-style: none;
     width: 100%;
     margin-bottom: 0.4rem;
 }

 .choose .rightList dl dt {
     padding-left: 0.5rem;
     line-height: 0.6rem;
     font-size: 0.24rem;
     font-weight: bold;
     color: #ec6e6e;
     background: url(../images/app-icon.png)no-repeat left center;
     background-size: 0.39rem 0.36rem;
 }

 .choose .rightList dl dd {
     line-height: 0.24rem;
     font-size: 0.18rem;
     padding-left: 0.5rem;
 }

 .tdjFood {
     width: 100%;
     padding: 1.1rem 0 1.5rem 1.5rem;
 }

 .tdjFood h1 {
     width: 70%;
     margin: 0 auto;
     line-height: 0.5rem;
     font-size: 0.4rem;
     text-align: center;
     margin-bottom: 0.9rem
 }

 .tdjFood h1 span {
     color: #ec6e6e
 }



 .Foodlist .swiper-slide {
     box-shadow: 0 0 10px #dedede;
     border-radius: 0.2rem;
     overflow: hidden;
     position: relative;
     cursor: pointer;
 }

 .Foodlist .swiper-slide .dw {
     width: 0.94rem;
     height: 0.94rem;
     display: flex;
     position: absolute;
     align-items: center;
     justify-content: center;
     border-radius: 100%;
     background: #ec6e6e;
     bottom: 0.6rem;
     right: 0.26rem;
     z-index: 2;
 }

 .Foodlist .swiper-slide .dw img {
     width: 0.7rem;
     transition-duration: 1s;
 }

 .Foodlist .swiper-slide:hover .dw img {
     transform: rotateY(180deg);
 }

 .Foodlist .swiper-wrapper {
     padding: 10px;
 }

 .Foodlist .pic {
     width: 100%;
     overflow: hidden;
     background: #000;
     position: relative;
     z-index: 1;

 }

 .Foodlist .pic img {
     display: block;
     width: 100%;
     transition-duration: 1s;
 }

 .Foodlist .swiper-slide:hover .pic img {
     transform: scale(1.1);
     opacity: 0.8;
 }

 .Foodlist .intro {
     width: 100%;
     background: #fff;
     height: 1rem;
     border-radius: 0 0 0.2rem 0.2rem;
     padding: 0 0.35rem;
     display: flex;
     align-items: center;
     color: #00aa9b;
     font-size: 0.22rem;
     line-height: 0.3rem;
 }

 .Partner {
     width: 100%;
     background: url(../images/app-bg.jpg) no-repeat;
     background-size: cover;
     min-height: 4.3rem;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     margin-bottom: 1rem;
 }

 .Partner h1 {
     text-align: center;
     font-size: 0.28rem;
     line-height: 0.42rem;
     margin-bottom: 0.5rem;
     font-weight: normal;
 }

 .Partner .faq-btn {
     line-height: 0.5rem;
     display: table;
     width: auto;
     padding: 0 0.25rem;
 }

 .Partner .faq-btn a {
     color: #fff;
 }

 .Partner .sm-e {
     margin: 15px auto;
     line-height: 0.3rem;
     display: revert;
     justify-content: center;
     font-size: 0.16rem;
     align-items: center;
     text-align: center;
 }

 .Partner .sm-e img {
     margin-right: 8px;
 }

 /* 新增faq */
 .faq-padd {
     padding: 0 0 1rem 0;
 }

 .faq-intro {
     margin-bottom: 0.2rem;
 }

 .faq-intro h1 {
     font-size: 0.4rem;
     line-height: 0.7rem;
     margin-bottom: 0.2rem;
     color: #333;
 }

 .faq-intro p {
     font-size: 0.18rem;
     line-height: 0.32rem;
     color: #888888;
   
 }

 .faq-padd .contFaq {
     padding:0.8rem 0.6rem 0.3rem 0.6rem;
     border-top: 0.08rem solid #00aa9b;
     border-radius: 0.2rem 0.2rem 0 0;
     background: url(../images/contact-faq.jpg) no-repeat #f9f9f9;
 }

 .faq-padd .faqList li:nth-child(5) {
     width: 48.5%;
     margin-right: 3%;
 }

 .faq-padd .faqList li input {
     color: #333333;
 }

 .faq-select {
     width: 100%;
     border-top: 1px solid #afafaf;
     padding-top: 0.4rem;
 }

 .faq-select h1 {
     line-height: 0.62rem;
     color: #003380;
     font-size: 0.3rem;
 }

 .selectBox {
     margin-top: 0.3rem;
 }

 .selPic {
     width: 100%;
     position: relative;
     overflow: hidden;
     margin-bottom: 0.2rem;
 }

 .selPic .dw {
     position: absolute;
     display: table;
     left: 0.35rem;
     top: 32%;
     font-size: 0.3rem;
     font-weight: bold;
     z-index: 2;
     color: #fff;
 }


 .selPic img {
     display: block;
     width: 100%;
     position: relative;
     z-index: 1;
 }

 .selList dl {
     padding-bottom: 0.15rem;
     width:25%;
 }

 .selList dl dt {
     display: flex;
     align-items: center;
     justify-content: left;
     line-height: 0.36rem;
     color: #00a798;
     font-size: 0.18rem;
     position: relative;
     padding-left: 0.34rem;
 }


 /*  */
 .selList dl dt input[type="checkbox"] {
     width: 20px !important;
     height: 20px;
     opacity: 0;
     position: absolute;
     left: 0;
     top: 0.08rem;
     z-index: 2;
     cursor: pointer;
     background: none;
 }



 .selList dl dt label {
     position: absolute;
     left: 0;
     top: 0.08rem;
     width: 20px;
     height: 20px;
     border: 1px solid #afafaf;
     cursor: pointer;
     font-size: 0;
     z-index: 1;
 }

 .selList dl dt input:checked+label {
     border: 1px solid #afafaf;
 }

 .selList dl dt input:checked+label::after {
     position: absolute;
     content: "";
     width: 6px;
     height: 8px;
     top: 1px;
     left: 5px;
     border: 3px solid #00aa9b;
     border-top: none;
     border-left: none;
     transform: rotate(45deg);

 }

 .seltear {
     width: 100%;
     margin: 0.35rem 0;
     border-radius: 0.15rem 0;
     border: 1px solid #cdcdcd;
     height: 1.45rem;
     display: inline-block;
     overflow: hidden;
     padding: 0.16rem;
     font-family: 'syhtN';
     font-size: 0.16rem;
     outline: none;
 }

 /*  */


 .selList dl dd {
     padding-left: 0.3rem;
     font-size: 0.16rem;
     line-height: 0.22rem;
     color: #888888;
     padding: 3px 0 3px 0.34rem;
 }

 /* 新增faq */
 /* 2024-11-20新增 */
 /* 新增2025 */
 .appBit {
     font-size: 0.2rem;
     font-weight: bold;
     color: #003380;
     margin-bottom: 10px;
 }

 .selList {
     display: flex;
     justify-content: left;
     flex-wrap: wrap;
 }
 .selList dl dt a{
     color: #00a798;
 }
 /* 新增2025 */
 @media only screen and (max-width: 1440px) {}

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

     .syn-ai .right {
         width: 6.88rem;
         padding-top: 0.6rem;
     }

     .syn-ai .left {
         width: calc(96% - 6.88rem);
         padding-left: 2rem;
     }
 }

 @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%;
     }

     .navBox ul {
         width: 100%;
         display: table-row;
         background: none;
     }

     .navBox ul li {
         width: 50%;
         float: left;
         background: #eceef2;
         margin-bottom: 5px;
     }

     .navBox ul li:nth-child(1) {
         border-radius: 10px 0 0 0;
     }

     .navBox ul li:last-child {
         border-radius: 0 0 10px 0;
     }

     .navBox ul li a {
         width: 100%;
         line-height: 36px;
         font-size: 17px;
     }

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

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

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

     .compayBox {
         width: 100%;
         height: auto;
         margin: 30px 0;
         background: none;
         display: block;
     }

     .compayBox dl {
         width: 100%;
     }

     .lineDw .dw1,
     .lineDw .dw2,
     .lineDw .dw3 {
         display: none;
     }

     .compayBox dl dd .neir span {
         font-size: 18px;
     }

     .compayBox dl dd .neir {
         font-size: 16px;
         line-height: 30px;
     }

     .compayBox dl dd h1 {
         line-height: 36px;
         font-size: 18px;
     }

     .video-ibox {
         height: 4rem;
     }

     .about-video {
         padding: 0 20px 20px 20px;
     }

     .about-video .dw {
         width: 80%;
         height: 4rem;
         bottom: 1rem;
     }

     .historyList .nList li {
         line-height: 30px;
         font-size: 16px;
     }

     .historyList .nList li:after {
         top: 13px;
     }

     .historyBox {

         padding: 30px 0;
     }



     .historyList .swiper-button-next,
     .historyList .swiper-button-prev {
         top: 92%;
     }

     .cultureBox {
         display: block;
     }

     .cultureBox dl {
         width: 100%;
         padding-bottom: 30px;
     }

     .cultureBox dl:nth-child(2) {
         top: 0;
     }

     .cultureBox dl:nth-child(3) {
         top: 0;
     }

     .cultureBox dl dt {
         margin: 0 auto;
     }

     .cultureBox dl dd h1 {
         line-height: 32px;
         font-size: 18px;
         margin-top: 10px;
     }

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

     .culture {
         padding: 30px 0;
     }

     .cxfzBox .dw {
         width: 100%;
         padding: 20px;
         right: 0;
         top: 0;
         position: relative;
     }

     .cxfzBox .dw .Neir {
         font-size: 16px;
         line-height: 26px;
     }

     .more {
         width: 120px;
         height: 36px;
         font-size: 17px;
     }

     .aboutHr {
         display: block;
         padding: 30px 4%;
         display: block;
     }

     .aboutHr .left {
         width: 100%;
         padding-top: 0;
     }

     .aboutHr .right {
         width: 100%;
         border-radius: 0.5rem 0 0 0;
         overflow: hidden;
         margin-top: 30px;
     }

     .aboutHr .left .em {
         font-size: 18px;
     }

     .aboutHr .more {
         width: 160px;
     }

     .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;

     }

     .marketList dl {
         padding: 15px 0;
         display: block;
     }

     .marketList dl dt {
         width: 100%;
         padding-top: 0;
     }

     .marketList dl dd {
         width: 100%;
     }

     .marketList dl dt h1 {
         font-size: 20px;
         line-height: 32px;
     }

     .marketList dl dt .neir {
         font-size: 16px;
         line-height: 26px;
     }

     .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;
     }

     .contEmail .left,
     .contEmail .right {
         line-height: 40px;
         font-size: 16px;
     }

     .mapTabbox {
         display: block;
         margin-bottom: 30px;

     }

     .mapBox {
         width: 100%;
         height: 300px;
     }

     .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: 0;
     }

     .gwjgList dl dd h1 span {
         font-size: 16px;
         line-height: 26px;
         margin: 8px 0;
     }



     .gw-list li {
         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: 130px;

     }

     .synList dl:nth-child(1) {
         height: 160px;
     }

     .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: 18px;
     }

     .synCri .box p {
         font-size: 15px;
         line-height: 26px;
     }

     .platbit {
         line-height: 26px;
         padding: 10px 15px;
         font-size: 15px;

     }

     .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;
         line-height: 28px;
     }

     .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;
     }

     .mapTab li {
         width: 100%;
         height: auto;
         padding: 15px;
     }

     .contFaq h1 {
         line-height: 0.46rem;
         font-size: 0.36rem;
     }

     .contFaq .sp {
         font-size: 15px;
     }

     .navBox ul li a {
         padding: 0 0;
     }

     .faq-intro p {
         font-size: 16px;
         line-height: 26px;
         padding-bottom: 15px;
     }

     .faq-padd .contFaq {
         padding: 15px 20px;
     }

     .faqList li {
         width: 100%;
         float: left;
         margin-right: 0;
         margin-bottom: 0.25rem;
     }

     .faq-padd .faqList li:nth-child(5) {
         width: 100%;
         margin-right: 0;
     }

     .faqList li input {
         line-height: 40px;
     }

     .selPic .dw {
         top: 4%;
         font-size: 20px;
     }

     .selList dl dt {
         line-height: 36px;
         font-size: 18px;
         padding-left: 35px;
     }

     .selList dl dd {
         font-size: 16px;
         line-height: 24px;
         padding: 3px 0 3px 34px;
     }

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

     .faq-btn {
         width: 168px;
         line-height: 40px;
         font-size: 18px;
     }

     .tdjText {
         font-size: 16px;
         line-height: 24px;
     }

     .choose {
         display: block;
     }

     .choose .left {
         width: 100%;
     }

     .choose .right {
         width: 100%;
         padding: 15px;
     }

     .choose .rightList dl dt {
         line-height: 40px;
         font-size: 18px;
     }

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

     .tdjFood {
         width: 100%;
         padding: 50px 10px 30px 10px;
     }

     .tdjFood h1 {
         width: 90%;
         font-size: 20px;
         margin-bottom: 20px;
     }

     .Foodlist .intro {
         font-size: 16px;
     }

     .Partner .faq-btn,
     .Partner .sm-e {
         font-size: 16px;
     }
 }