.icongongneng {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: linear-gradient(179deg, #8566ff -21%, #36a3ff 51%, #80effa 126%);
    line-height: 40px;
    border-radius: 20px;
    text-align: center;
}
.bjs{background: linear-gradient(180deg, #fefeff 66%, #f2f5ff 101%);}
/*内页banner*/
.w55{ width:55%; margin:0 auto;}
.nybanner{ width:100%; background: linear-gradient(120deg, #FFFFFF 0%, #CDF0FF 100%); height:280px;}
.nybanner .left{ width:65%; padding-top:80px;}
.nybanner .left .tit{ font-size:44px; font-weight:bold; color:#000000;font-family: "PingFang SC", "Pingfang sc regular", "Microsoft Yahei", "Source Han Sans CN", "Microsoft YaHei Light", "Noto Sans S Chinese Light", "Helvetica Neue", Helvetica, Tahoma, sans-serif;}
.nybanner .left .des{ font-size:18px; color:#000000; padding-top:15px; padding-bottom:15px;}
.nybanner .right{ width:35%; height:280px; position:relative; overflow:hidden;}
.nybanner .right img{ bottom:0; position:absolute; width:100%;}
@media only screen and (max-width:640px){
.w55{ width:95%; margin:0 auto;}
.nybanner{height:130px;}
.nybanner .left{ width:55%; padding-top:20px;}
.nybanner .left .tit{font-size:16px; line-height:22px;}
.nybanner .left .des{font-size:12px; padding-top:0px; padding-bottom:0px;}
.nybanner .right{ height:130px;width:45%; }
}
/*产品页*/

.ny-pro{ width:65%; margin:0 auto; margin-top:50px; margin-bottom:30px; min-height:620px;}
.ny-pro h2{font-size:28px;margin: 30px auto 50px;font-weight: 600;font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", sans-serif; color:#000000; text-align:center;}
.ny-pro .pro-tu {position: relative;  overflow: hidden;  min-height: 530px; }
.ny-pro .pro-tu dl{ list-style:none;justify-content: center; margin-bottom: 20px;}
.ny-pro .pro-tu dd{padding: 8px 20px; line-height: 24px; color: #101828; border-radius: 20px; cursor: pointer; margin: 0 5px;}
.ny-pro .pro-tu dd.active {background-color: #000;color: #fff;}
.ny-pro .pro-tu .pro-con {  position: absolute; top: 60px; left: 0; width: 100%; display: flex !important; transform: translateX(100%); opacity: 0;  pointer-events: none; transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; z-index: 1; }
.ny-pro .pro-tu .pro-con.active-con {transform: translateX(0); opacity: 1; pointer-events: auto; z-index: 2; }
.ny-pro .pro-tu .pro-con.out-con {  transform: translateX(0);  opacity: 0; z-index: 1;  transition: opacity 0.5s ease-in-out;}
.ny-pro .pro-con .pro-con-left{ width:41%; margin-right:2%;}
.ny-pro .pro-con .pro-con-left .iconbox{ color:#FFFFFF; }
.ny-pro .pro-con .pro-con-left h3{margin-top: 16px; margin-bottom: 0; font-size: 28px; line-height: 1.4;}
.ny-pro .pro-con .pro-con-left .desc {margin: 32px 0; font-size: 16px; list-style: 24px; color: #171a1d; line-height:1.4;}
.ny-pro .pro-con .pro-con-left a.newAction {display: inline-block; transition: background 0.3s; background: linear-gradient(111deg, rgb(101, 76, 255) 0%, rgb(0, 127, 255) 99%); color: #fff; font-size: 18px; border-radius: 12px; line-height: 44px; padding: 0 22px;}
.ny-pro .pro-con .pro-con-left .visible-xs{ display:none !important;}
.ny-pro .pro-con .pro-con-right{ width:55%; margin-left:2%;}
.ny-pro .pro-con .pro-con-right img{ width:100%;}

/* 移动端适配 */
@media only screen and (max-width:640px){
.ny-pro{ width:95%; margin:0 auto; margin-top:30px; margin-bottom:10px;}
.ny-pro h2{ font-size:20px; margin: 10px auto 10px;}
.ny-pro .pro-tu dl{ width:100%; flex-wrap: wrap;}
.ny-pro .pro-tu dd{padding:5px 10px; line-height: 20px; color: #101828; border-radius: 20px; cursor: pointer;}
.ny-pro .pro-tu .pro-con {top:130px;  display: block !important;}
.ny-pro .pro-con .pro-con-left{ width:100%; margin-right:0;}
.ny-pro .pro-con .pro-con-left .iconbox{ color:#FFFFFF; text-align:center;}
.ny-pro .pro-con .pro-con-left h3{ text-align:center; font-size:20px; line-height: 1.0;margin-top: 10px; }
.ny-pro .pro-con .pro-con-left .desc {margin: 12px 0; font-size: 14px; list-style: 24px; color: #171a1d; line-height:1.4;}
.ny-pro .pro-con .pro-con-left a.newAction{ margin:0 auto; width:22%; text-align:center; font-size: 14px;}
.ny-pro .pro-con .pro-con-right{ width:100%; margin-left:0; margin-top:15px;}
.ny-pro .pro-con .pro-con-left .hidden-xs{ display:none !important;}
.ny-pro .pro-con .pro-con-left .visible-xs{ display:block !important;}
}
.ny-tom{ width:65%; margin:0 auto; margin-top:50px; margin-bottom:30px; min-height:600px;}
.ny-tom h2{font-size:28px;margin: 30px auto 50px;font-weight: 600;font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", sans-serif; color:#000000; text-align:center;}
.ny-tom .tom-con{position: relative;  overflow: hidden;  min-height: 530px; padding-bottom:30px;}
.ny-tom .tom-con .tom-con-left{ width:63%; margin-right:2%;}
.ny-tom .tom-con .tom-con-left img{ width:100%;}
.ny-tom .tom-con .tom-con-right{ width:33%; margin-left:2%;}
.ny-tom .tom-con .tom-con-right li{ margin-bottom:30px;}
.ny-tom .tom-con .tom-con-right h3{margin-top: 16px; margin-bottom: 0; font-size: 28px; line-height: 1.4;}
.ny-tom .tom-con .tom-con-right .desc {margin: 32px 0; font-size: 16px; list-style: 24px; color: #171a1d; line-height:1.4;}
.ny-tom .tom-con .tom-con-right a.newAction {display: inline-block; transition: background 0.3s; background: linear-gradient(111deg, rgb(101, 76, 255) 0%, rgb(0, 127, 255) 99%); color: #fff; font-size: 18px; border-radius: 12px; line-height: 44px; padding: 0 22px;}
.ny-tom .tom-con .tom-con-right .visible-xs{ display:none !important;}
@media only screen and (max-width:640px){
.ny-tom{ width:95%; margin:0 auto; margin-top:30px; margin-bottom:10px; min-height:500px;}
.ny-tom h2{ font-size:20px; margin: 10px auto 10px;}
.ny-tom .tom-con {display: block !important;  width:100%; flex-wrap: wrap;min-height:400px;}
.ny-tom .tom-con .tom-con-left{ width:100%; margin-right:0%;}
.ny-tom .tom-con .tom-con-right{ width:100%; margin-left:0%;}
.ny-tom .tom-con .tom-con-right h3{ text-align:center; font-size:20px; line-height: 1.0;margin-top: 10px; }
.ny-tom .tom-con .tom-con-right .desc {margin: 12px 0; font-size: 14px; list-style: 24px; color: #171a1d; line-height:1.4;}
.ny-tom .tom-con .tom-con-right a.newAction{ margin:0 auto; width:22%; text-align:center; font-size: 14px;}
.ny-tom .tom-con .tom-con-right .hidden-xs{ display:none !important;}
.ny-tom .tom-con .tom-con-right .visible-xs{ display:block !important;}
.ny-tom .tom-con .tom-con-right li{ margin-top:10px; margin-bottom:0;}
}

.ny-tre{ width:65%; margin:0 auto; margin-top:50px; margin-bottom:30px; min-height:600px;}
.ny-tre h2{font-size:28px;margin: 30px auto 50px;font-weight: 600;font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", sans-serif; color:#000000; text-align:center;}
.ny-tre .tre-con{position: relative;  overflow: hidden;  min-height: 530px; padding-bottom:30px;}
.ny-tre .tre-con .tre-con-left{width:33%;  margin-right:2%;}
.ny-tre .tre-con .tre-con-left li{ background: #c8e2ff; padding:1.2rem; margin-bottom:10px; border-radius:8px; position: relative; /* 新增 */}
.ny-tre .tre-con .tre-con-left li.active::before {content: "";position: absolute;top: 0;right: -15px;width: 5px;height:100%;background:#006be1;}
.ny-tre .tre-con .tre-con-left li.active{background: #006be1;}
.ny-tre .tre-con .tre-con-left li.active h3{ color:#FFFFFF;}
.ny-tre .tre-con .tre-con-left li.active .desc{ color:#FFFFFF;}
.ny-tre .tre-con .tre-con-left h3{margin-top: 16px; margin-bottom: 0; color:#000000; font-size: 24px; line-height: 1.2;}
.ny-tre .tre-con .tre-con-left .desc {margin:12px 0; font-size: 16px; list-style: 24px; color: #666; line-height:1.4;}
.ny-tre .tre-con .tre-con-right{width:63%; margin-left:2%; position:relative; overflow:hidden;height: 530px;}
.ny-tre .tre-con .tre-con-right img{ width:100%;position:absolute; top:0; object-fit: cover;transform: translateZ(0); transform: scale(0); opacity: 0; transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); transform-origin: center center; /* 动画原点：图片中心 */}
.ny-tre .tre-con .tre-con-right img.active-img {
    transform: scale(1);
    opacity: 1;
}
@media only screen and (max-width:640px){
.ny-tre{ width:95%; margin:0 auto; margin-top:30px; margin-bottom:10px; min-height:500px;}
.ny-tre h2{ font-size:20px; margin: 10px auto 10px;}
.ny-tre .tre-con {display: block !important;  width:100%; flex-wrap: wrap;min-height:400px; padding-top:20px;}
.ny-tre .tre-con .tre-con-left{width:100%;  margin-right:0%;}
.ny-tre .tre-con .tre-con-left li.active::before { display:none;}
.ny-tre .tre-con .tre-con-right{width:100%; margin-left:0%;height: 300px;}
.ny-tre .tre-con .tre-con-left h3{margin-top: 16px; margin-bottom: 0; color:#000000; font-size: 20px; line-height: 1.2; text-align:center;}
.ny-tre .tre-con .tre-con-left .desc{ text-align:center; font-size: 14px;}
}


.ny-exp{ width:65%; margin:0 auto; margin-top:50px; margin-bottom:30px; min-height:600px;}
.ny-exp h2{font-size:28px;margin: 30px auto 50px;font-weight: 600;font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", sans-serif; color:#000000; text-align:center;}
.ny-exp .exp-con{position: relative;  overflow: hidden;  min-height: 530px; padding-bottom:30px;}
.ny-exp .exp-con .exp-con-left{ width:63%; margin-right:2%;}
.ny-exp .exp-con .exp-con-left img{ width:100%;}
.ny-exp .exp-con .exp-con-right{ width:33%; margin-left:2%;}
.ny-exp .exp-con .exp-con-right li{ margin-bottom:30px;}
.ny-exp .exp-con .exp-con-right h3{margin-top: 16px; margin-bottom: 0; font-size: 28px; line-height: 1.4;}
.ny-exp .exp-con .exp-con-right .desc {margin: 32px 0; font-size:18px; list-style: 24px; color: #171a1d; line-height:1.8;}
.ny-exp .exp-con .exp-con-right a.newAction {display: inline-block; transition: background 0.3s; background: linear-gradient(111deg, rgb(101, 76, 255) 0%, rgb(0, 127, 255) 99%); color: #fff; font-size: 18px; border-radius: 12px; line-height: 44px; padding: 0 22px;}
.ny-exp .exp-con .exp-con-right .visible-xs{ display:none !important;}
@media only screen and (max-width:640px){
.ny-exp{ width:95%; margin:0 auto; margin-top:30px; margin-bottom:10px; min-height:450px;}
.ny-exp h2{ font-size:20px; margin: 10px auto 10px;}
.ny-exp .exp-con {display: block !important;  width:100%; flex-wrap: wrap;min-height:400px;}
.ny-exp .exp-con .exp-con-left{ width:100%; margin-right:0%;}
.ny-exp .exp-con .exp-con-right{ width:100%; margin-left:0%;}
.ny-exp .exp-con .exp-con-right h3{ text-align:center; font-size:20px; line-height: 1.0;margin-top: 10px; }
.ny-exp .exp-con .exp-con-right .desc {margin: 12px 0; font-size: 14px; list-style: 24px; color: #171a1d; line-height:1.4;}
.ny-exp .exp-con .exp-con-right a.newAction{ margin:0 auto; width:22%; text-align:center; font-size: 14px;}
.ny-exp .exp-con .exp-con-right .hidden-xs{ display:none !important;}
.ny-exp .exp-con .exp-con-right .visible-xs{ display:block !important;}
.ny-exp .exp-con .exp-con-right li{ margin-top:10px; margin-bottom:0;}
}

/*关于页*/
.ny-about{ width:65%; margin:0 auto;padding: 60px 0 50px;margin-top:50px;}
.ny-about h2{font-size:28px;margin: 30px auto 50px;font-weight: 600;font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", sans-serif; color:#000000; text-align:center; font-weight:normal;}
.ny-about h2 span{ display:block; font-size:18px; color:#999999; margin-top:20px;}
.ny-about .about-con{}
.ny-about .about-left{ width:50%; margin-right:5%; font-size:16px; color:#666666; line-height:1.8;}
.ny-about .about-left h3{ font-size:20px; font-weight:normal; color:#333333;}
.ny-about .about-right{ width:45%;}
.ny-about .about-right img{ width:100%;}


.ny-wenhua{ width:65%; margin:0 auto; padding: 50px 0 50px; margin-top:30px;}
.ny-wenhua  h2{ text-align:left; font-weight:normal;}
.ny-wenhua .tom-con{position: relative;  overflow: hidden;  padding-bottom:30px;}
.ny-wenhua .tom-con .tom-con-left{ width:45%; margin-right:5%;}
.ny-wenhua .tom-con .tom-con-left img{ width:100%;}
.ny-wenhua .tom-con .tom-con-right{ width:50%; }
.ny-wenhua .tom-con .tom-con-right li{ text-align:left; font-size:16px; color:#666666; line-height:1.7; }
.ny-wenhua .tom-con .tom-con-right li .title{ font-size:16px; color:#333333; font-weight:500; line-height:30px; color:#017AFF;}


.ny-licheng{ width:65%; margin:0 auto; padding: 50px 0 30px;}
.ny-licheng h2{font-size:28px;margin: 30px auto 20px;font-weight: 600;font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", sans-serif; color:#000000; text-align:center; font-weight:normal;}
.ny-licheng .licheng-con{ width:100%; min-height:650px;position:relative; overflow:hidden;}
.ny-licheng .licheng-con .xian{position: absolute; top: 180px; left: -100px; right: -100px; height: 200px; border-radius: 50%; border: 5px solid #0066ff; border-top: none; border-left: none; border-right: none; z-index: 1;transform: rotate(-10deg);}
.ny-licheng .licheng-con .timeline-items {display: flex; justify-content: space-between; position: relative; z-index: 2; padding: 180px 0 60px; margin: 0 50px;}
.ny-licheng .licheng-con .timeline-item {position: relative; width: 60px; text-align: center; transform: translateY(8px);}
.ny-licheng .licheng-con .timeline-dot {width: 10px; height: 10px; border-radius: 50%; background-color: #ffffff; border: 3px solid #0066ff; margin: 0 auto; position: relative; z-index: 3;}
.ny-licheng .licheng-con .timeline-year {margin-top: 16px;font-size: 16px;font-weight: 600;color: #0066ff;}
.ny-licheng .licheng-con .timeline-item:nth-child(1){ top:244px;}
.ny-licheng .licheng-con .timeline-item:nth-child(1)::after {content: '';position: absolute;top: -88px;left:110px;width: 1px;height:90px;background: repeating-linear-gradient(0deg, #999, #999 4px, transparent 4px, transparent 8px); transform: translateX(-50%) rotate(0deg); z-index: 5;}
.ny-licheng .licheng-con .timeline-item:nth-child(2){ top:234px;}
.ny-licheng .licheng-con .timeline-item:nth-child(2)::after {content: '';position: absolute;top:0px;left:120px;width: 1px;height:90px;background: repeating-linear-gradient(0deg, #999, #999 4px, transparent 4px, transparent 8px); transform: translateX(-50%) rotate(0deg); z-index: 5;}
.ny-licheng .licheng-con .timeline-item:nth-child(3){ top:215px;}
.ny-licheng .licheng-con .timeline-item:nth-child(3)::after {content: '';position: absolute;top:-100px;left:120px;width: 1px;height:90px;background: repeating-linear-gradient(0deg, #999, #999 4px, transparent 4px, transparent 8px); transform: translateX(-50%) rotate(0deg); z-index: 5;}
.ny-licheng .licheng-con .timeline-item:nth-child(4){ top:188px;}
.ny-licheng .licheng-con .timeline-item:nth-child(4)::after {content: '';position: absolute;top:-2px;left:120px;width: 1px;height:90px;background: repeating-linear-gradient(0deg, #999, #999 4px, transparent 4px, transparent 8px); transform: translateX(-50%) rotate(0deg); z-index: 5;}
.ny-licheng .licheng-con .timeline-item:nth-child(5){ top:154px;}
.ny-licheng .licheng-con .timeline-item:nth-child(5)::after {content: '';position: absolute;top:-98px;left:70px;width: 1px;height:90px;background: repeating-linear-gradient(0deg, #999, #999 4px, transparent 4px, transparent 8px); transform: translateX(-50%) rotate(0deg); z-index: 5;}
.ny-licheng .licheng-con .timeline-item:nth-child(6){ top:114px;}
.ny-licheng .licheng-con .timeline-item:nth-child(6)::after {content: '';position: absolute;top:37px;left:-26px;width: 1px;height:90px;background: repeating-linear-gradient(0deg, #999, #999 4px, transparent 4px, transparent 8px); transform: translateX(-50%) rotate(0deg); z-index: 5;}
.ny-licheng .licheng-con .timeline-item:nth-child(7){ top:63px;}
.ny-licheng .licheng-con .timeline-item:nth-child(7)::after {content: '';position: absolute;top:-62px;left:-50px;width: 1px;height:90px;background: repeating-linear-gradient(0deg, #999, #999 4px, transparent 4px, transparent 8px); transform: translateX(-50%) rotate(0deg); z-index: 5;}
.ny-licheng .licheng-con .timeline-events { position: relative; margin-top: -240px; padding: 0 50px; color:#999999;}
.ny-licheng .licheng-con .timeline-event {position: absolute; width:140px; top:130px; left:70px; background-color: #f5f5f5; border-radius: 8px; padding: 20px; font-size: 15px; line-height: 1.6; color: #666; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);}
.ny-licheng .licheng-con .timeline-event:nth-child(2){ top:450px; left:252px;}
.ny-licheng .licheng-con .timeline-event:nth-child(3){ top:25px; left:428px;}
.ny-licheng .licheng-con .timeline-event:nth-child(4){ top:405px; left:622px; width:140px;}
.ny-licheng .licheng-con .timeline-event:nth-child(5){ top:38px; left:730px;}
.ny-licheng .licheng-con .timeline-event:nth-child(6){ top:369px; left:815px; width:140px;}
.ny-licheng .licheng-con .timeline-event:nth-child(7){ top:-40px; left:958px;}



.bjbj{background-color: #fafbfc; padding-top:50px; padding-bottom:50px;}
.flsd{ display: flex;  justify-content: space-between; align-items: center; width: 100%; min-height: 500px;}
.ny-zhanshi{ width:65%;  margin:0 auto; padding: 50px 0 30px; position:relative;  box-sizing: border-box; }
.ny-zhanshi h2{ font-size:28px; margin: 30px auto 20px; font-weight: 600; font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", sans-serif; color:#000000; text-align:center; font-weight:normal;}
.ny-zhanshi .const{ position: absolute; top: 0; left: 0; width:100%; min-height:500px; opacity: 0; visibility: hidden; pointer-events: none; transition: all 0.8s ease; display: flex; gap: 5%; }
.ny-zhanshi .last-button{ position:absolute; top:350px; z-index: 999; width: 44px; height: 44px; left: -25px; border-radius: 30px; background: #fff; box-shadow: 0 6px 12px -4px rgb(61 64 76 / 25%); display: flex; align-items: center; justify-content: center; cursor: pointer;}
.ny-zhanshi .next-button {position: absolute; top:350px; z-index: 999; width: 44px; height: 44px; right: -25px; border-radius: 30px; background: #fff;  box-shadow: 0 6px 12px -4px rgb(61 64 76 / 25%); display: flex; align-items: center; justify-content: center; cursor: pointer; transform: rotate(180deg);}
.ny-zhanshi .liab img{ width:24px;}
.ny-zhanshi .const .left{background: linear-gradient(180deg, #fff, #fafbfc); box-shadow: 0 36px 70px -10px rgb(61 64 76 / 15%), 0 18px 20px -10px rgb(61 64 76 / 5%); border-radius: 24px; width:40%; height: 300px; display: flex;
align-items: center; justify-content: center; text-align: center; box-sizing: border-box; padding: 20px;}
.ny-zhanshi .const .left .text-wrap { width: 100%; line-height: 1.6;}
.ny-zhanshi .const .left .item-card-text-title { font-size: 20px;  color: #215ae5; font-weight: 700; margin-bottom: 14px;}
.ny-zhanshi .const .left .item-card-text-subtitle{ font-size: 18px; color: #282d3c; font-weight: 700; margin-bottom: 6px; padding: 0 20px;}
.ny-zhanshi .const .right{width:55%; height:360px; border-radius: 24px; overflow: hidden; display: flex; align-items: center;}
.ny-zhanshi .const .right img{ width:100%; height: 100%; object-fit: cover;}
.ny-zhanshi .const.active { opacity: 1; visibility: visible; pointer-events: auto; z-index: 2;}
.about-appeal{ width:65%; margin:0 auto; }
.about-appeal .container {height:120px; background-image: url(../images/appeal-bg.png); background-repeat: no-repeat; background-size: cover; border-radius: 20px; padding: 72px 0; display: flex; flex-direction: column; align-items: center; margin-top: 48px; margin-bottom: 48px; text-align:center;}
.about-appeal .container h2 { font-family: PingFang SC; font-weight: 600; font-size: 28px; line-height: 40px; text-align: center; color: #364256; margin-bottom: 30px;  padding-left: 30px; padding-right: 30px;}
.about-appeal .container h2 .visible-xs{ display: none !important;}
.about-appeal a{ color:#FFFFFF;}
.about-appeal .btn-mob{ display:none;}
@media only screen and (max-width:640px){
.ny-about{ width:95%; margin:0 auto;padding: 10px 0 20px;margin-top:0;}
.ny-about h2{font-size:20px;margin: 20px auto 0px;font-weight: 600;font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", sans-serif; color:#000000; text-align:center; font-weight:normal;}
.ny-about h2 span{ display:block; font-size:14px; color:#999999; margin-top:10px;}
.ny-about .about-con{display: block;justify-content: initial;}
.ny-about .about-left{ width:100%; margin-right:0%; font-size:16px; color:#666666; line-height:1.8;}
.ny-about .about-left h3{ font-size:20px; font-weight:normal; color:#333333;}
.ny-about .about-left{ line-height:1.6; font-size:14px;}
.ny-about .about-right{ width:100%; margin-top:20px;}
.ny-about .about-right img{ width:100%;}


.ny-wenhua{ width:95%; margin:0 auto; padding: 10px 0 20px; margin-top:0px;}
.ny-wenhua  h2{ text-align:left; font-size:20px; font-weight:normal; margin-top:10px;}
.ny-wenhua .tom-con{position: relative;  overflow: hidden;  padding-bottom:30px;display: block;justify-content: initial;}
.ny-wenhua .tom-con .tom-con-left{ width:100%; margin-right:5%;}
.ny-wenhua .tom-con .tom-con-left img{ width:100%;}
.ny-wenhua .tom-con .tom-con-right{ width:100%; }
.ny-wenhua .tom-con .tom-con-right li{ text-align:left; font-size:14px; color:#666666; line-height:1.7; }
.ny-wenhua .tom-con .tom-con-right li .title{ font-size:14px; color:#333333; font-weight:500; line-height:30px; color:#017AFF;}


.ny-licheng{ width:95%; margin:0 auto; padding:10px 0 20px;}
.ny-licheng h2{font-size:28px;margin: 30px auto 20px;font-weight: 600;font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", sans-serif; color:#000000; text-align:center; font-weight:normal;}
.ny-licheng .licheng-con{ width:100%; min-height:650px;position:relative; }
.ny-licheng .licheng-con .xian{position: absolute; width: 0; top: 0px; left: 5px; right: auto; height: 100%; border-radius:0; border-left: 5px solid #0066ff; border-top: none;  border-right: none;border-bottom: none; z-index: 1;transform: rotate(0deg);}
.ny-licheng .licheng-con .timeline-items {display: flex; justify-content: space-between; position: relative;  z-index: 2; padding: 180px 0 60px; margin: 0 50px;}
.ny-licheng .licheng-con .timeline-item {position: relative; width: 60px; text-align: center; transform: translateY(8px);display: flex;  justify-content: space-between;align-items: center;  }
.ny-licheng .licheng-con .timeline-dot {width: 10px; height: 10px; border-radius: 50%; background-color: #ffffff; border: 3px solid #0066ff; margin: 0 auto; position: relative; z-index: 3;}
.ny-licheng .licheng-con .timeline-year {margin-top: 0;font-size: 16px;font-weight: 600;color: #0066ff; padding-left:5px;}
.ny-licheng .licheng-con .timeline-item:nth-child(1){ top:-150px; left:-50px;}
.ny-licheng .licheng-con .timeline-item:nth-child(1)::after {content: '';position: absolute;top: -150px;left:-30px;width:18px;height:1px;background: repeating-linear-gradient(0deg, #999, #999 4px, transparent 4px, transparent 8px); transform: translateX(-50%) rotate(0deg); z-index: 5; display:none;}
.ny-licheng .licheng-con .timeline-item:nth-child(2){ top:-60px; left:-110px;}
.ny-licheng .licheng-con .timeline-item:nth-child(2)::after {content: '';position: absolute;top:0px;left:120px;width: 1px;height:90px;background: repeating-linear-gradient(0deg, #999, #999 4px, transparent 4px, transparent 8px); transform: translateX(-50%) rotate(0deg); z-index: 5; display:none;}
.ny-licheng .licheng-con .timeline-item:nth-child(3){ top:30px; left:-170px;}
.ny-licheng .licheng-con .timeline-item:nth-child(3)::after {content: '';position: absolute;top:-100px;left:120px;width: 1px;height:90px;background: repeating-linear-gradient(0deg, #999, #999 4px, transparent 4px, transparent 8px); transform: translateX(-50%) rotate(0deg); z-index: 5; display:none;}
.ny-licheng .licheng-con .timeline-item:nth-child(4){ top:120px; left:-230px;}
.ny-licheng .licheng-con .timeline-item:nth-child(4)::after {content: '';position: absolute;top:-2px;left:120px;width: 1px;height:90px;background: repeating-linear-gradient(0deg, #999, #999 4px, transparent 4px, transparent 8px); transform: translateX(-50%) rotate(0deg); z-index: 5; display:none;}
.ny-licheng .licheng-con .timeline-item:nth-child(5){ top:210px; left:-290px;}
.ny-licheng .licheng-con .timeline-item:nth-child(5)::after {content: '';position: absolute;top:-98px;left:70px;width: 1px;height:90px;background: repeating-linear-gradient(0deg, #999, #999 4px, transparent 4px, transparent 8px); transform: translateX(-50%) rotate(0deg); z-index: 5; display:none;}
.ny-licheng .licheng-con .timeline-item:nth-child(6){ top:300px; left:-350px;}
.ny-licheng .licheng-con .timeline-item:nth-child(6)::after {content: '';position: absolute;top:37px;left:-26px;width: 1px;height:90px;background: repeating-linear-gradient(0deg, #999, #999 4px, transparent 4px, transparent 8px); transform: translateX(-50%) rotate(0deg); z-index: 5; display:none;}
.ny-licheng .licheng-con .timeline-item:nth-child(7){ top:390px; left:-410px;}
.ny-licheng .licheng-con .timeline-item:nth-child(7)::after {content: '';position: absolute;top:-62px;left:-50px;width: 1px;height:90px;background: repeating-linear-gradient(0deg, #999, #999 4px, transparent 4px, transparent 8px); transform: translateX(-50%) rotate(0deg); z-index: 5; display:none;}
.ny-licheng .licheng-con .timeline-events { position: relative; margin-top:0; padding: 0 50px; color:#999999;}
.ny-licheng .licheng-con .timeline-event {position: absolute; width:69%; top:-245px; left:25%; background-color: #f5f5f5; border-radius: 8px; padding: 3%; font-size:12px; line-height: 1.6; color: #666; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);}
.ny-licheng .licheng-con .timeline-event:nth-child(2){ top:-155px; left:25%;width:69%;}
.ny-licheng .licheng-con .timeline-event:nth-child(3){ top:-85px; left:25%;width:69%;}
.ny-licheng .licheng-con .timeline-event:nth-child(4){ top:20px; left:25%; width:69%;}
.ny-licheng .licheng-con .timeline-event:nth-child(5){ top:108px; left:25%;width:69%;}
.ny-licheng .licheng-con .timeline-event:nth-child(6){ top:195px; left:25%;width:69%;}
.ny-licheng .licheng-con .timeline-event:nth-child(7){ top:289px; left:25%;width:69%;}



.bjbj{background-color: #fafbfc; padding-top:20px; padding-bottom:20px;}
.flsd{ display: block; justify-content: initial; align-items: center; width: 100%; min-height: 500px;}
.ny-zhanshi{ width:95%;  margin:0 auto; padding: 10px 0 10px; position:relative;  box-sizing: border-box; }
.ny-zhanshi h2{ font-size:20px; margin: 10px auto 10px; font-weight: 600; font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", sans-serif; color:#000000; text-align:center; font-weight:normal;}
.ny-zhanshi .const{ position: absolute; top: 0; left: 0; width:100%; min-height:500px; opacity: 0; visibility: hidden; pointer-events: none; transition: all 0.8s ease; display: block; gap: 5%; }
.ny-zhanshi .last-button{ position:absolute; top:390px; z-index: 999; width: 44px; height: 44px; left: 0px; border-radius: 30px; background: #fff; box-shadow: 0 6px 12px -4px rgb(61 64 76 / 25%); display: flex; align-items: center; justify-content: center; cursor: pointer;}
.ny-zhanshi .next-button {position: absolute; top:390px; z-index: 999; width: 44px; height: 44px; right: 0px; border-radius: 30px; background: #fff;  box-shadow: 0 6px 12px -4px rgb(61 64 76 / 25%); display: flex; align-items: center; justify-content: center; cursor: pointer; transform: rotate(180deg);}
.ny-zhanshi .liab img{ width:24px;}
.ny-zhanshi .const .left{background: linear-gradient(180deg, #fff, #fafbfc); box-shadow: 0 36px 70px -10px rgb(61 64 76 / 15%), 0 18px 20px -10px rgb(61 64 76 / 5%); border-radius: 24px; width:100%; height: auto; display: block;
align-items: center; justify-content: center; text-align: center; box-sizing: border-box; padding: 20px; margin-top:10px; margin-bottom:10px;}
.ny-zhanshi .const .left .text-wrap { width: 100%; line-height: 1.6;}
.ny-zhanshi .const .left .item-card-text-title { font-size: 20px;  color: #215ae5; font-weight: 700; margin-bottom: 14px;}
.ny-zhanshi .const .left .item-card-text-subtitle{ font-size: 18px; color: #282d3c; font-weight: 700; margin-bottom: 6px; padding: 0 20px;}
.ny-zhanshi .const .right{width:100%; height:360px; border-radius: 24px; overflow: hidden; display: block; align-items: center;}
.ny-zhanshi .const .right img{ width:100%; height: 100%; object-fit: cover;}
.ny-zhanshi .const.active { opacity: 1; visibility: visible; pointer-events: auto; z-index: 2;}
.about-appeal{ width:95%; margin:0 auto; }
.about-appeal .container {height:120px; background-image: url(../images/appeal-bg.png) center; background-repeat: no-repeat; background-size: cover; border-radius: 20px; padding: 32px 0; display: flex; flex-direction: column; align-items: center; margin-top: 28px; margin-bottom: 28px; text-align:center;}
.about-appeal .container h2 { font-family: PingFang SC; font-weight: 600; font-size:16px; line-height:26px; text-align: center; color: #364256; margin-bottom:10px;  padding-left: 30px; padding-right: 30px; font-weight:normal;}
.about-appeal .container h2 .visible-xs{ display: none !important;}
.about-appeal a{ color:#FFFFFF;}
.about-appeal .btn-mob{ display:none;}
.about-appeal .hidden-xs{ display:none;}
.about-appeal .btn-mob{ display:block;}
}

/*联系页*/
.ny-contact{ width:54%; margin:0 auto;padding: 60px 0 80px;margin-top:70px;}
.ny-contact h2{font-size:32px;margin: 10px auto 40px;font-weight: 600;font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", sans-serif; color:#000000; text-align:center; font-weight:normal;}
.ny-contact h2 span{ display:block; color:#999999; font-size:14px;}
.ny-contact .map {  margin: 0 auto;  position: relative;  max-width: 1010px;  height: 426px;  background: url(../images/info-contact-map.jpg) no-repeat center top;}
.ny-contact .map .tab-pane {  position: absolute;  top: 50%;  right: 12%;  width:320px;  min-height: 156px;  margin-top: -106px;  padding: 40px 30px 45px;  background: #fff;  text-align: center;  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);  border-radius: 4px;  -webkit-transition: all 218ms;  transition: all 218ms;}
.ny-contact .map .address-content {  color: #23262b;  text-align: left;}
.ny-contact .map .address-content h3 {  margin-top: 0;  margin-bottom: 25px;  font-size: 24px;}
.ny-contact .map .address-content p {  margin-bottom: 10px;  line-height: 20px;}

.ny-contact .address{ text-align:center; padding-top:50px;}
@media only screen and (max-width:640px){
.ny-contact{ width:95%; margin:0 auto;padding: 30px 0 50px; margin-top:0px;}
.ny-contact h2{font-size:20px;margin: 10px auto 40px;font-weight: 600;font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", sans-serif; color:#000000; text-align:center; font-weight:normal;}
.ny-contact h2 span{ display:block; color:#999999; font-size:14px;}
.ny-contact .map {  margin: 0 auto;  position: relative;  max-width: 100%;  height: auto;  background:none;}
.ny-contact .map .tab-pane {  position:static;  top: 0;  right:0;  width:80%; margin:0 auto;  min-height: auto;  margin-top: 0;  padding: 40px 30px 45px;  background: #fff;  text-align: center;  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);  border-radius: 4px;  -webkit-transition: all 218ms;  transition: all 218ms;}
.ny-contact .map .address-content {  color: #23262b;  text-align: left;}
.ny-contact .map .address-content h3 {  margin-top: 0;  margin-bottom: 25px;  font-size: 24px;}
.ny-contact .map .address-content p {  margin-bottom: 10px;  line-height: 20px;}

.ny-contact .address{ text-align:center; padding-top:50px;}
}
/*招商页*/
.zhaoshang-list{width:65%; margin:0 auto; margin-top:50px; margin-bottom:30px; padding-top:50px;}
.zhaoshang-list .list_left{ width:45%;}
.zhaoshang-list .list_left h2{color: #383838; font-size: 32px; line-height: 52px; font-family: PingFang SC, Microsoft YaHei, sans-serif; font-weight:normal;}
.zhaoshang-list .list_left h3{margin-top: 50px; color: #5a7bf5; font-size: 22px; font-weight: 400; font-weight: 300; font-family: PingFang SC, Microsoft YaHei, sans-serif; margin-bottom: 32px;}
.zhaoshang-list .list_left ul {margin-bottom: 40px;}
.zhaoshang-list .list_left ul li {margin: 0;padding: 0;font-size: 16px;margin-top: 16px;}
.zhaoshang-list .list_left i {display: inline-block;  width: 36px;  height: 32px;  background: url(../images/hero-icon-1.png) no-repeat left top;  margin-right: 15px;  vertical-align: middle;}
.zhaoshang-list .list_left i.icon2 {background-image: url(../images/hero-icon-2.png);}
.zhaoshang-list .list_left i.icon3 {background-image: url(../images/hero-icon-3.png);}
.zhaoshang-list .list_left i.icon4 {background-image: url(../images/hero-icon-4.png);}
.zhaoshang-list .list_left p a.btn {background: #5a7bf5; color:#FFFFFF; margin-left:0;}
.zhaoshang-list .list_left .btn-big-lg {padding-left: 50px !important; padding-right: 50px !important;}
.zhaoshang-list .list_left .btn-lg, .btn-group-lg > .btn {padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px;}
.zhaoshang-list .list_right{ width:55%; overflow:hidden; position:relative; min-height:500px;}
.zhaoshang-list .list_right img{ width:100%; position:absolute; bottom:0;}

.zszoom{padding: 60px 0 80px; background: #fafafa;}
.zszoom h2{font-size:32px;margin: 10px auto 40px;font-weight: 600;font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", sans-serif; color:#000000; text-align:center; font-weight:normal;}
.zszoom h6{margin-bottom: 60px; width:142px; margin:0 auto;}
.zszoom h6 span {display: inline-block; width: 142px; height: 48px; border-radius: 24px 0 24px 0; background: #f60; line-height: 48px; text-align: center; color: #fff; font-size: 16px;}
.zszoom .text-left{ width:65%; margin: 0 auto; flex-wrap: wrap; padding-top:50px;}
.zszoom .text-left .col-sm-4{width: 33.33333333%;}
.zszoom .text-left .col-xs-6{line-height: 32px; min-height: 80px; font-size: 16px;}
.zszoom .text-left .icon1 {background: url(../images/zs-custom-icon-1.png) no-repeat left top;}
.zszoom .text-left .icon2{background: url(../images/zs-custom-icon-2.png);}
.zszoom .text-left .icon3{background: url(../images/zs-custom-icon-3.png);}
.zszoom .text-left .icon4{background: url(../images/zs-custom-icon-4.png);}
.zszoom .text-left .icon5{background: url(../images/zs-custom-icon-5.png);}
.zszoom .text-left .icon6{background: url(../images/zs-custom-icon-6.png);}
.zszoom .text-left .icon7{background: url(../images/zs-custom-icon-7.png);}
.zszoom .text-left .icon8{background: url(../images/zs-custom-icon-8.png);}
.zszoom .text-left .icon9{background: url(../images/zs-custom-icon-9.png);}
.zszoom .text-left .icon10{background: url(../images/zs-custom-icon-10.png);}
.zszoom .text-left i {display: inline-block; vertical-align: middle; width: 42px; height: 32px; margin-right: 15px;}
.zsoutup{ width:65%; margin: 0 auto; padding: 60px 0 80px; }
.zsoutup h2{font-size:32px;margin: 10px auto 40px;font-weight: 600;font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", sans-serif; color:#000000; text-align:center; font-weight:normal;}
.zsoutup .row{margin-right: -15px;margin-left: -15px; flex-wrap: wrap; padding-top:30px; position:relative; overflow:hidden;height:280px;}
.zsoutup .col-xs-4 {width: 33.33333333%; }
.zsoutup .item {width: 70%; height: 220px; padding: 15px;  border-radius: 10px;  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); margin-left: auto; margin-right: auto;}
.zsoutup .item h4{ text-align:center; font-weight:normal;}
.zsoutup > div:after {content: ""; display: inline-block; width: 21px; height: 38px; position: absolute; left:33%; top:150px; background: url(../images/arrow.png) no-repeat 0 0; z-index: 2;}
.zsoutup > div:before {content: ""; display: inline-block; width: 21px; height: 38px; position: absolute; left:66%; top:150px; background: url(../images/arrow.png) no-repeat 0 0; z-index: 2;}
.zsoutup .icon i.icon-1 {background: url(../images/zs_step_1.png) no-repeat left top;}
.zsoutup .icon i.icon-2 {background: url(../images/zs_step_2.png) no-repeat left top;}
.zsoutup .icon i.icon-3 {background: url(../images/zs_step_3.png) no-repeat left top;}
.zsoutup .icon i {width: 80px; height: 64px; display: block; margin:40px auto;}
.zscontact{padding: 60px 0 80px; background: #fafafa;}
.zscontact h2{font-size:32px;margin: 10px auto 40px;font-weight: 600;font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", sans-serif; color:#000000; text-align:center; font-weight:normal;}
.zscontact .row {margin-top: 80px; width:65%; margin:0 auto; text-align:center;}
.zscontact .tel {width: 28px; height: 28px; display: inline-block;  background: url(../images/zs-tel.png) no-repeat 0 0;  margin-right: 20px;  vertical-align: middle;}
.zscontact .tel-box {  line-height: 42px;  font-size: 18px}
.zscontact img {  max-width: 25%;}
.zscontact .text {  font-size: 16px;  margin-top: 10px;}

@media only screen and (max-width:640px){
.zhaoshang-list{width:95%; margin:0 auto; margin-top:30px; margin-bottom:10px; padding-top:0px;display: block;justify-content: initial;}
.zhaoshang-list .list_left{ width:100%;}
.zhaoshang-list .list_left h2{color: #383838; text-align:center; font-size: 20px; line-height: 52px; font-family: PingFang SC, Microsoft YaHei, sans-serif; font-weight:normal;}
.zhaoshang-list .list_left h3{margin-top:15px; color: #5a7bf5; font-size: 18px; text-align:center; font-weight: 400; font-weight: 300; font-family: PingFang SC, Microsoft YaHei, sans-serif; margin-bottom:15px;}
.zhaoshang-list .list_left ul {margin-bottom: 40px;}
.zhaoshang-list .list_left ul li {margin: 0;padding: 0;font-size: 16px;margin-top: 16px; text-align:center;}
.zhaoshang-list .list_left i {display: inline-block;  width: 36px;  height: 32px;  background: url(../images/hero-icon-1.png) no-repeat left top;  margin-right: 15px;  vertical-align: middle;}
.zhaoshang-list .list_left i.icon2 {background-image: url(../images/hero-icon-2.png);}
.zhaoshang-list .list_left i.icon3 {background-image: url(../images/hero-icon-3.png);}
.zhaoshang-list .list_left i.icon4 {background-image: url(../images/hero-icon-4.png);}
.zhaoshang-list .list_left p{ text-align:center;}
.zhaoshang-list .list_left p a.btn {background: #5a7bf5; color:#FFFFFF; margin-left:0; text-align:center;}
.zhaoshang-list .list_left .btn-big-lg {padding-left: 50px !important; padding-right: 50px !important;}
.zhaoshang-list .list_left .btn-lg, .btn-group-lg > .btn {padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px;}
.zhaoshang-list .list_right{ width:100%; overflow:hidden; position:relative; min-height:250px;}
.zhaoshang-list .list_right img{ width:100%; position:absolute; bottom:0;}
.zszoom{padding: 30px 0 50px; background: #fafafa;}
.zszoom h2{font-size:20px;margin: 10px auto 40px;font-weight: 600;font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", sans-serif; color:#000000; text-align:center; font-weight:normal;}
.zszoom h6{margin-bottom: 60px; width:142px; margin:0 auto;}
.zszoom h6 span {display: inline-block; width: 142px; height: 48px; border-radius: 24px 0 24px 0; background: #f60; line-height: 48px; text-align: center; color: #fff; font-size: 16px;}
.zszoom .text-left{ width:95%; margin: 0 auto; flex-wrap: wrap; padding-top:30px;}
.zszoom .text-left .col-sm-4{width: 50%;}
.zszoom .text-left .col-xs-6{line-height: 32px; min-height: 80px; font-size: 12px;}
.zszoom .text-left .icon1 {background: url(../images/zs-custom-icon-1.png) no-repeat left top; background-size:100% 100%;}
.zszoom .text-left .icon2{background: url(../images/zs-custom-icon-2.png);}
.zszoom .text-left .icon3{background: url(../images/zs-custom-icon-3.png);}
.zszoom .text-left .icon4{background: url(../images/zs-custom-icon-4.png);}
.zszoom .text-left .icon5{background: url(../images/zs-custom-icon-5.png);}
.zszoom .text-left .icon6{background: url(../images/zs-custom-icon-6.png);}
.zszoom .text-left .icon7{background: url(../images/zs-custom-icon-7.png);}
.zszoom .text-left .icon8{background: url(../images/zs-custom-icon-8.png);}
.zszoom .text-left .icon9{background: url(../images/zs-custom-icon-9.png);}
.zszoom .text-left .icon10{background: url(../images/zs-custom-icon-10.png);}
.zszoom .text-left i {display: inline-block; vertical-align: middle; width: 42px; height:32px; margin-right: 15px;}
.zsoutup{ width:95%; margin: 0 auto; padding: 30px 0 50px; }
.zsoutup h2{font-size:20px;margin: 10px auto 40px;font-weight: 600;font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", sans-serif; color:#000000; text-align:center; font-weight:normal;}
.zsoutup .row{margin-right: -15px;margin-left: -15px; flex-wrap: wrap; padding-top:0; position:relative; overflow:hidden;height:auto;}
.zsoutup .col-xs-4 {width: 100%; }
.zsoutup .item {width: 70%; height: 220px; padding: 15px;  border-radius: 10px;  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); margin-left: auto; margin-right: auto; margin-bottom:20px;}
.zsoutup .item h4{ text-align:center; font-weight:normal;}
.zsoutup > div:after {content: ""; display: none; width: 21px; height: 38px; position: absolute; left:33%; top:150px; background: url(../images/arrow.png) no-repeat 0 0; z-index: 2;}
.zsoutup > div:before {content: ""; display: none; width: 21px; height: 38px; position: absolute; left:66%; top:150px; background: url(../images/arrow.png) no-repeat 0 0; z-index: 2;}
.zsoutup .icon i.icon-1 {background: url(../images/zs_step_1.png) no-repeat left top;}
.zsoutup .icon i.icon-2 {background: url(../images/zs_step_2.png) no-repeat left top;}
.zsoutup .icon i.icon-3 {background: url(../images/zs_step_3.png) no-repeat left top;}
.zsoutup .icon i {width: 80px; height: 64px; display: block; margin:40px auto;}
.zscontact{padding: 30px 0 50px; background: #fafafa;}
.zscontact h2{font-size:20px;margin: 10px auto 40px;font-weight: 600;font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", sans-serif; color:#000000; text-align:center; font-weight:normal;}
.zscontact .row {margin-top: 80px; width:65%; margin:0 auto; text-align:center;}
.zscontact .tel {width: 28px; height: 28px; display: inline-block;  background: url(../images/zs-tel.png) no-repeat 0 0;  margin-right: 20px;  vertical-align: middle;}
.zscontact .tel-box {  line-height: 42px;  font-size: 18px}
.zscontact img {  max-width:65%;}
.zscontact .text {  font-size: 16px;  margin-top: 10px;}
}
/*案例页*/
.ny-case{width:65%; margin:0 auto; margin-top:50px; margin-bottom:30px;display: flex;  flex-direction: row;   align-items: flex-start; }
.ny-case .list{ width:12%; position:relative; overflow:hidden; height:350px;  box-sizing: border-box; vertical-align: top;}
.ny-case .list ul{top:45px; left:0; position: absolute; margin: 0; padding: 0; list-style: none; width: 100%; }
.ny-case .list li{text-align: center; background-color:#017AFF; height: 60px; line-height: 60px; margin-bottom: 10px;}
.ny-case .list .cvle {background: rgb(255, 0, 0);}
.ny-case .list li a{ color:#FFFFFF; font-size:16px;}
.ny-case .ny-const{ width:87.9%; padding-bottom: 15px; margin-bottom: 50px; background: rgb(255, 255, 255); border-left: 1px solid rgb(229, 229, 229);}
.ny-case .ny-const ul{ padding-left:3%; flex-wrap: wrap;}
.ny-case .ny-const li{ width:29%; margin-right:2%;  padding:1.5%; margin-bottom:20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border-top:1px solid rgba(0, 0, 0, 0.05);}
.ny-case .ny-const li:nth-child(3){margin-right:0;}
.ny-case .ny-const li:nth-child(6){margin-right:0;}
.ny-case .ny-const li:nth-child(9){margin-right:0;}
.ny-case .ny-const li .pic{ width:100%;overflow: hidden;}
.ny-case .ny-const li .pic img{ width:100%;transform: scale(1); transition: transform 0.3s ease;  backface-visibility: hidden;}
.ny-case .ny-const li .pic img:hover{transform: scale(1.2);}
.ny-case .ny-const li .tit{ font-size:16px; line-height:2; padding-top:5px;}
.ny-case .ny-const li .tit a:hover{color:#0064ff;}
.ny-case .ny-const li .des{ line-height:1.4; color:#999999;}

.ny-case .ny-wcont{ width:87.9%; padding-bottom: 15px; margin-bottom: 50px; background: rgb(255, 255, 255); border-left: 1px solid rgb(229, 229, 229);  position: relative;   overflow: hidden; }
.ny-case .ny-wcont ul{ padding-left:3%; flex-wrap: wrap;margin: 0;   padding: 0 3%;  list-style: none;   transition: transform 0.3s ease; }
.ny-case .ny-wcont li{ width:45%; margin-right:2%; padding:1.5%; margin-bottom:20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border-top:1px solid rgba(0, 0, 0, 0.05); height:550px; box-sizing: border-box;}
.ny-case .ny-wcont li .pic{ width:100%;overflow: hidden; height:520px; position:relative; overflow:hidden;}
.ny-case .ny-wcont li .pic .img{ width:100%; backface-visibility: hidden;transition: transform 5s ease; transform: translateY(0);}
.ny-case .ny-wcont li .pic .img:hover{ transform: translateY(calc(-100% + 680px));}
.ny-case .ny-wcont li .icon{ display:none; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; width:50px; height:50px;}
.ny-case .ny-wcont li:hover .icon{ display:block;}

    .case-modal {
      /* 基础固定定位 */
      position: fixed !important;
      top:0 !important;align-items: center;  
      left: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      width: 100% !important;
      height: 100% !important;
      background-color: rgba(0, 0, 0, 0.8);
      z-index: 9999 !important;
      display: none;
      justify-content: center;
      align-items: center;  
      overflow: hidden;
      
      /* 防止被父容器影响 */
      transform: none !important;
      margin: 0 !important;
      padding: 0 !important;
      
      /* 增强稳定性的额外属性 */
      box-sizing: border-box !important;
      overflow-x: hidden !important;
      overflow-y: hidden !important;
      border: none !important;
      outline: none !important;
      pointer-events: auto !important;
      user-select: none !important;
      -webkit-user-select: none !important;
      -moz-user-select: none !important;
      -ms-user-select: none !important;
      
      /* 确保在所有浏览器中都固定定位 */
      -webkit-position: fixed !important;
      -moz-position: fixed !important;
      -o-position: fixed !important;
      -ms-position: fixed !important;
      
      /* 防止页面滚动时弹窗跟随移动 */
      backface-visibility: hidden !important;
      -webkit-backface-visibility: hidden !important;
      -moz-backface-visibility: hidden !important;
      -ms-backface-visibility: hidden !important;
      -o-backface-visibility: hidden !important;
      
      /* 防止弹窗被其他元素覆盖 */
      -webkit-transform: none !important;
      -moz-transform: none !important;
      -ms-transform: none !important;
      -o-transform: none !important;
      
      /* 确保层叠顺序最高 */
      -webkit-z-index: 9999 !important;
      -moz-z-index: 9999 !important;
      -ms-z-index: 9999 !important;
      -o-z-index: 9999 !important;
    }
    .modal-content {
      position: relative;
      width: 80%;
      max-width: 1200px;
      background-color: #fff;
      border-radius: 15px;
      padding: 30px;
      max-height: 90vh;
      overflow-y: auto;
    }
    .close-modal {
      position: absolute;
      top: 20px;
      right: 20px;
      width: 40px;
      height: 40px;
      background-color: var(--lan-color);
      color: white;
      border-radius: 50%;
	  background:#1890ff;
      text-align: center;
      line-height: 40px;
      cursor: pointer;
      font-size: 20px;
      transition: all 0.3s ease;
      z-index: 1001;
    }
    .close-modal:hover {
      background-color: #1890ff;
      transform: rotate(90deg);
    }
@media only screen and (max-width:640px){
.ny-case{ width:95%; margin:0 auto; padding-top:20px;}
.ny-case.fls {display: block;justify-content: initial;}
.ny-case .list{ width:100%; position:relative; overflow:hidden; height:50px;  box-sizing: border-box; vertical-align: top;}
.ny-case .list ul{top:45px; left:0; position:static; margin: 0; padding: 0; list-style: none; width: 100%; display: flex; justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.ny-case .list li{text-align: center; background-color:#017AFF; height: 40px; line-height: 40px; margin-bottom: 10px; width:48%; padding-left:1%; padding-right:1%;}

.ny-case .ny-const{ width:100%; border-left: 0;}
.ny-case .ny-const ul{ padding:0;}
.ny-case .ny-const li{ width:45%; margin-right:4%; padding:1.5%;}
.ny-case .ny-const li:nth-child(3){margin-right:4%;}
.ny-case .ny-const li:nth-child(6){margin-right:4%;}
.ny-case .ny-const li:nth-child(2){margin-right:0;}
.ny-case .ny-const li:nth-child(4){margin-right:0;}
.ny-case .ny-const li:nth-child(6){margin-right:0;}
.ny-case .ny-const li:nth-child(8){margin-right:0;}
.ny-case .ny-const li:nth-child(9){margin-right:4%;}
.ny-case .ny-const li .tit{ font-size:14px; line-height:1.4; padding-top:3px;}
.ny-case .ny-const li .tit a:hover{color:#0064ff;}
.ny-case .ny-const li .des{ line-height:1.4; color:#999999; font-size:12px;}


.ny-case .ny-wcont{ width:100%; padding-bottom: 15px; margin-bottom: 50px; background: rgb(255, 255, 255); border-left:0;  position: relative;   overflow: hidden; }
.ny-case .ny-wcont ul{ padding-left:3%; flex-wrap: wrap;margin: 0;   padding: 0 3%;  list-style: none;   transition: transform 0.3s ease; }
.ny-case .ny-wcont li{ width:49%; margin-right:2%; padding:1.5%; margin-bottom:20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border-top:1px solid rgba(0, 0, 0, 0.05); height:550px; box-sizing: border-box;}
.ny-case .ny-wcont li:nth-child(2){margin-right:0%;}
.ny-case .ny-wcont li:nth-child(4){margin-right:0%;}
.ny-case .ny-wcont li:nth-child(6){margin-right:0%;}
.ny-case .ny-wcont li .pic{ width:100%;overflow: hidden; height:520px; position:relative; overflow:hidden;}
.ny-case .ny-wcont li .pic .img{ width:100%; backface-visibility: hidden;transition: transform 5s ease; transform: translateY(0);}
.ny-case .ny-wcont li .pic .img:hover{ transform: translateY(calc(-100% + 680px));}
.ny-case .ny-wcont li .icon{ display:none; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; width:50px; height:50px;}
.ny-case .ny-wcont li:hover .icon{ display:block;}
}
.poserview{ width:65%; margin:0 auto; line-height:60px; height:60px;}
.poserview a:hover{color:#0064ff;}
.caseview{width:65%; margin:0 auto; margin-bottom:30px;display: flex;  flex-direction: row; align-items: flex-start; }
.caseview .view-left{box-shadow: 0 0 20px #d4d4d4; width:65%; padding:3%; margin-right:2%;}
.caseview .view-left .title{font-size: 20px;margin-bottom: 16px; color:#000000;}
.caseview .view-left .time{ color:#999999; clear:both;}
.caseview .view-left .time span{ float:right;}
.caseview .view-left .img{ text-align:center; padding-top:30px; padding-bottom:30px;}
.caseview .view-left img{ width:80%;}
.caseview .view-left .description{ line-height:1.4;}
.caseview .view-right{ width:30%;}
.caseview .view-right h3{ font-weight:normal;}
.caseview .view-right ul{}
.caseview .view-right li{ width:94%; padding:3%; margin-bottom:20px;box-shadow: 0 0 20px #d4d4d4;}
.caseview .view-right li .pic{ width:100%;overflow: hidden;}
.caseview .view-right li .pic img{ width:100%;transform: scale(1); transition: transform 0.3s ease;  backface-visibility: hidden;}
.caseview .view-right li .pic img:hover{transform: scale(1.2);}
.caseview .view-right li .tit{ font-size:16px; line-height:2; padding-top:5px;}
.caseview .view-right li .tit a:hover{color:#0064ff;}
.caseview .view-right li .des{ line-height:1.4; color:#999999;}
@media only screen and (max-width:640px){
.poserview{ width:95%; margin:0 auto;}
.caseview{ width:95%; margin:0 auto;}
.caseview .view-left{ width:100%; margin-right:0;}
.caseview .view-left .title{font-size:16px;margin-bottom: 5px; line-height:1.4; color:#000000;}
.caseview .view-left .time{ color:#999999; clear:both; font-size:12px;}
.caseview .view-left .time span{ float:none; padding-left:10px;}
.caseview .view-left .img{ text-align:center; padding-top:10px; padding-bottom:10px;}
.caseview .view-left img{ width:100%;}
.caseview .view-left .description{ line-height:1.4; font-size:12px;}
.caseview .view-right{ width:30%; display:none;}
}
/*干货页*/
.ny-news{width:65%; margin:0 auto; margin-top:50px; margin-bottom:30px;display: flex;  flex-direction: row;   align-items: flex-start; }
.ny-news .list{ width:12%; position:relative; overflow:hidden; height:350px;  box-sizing: border-box; vertical-align: top;}
.ny-news .list ul{top:45px; left:0; position: absolute; margin: 0; padding: 0; list-style: none; width: 100%; }
.ny-news .list li{text-align: center; background-color:#017AFF; height: 60px; line-height: 60px; margin-bottom: 10px;}
.ny-news .list .cvle {background: rgb(255, 0, 0);}
.ny-news .list li a{ color:#FFFFFF; font-size:16px;}
.ny-news .ny-const{ width:87.9%; padding-bottom: 15px; margin-bottom: 50px; background: rgb(255, 255, 255); border-left: 1px solid rgb(229, 229, 229);}
.ny-news .ny-const ul{ padding-left:3%; flex-wrap: wrap;}
.ny-news .ny-const li{ width:100%; margin-bottom:30px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border-top:1px solid rgba(0, 0, 0, 0.05);}
.ny-news .ny-const li .pic{ width:50%;overflow: hidden;}
.ny-news .ny-const li .pic img{ width:100%; transform: scale(1); transition: transform 0.3s ease;  backface-visibility: hidden;}
.ny-news .ny-const li .pic img:hover{transform: scale(1.2);}
.ny-news .ny-const li .content{ width:46%; padding-left:2%; padding-right:2%;}
.ny-news .ny-const li .content .tit{ font-size:16px; line-height:2.4; }
.ny-news .ny-const li .content .tit a:hover{color:#0064ff;}
.ny-news .ny-const li .content .time{ color:#999999;}
.ny-news .ny-const li .content .des{ line-height:1.4; color:#999999; margin-bottom:10px;}
.ny-news .ny-const li .content .move{transition: background 0.3s; background: linear-gradient(111deg, rgb(101, 76, 255) 0%, rgb(0, 127, 255) 99%); color: #fff; font-size: 14px; border-radius: 12px; line-height:34px; padding: 0 22px; width:60px; text-align:center;}
.ny-news .ny-const li .content .move a{ color:#FFFFFF;}
@media only screen and (max-width:640px){
.ny-news{ width:95%; margin:0 auto; padding-top:20px;}
.ny-news.fls {display: block;justify-content: initial;}
.ny-news .list{ width:100%; position:relative; overflow:hidden; height:50px;  box-sizing: border-box; vertical-align: top;}
.ny-news .list ul{top:45px; left:0; position:static; margin: 0; padding: 0; list-style: none; width: 100%; display: flex; justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.ny-news .list li{text-align: center; background-color:#017AFF; height: 40px; line-height: 40px; margin-bottom: 10px; width:48%; padding-left:1%; padding-right:1%;}

.ny-news .ny-const{ width:100%; padding-bottom: 15px; margin-bottom: 50px; background: rgb(255, 255, 255); border-left: 1px solid rgb(229, 229, 229);}
.ny-news .ny-const ul{ padding-left:3%; flex-wrap: wrap;}
.ny-news .ny-const li{ width:100%; margin-bottom:30px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border-top:1px solid rgba(0, 0, 0, 0.05); }
.ny-news .ny-const li .pic{ width:50%;overflow: hidden;}
.ny-news .ny-const li .pic img{ width:100%; transform: scale(1); transition: transform 0.3s ease;  backface-visibility: hidden; }
.ny-news .ny-const li .pic img:hover{transform: scale(1.2);}
.ny-news .ny-const li .content{ width:46%; padding-left:2%; padding-right:2%;}
.ny-news .ny-const li .content .tit{ font-size:14px; line-height:2.4; height:26px; overflow:hidden;}
.ny-news .ny-const li .content .tit a:hover{color:#0064ff;}
.ny-news .ny-const li .content .time{ color:#999999; font-size:12px; line-height:1.6;}
.ny-news .ny-const li .content .des{ line-height:1.4; color:#999999; margin-bottom:10px; height:35px; overflow:hidden; font-size:12px;}
.ny-news .ny-const li .content .move{ display:none;}
.ny-news .ny-const li .content .move a{ color:#FFFFFF;}
}

.newsview{width:65%; margin:0 auto; margin-bottom:30px;display: flex;  flex-direction: row; align-items: flex-start; }
.newsview .view-left{box-shadow: 0 0 20px #d4d4d4; width:65%; padding:3%;}
.newsview .view-left .title{font-size: 20px;margin-bottom: 16px; color:#000000;}
.newsview .view-left .time{ color:#999999; clear:both;}
.newsview .view-left .time span{ float:right;}
.newsview .view-left .img{ text-align:center; padding-top:30px; padding-bottom:30px;}
.newsview .view-left img{ width:80%;}
.newsview .view-left .description{ line-height:1.4;}
.newsview .view-right{ width:30%; margin-right:2%;}
.newsview .view-right h3{ font-weight:normal;}
.newsview .view-right ul{}
.newsview .view-right li{ width:94%; padding:3%; margin-bottom:20px;box-shadow: 0 0 20px #d4d4d4;}
.newsview .view-right li .pic{ width:100%;overflow: hidden;}
.newsview .view-right li .pic img{ width:100%;transform: scale(1); transition: transform 0.3s ease;  backface-visibility: hidden;}
.newsview .view-right li .pic img:hover{transform: scale(1.2);}
.newsview .view-right li .tit{ font-size:16px; line-height:2; padding-top:5px;}
.newsview .view-right li .tit a:hover{color:#0064ff;}
.newsview .view-right li .des{ line-height:1.4; color:#999999;}
@media only screen and (max-width:640px){
.poserview{ width:95%; margin:0 auto;}
.newsview{ width:95%; margin:0 auto;}
.newsview .view-left{ width:100%; margin-right:0;}
.newsview .view-left .title{font-size:16px;margin-bottom: 5px; line-height:1.4; color:#000000;}
.newsview .view-left .time{ color:#999999; clear:both; font-size:12px;}
.newsview .view-left .time span{ float:none; padding-left:10px;}
.newsview .view-left .img{ text-align:center; padding-top:10px; padding-bottom:10px;}
.newsview .view-left img{ width:100%;}
.newsview .view-left .description{ line-height:1.4; font-size:12px;}
.newsview .view-right{ width:30%; display:none;}
}