/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
 html {
     overflow-y: scroll;
 }
 em,
 span {
     font-style: normal;
 }
 @font-face {
     font-family: "Num";
     src: url("/style2023/font/Num.eot") format("eot"),
         url("/style2023/font/Num.woff") format("woff"),
         url("/style2023/font/Num.ttf") format("truetype");
 }
 .taict {
     display: block;
     overflow: hidden;
     margin: 50px 0;
 }
 .more,
 .wpcf7submit,
 .morlink {
     display: block;
     overflow: hidden;
     width: 200px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     /* background: #1c2840; */
     border-radius: 2em;
     color: #fff;
     margin: 0 auto;
     font-size: 16px;
     background-image:linear-gradient(67deg, #0050c1, #7d99ff);
 }
 .more:hover,
 .wpcf7submit:hover,
 .morlink:hover {
     opacity: 0.5;
 }
 .icenter {
     width: 1500px;
     margin: 0 auto;
     display: block;
 }
 .pcheader {
     position: fixed;
     width: 100%;
     z-index: 999999;
     height: 90px;
     transition: all .3s;
 }
 .pcheader .ic {
     display: block;
     width: 96%;
     margin: 0 auto;
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     align-items: center;
     -webkit-align-items: center;
     position: relative;
     height: 100%;
 }
 .pcheader .ic .left {
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     align-items: center;
     -webkit-align-items: center;
     height: 100%;
 }
 .pcheader .ic .left .logo {
     display: block;
     margin-right: 36px;
     overflow: hidden;
     width: 70px;
 }
 .pcheader .ic .left .logo font {
     background-image: linear-gradient(67deg, #0068ff, #00b5a2);
     width: 70px;
     height: 70px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all .3s;
 }
 .pcheader .ic .left .logo img {
     filter: none;
     filter: grayscale(1) brightness(30);
     display: block;
     height: 28px;
     transition: all .3s;
 }
 .pcheader .ic .left .logo span {
     display: block;
     width: 60px;
     height: 60px;
     background-image: linear-gradient(67deg, #0068ff, #00b5a2);
     text-align: center;
     line-height: 60px;
     color: #fff;
     font-family: Arial;
     font-size: 1.8rem;
     border-radius: 50%;
     transition: all .3s;
 }
 .pcheader .ic .left .pcnav {
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     align-items: center;
     -webkit-align-items: center;
     height: 100%;
 }
 .pcheader .ic .left .pcnav dd {
     margin: 0 36px;
     position: relative;
     height: 100%;
     display: flex;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
 }
 .pcheader .ic .left .pcnav dd a {
     color: #fff;
     font-size: 20px;
     height: 24px;
     display: block;
     overflow: hidden;
     line-height: 24px;
 }
 .pcheader .ic .left .pcnav dd a .fa {
     display: block;
     color: #fff;
     position: absolute;
     top: 50%;
     right: 0;
     transform: translate(0%, -50%);
     font-size: 16px;
 }
 .pcheader .ic .left .pcnav .na a:nth-child(1) {
     padding-right: 15px;
 }
 .pcheader .ic .left .pcnav dd h4 {
     transition: all 0.3s;
     background: rgba(33, 34, 36, 0.95);
     position: absolute;
     opacity: 0;
     visibility: hidden;
     padding: 5px 30px;
     left: -30px;
     top: 90px;
     width: 140px;
     border-radius: 0 0 10px 10px;
 }
 .pcheader .ic .left .pcnav dd:hover h4 {
     visibility: visible;
     opacity: 1;
 }
 .pcheader .ic .left .pcnav dd h4 a {
     font-size: 16px;
     height: auto;
     line-height: 36px;
     margin: 10px 0;
 }
 .pcheader .ic .left .pcnav dd h4 a:hover,
 .pcheader .ic .left .pcnav dd:hover a .fa {
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;
     background-image: linear-gradient(to right, #178cde, #00ffe4 50%, #178cde);
     font-style: inherit;
 }
 .pcheader .ic .right {
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     align-items: center;
     -webkit-align-items: center;
 }
 .pcheader .ic .right .ra {
     display: block;
     width: 140px;
     height: 40px;
     background-image: linear-gradient(67deg, #0068ff, #00b5a2);
     color: #fff;
     text-align: center;
     font-size: 16px;
     line-height: 40px;
     border-radius: 2rem;
 }
 .div2_1 .pcheader {
     height: 70px;
 }
 .div2_1 .pcheader,
 .pcheader:hover {
     background-color: rgba(0, 0, 0, 0.8);
 }
 .pcheader .ic .left .pcnav dd a span {
     display: block;
     transition: all 0.3s;
 }
 .pcheader .ic .left .pcnav dd a span:nth-child(2n) {
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;
     background-image: linear-gradient(to right, #178cde, #00ffe4 50%, #178cde);
 }
 .pcheader .ic .left .pcnav dd a:hover span,
 .pcheader .ic .left .pcnav .na:hover a span {
     transform: translateY(-100%);
 }
 .div2_1 .pcheader .ic .left .logo span {
     width: 46px;
     height: 46px;
     line-height: 46px;
     font-size: 1.3rem;
 }
 .div2_1 .pcheader .ic .left .logo font {
     width: 56px;
     height: 56px;
 }
 .div2_1 .pcheader .ic .left .logo font img {
     height: 22px;
 }
 .div2_1 .pcheader .ic .left .pcnav dd h4 {
     top: 70px;
 }
 .div2_1 .pcheader .ic .left .pcnav dd h4 a {
     height: auto;
     line-height: 36px;
 }
 #csbm {
     position: fixed;
     width: 4px;
     height: 4px;
     border-radius: 50%;
     background-color: #00cc82;
     z-index: 99999999999999;
     pointer-events: none;
 }
 #csbm .ccde {
     position: absolute;
     top: -18px;
     left: -18px;
     width: 40px;
     height: 40px;
     border: 1px solid #9c9c9c;
     border-radius: 50%;
     opacity: .2;
     box-sizing: border-box;
     z-index: 99;
     -webkit-transition: all .6s;
     transition: all .6s;
 }
 #csbm .cchov {
     position: absolute;
     top: -38px;
     left: -38px;
     width: 80px;
     height: 80px;
     background-color: #bbb;
     border-radius: 50%;
     opacity: .12;
     z-index: 98;
     box-sizing: border-box;
     transform: scale(0, 0);
     -webkit-transform: scale(0, 0);
     -webkit-transition: all 0.6s;
     transition: all 0.6s;
 }
 #csbm.mactive .ccde {
     transform: scale(0, 0);
     -webkit-transform: scale(0, 0);
 }
 #csbm.mactive .cchov {
     transform: scale(1, 1);
     -webkit-transform: scale(1, 1);
 }
 .banner {
     position: relative;
     width: 100%;
     overflow: hidden;
     display: block;
     height: 100%;
 }
 .banner video {
     width: 100%;
     overflow: hidden;
     display: block;
     position: relative;
     z-index: 2;
     height: 100%;
     object-fit: cover;
 }
 .banner .mbarbg {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     object-fit: cover;
     z-index: 1;
 }
 .banner .bgicon {
     position: absolute;
     opacity: 0.4;
     width: 100%;
     top: 0;
     left: 0;
     height: 100%;
     background-color: #000;
     z-index: 3;
 }
 .text-box {
     width: 900px;
     height: 200px;
     font-size: 4rem;
     font-weight: bold;
     text-transform: uppercase;
     position: relative;
     overflow: hidden;
     clip-path: url(#svgTextPath);
     color: white;
     background: linear-gradient(67deg, #005aff, #00ff89);
 }
 .dot {
     display: inline-block;
     border-radius: 50%;
     position: absolute;
     left: 0;
     top: 0;
     opacity: 0.9;
 }
 .dot:nth-child(1) {
     width: 100px;
     height: 100px;
     background: rgb(30, 207, 148);
     z-index: 8;
     transform: translateX(-175px) translateY(-175px);
 }
 .dot:nth-child(2) {
     width: 200px;
     height: 200px;
     background: rgb(28, 204, 195);
     z-index: 7;
     transform: translateX(-250px) translateY(-250px);
 }
 .dot:nth-child(3) {
     width: 400px;
     height: 400px;
     background: rgb(18, 155, 247);
     z-index: 6;
     transform: translateX(-350px) translateY(-350px);
 }
 .banner text {
     font-size: 6rem;
     text-transform: uppercase;
 }
 .pagebgtest {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     overflow: hidden;
     height: 200px;
 }
 .banner .txt {
     position: absolute;
     z-index: 9;
     width: 100%;
     top: 50%;
     left: 0;
     text-align: center;
     transform: translate(0%, -50%);
 }
 .banner .txt h3 {
     display: inline-block;
     font-size: 80px;
     line-height: 1.2em;
     margin-bottom: 30px;
     background: linear-gradient(to right, #178cde 15%, #00ffe4 30%, #178cde 55%, #00ffe4 80%, #178cde 95%);
     background-size: 200% auto;
     color: #000;
     background-clip: text;
     text-fill-color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     animation: shine 5s linear infinite;
 }
 .banner .txt h4 {
     display: block;
     color: #fff;
     text-align: center;
     font-size: 2rem;
     line-height: 1.2em;
     margin: 20px 0 40px;
 }
 .banner .txt .taict {
     margin: 0;
 }
 .banner .bannermore {
     position: absolute;
     width: auto;
     z-index: 9;
     bottom: 20px;
     transform: translate(-50%, 0%);
     left: 50%;
     cursor: pointer;
     transition: all .3s;
 }
 .banner .bannermore .a1 {
     -webkit-animation-name: spin;
     animation-name: spin;
     -webkit-animation-duration: 4s;
     animation-duration: 4s;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     display: block;
     height: 100px;
 }
 .banner .bannermore strong {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 50px;
     height: 50px;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
 }
 .banner .bannermore strong span {
     position: relative;
     display: block;
     background: #fff;
     width: 18px;
     height: 28px;
     border-radius: 2rem;
     opacity: 0.8;
 }
 .banner .bannermore strong span:after {
     position: absolute;
     content: "";
     width: 4px;
     height: 9px;
     background: #aaa;
     border-radius: 4rem;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     animation: 1.5s linear 0.5s infinite hua;
 }
 @keyframes hua {
     from {
         top: 5px;
     }
     to {
         top: 20px;
     }
 }
 @keyframes spin {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg)
     }
     to {
         -webkit-transform: rotate(1turn);
         transform: rotate(1turn)
     }
 }
 .banner .bannermore:hover {
     opacity: 0.8;
 }
 .banner .mbarbg {
     display: none;
 }
 .bannermore {
     position: absolute;
     width: auto;
     z-index: 9;
     bottom: 20px;
     transform: translate(-50%, 0%);
     left: 50%;
     cursor: pointer;
     transition: all .3s;
 }
 .bannermore .a1 {
     -webkit-animation-name: spin;
     animation-name: spin;
     -webkit-animation-duration: 4s;
     animation-duration: 4s;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     display: block;
     height: 100px;
 }
 .bannermore strong {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 50px;
     height: 50px;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
 }
 .bannermore strong span {
     position: relative;
     display: block;
     background: #fff;
     width: 18px;
     height: 28px;
     border-radius: 2rem;
     opacity: 0.8;
 }
 .bannermore strong span:after {
     position: absolute;
     content: "";
     width: 4px;
     height: 9px;
     background: #aaa;
     border-radius: 4rem;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     animation: 1.5s linear 0.5s infinite hua;
 }
 .bannermore:hover {
     opacity: 0.8;
 }
 .bannercase .lfex {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
 }
 .bannerpage {
     display: flex;
     height: 100vh;
     position: relative;
 }
 .bannerpage .icenter {
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     align-items: center;
     -webkit-align-items: center;
 }
 .bannerpage .left {
     position: relative;
     z-index: 9;
     width: 53%;
 }
 .bannerpage .left h3 {
     display: block;
     color: #fff;
     font-size: 80px;
     line-height: 80px;
     background: linear-gradient(to right, #178cde 15%, #00ffe4 30%, #178cde 55%, #00ffe4 80%, #178cde 95%);
     background-size: 200% auto;
     color: #000;
     background-clip: text;
     text-fill-color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     animation: shine 5s linear infinite;
 }
 .bannerpage .left h4 {
     display: block;
     color: #d5d5d5;
     font-size: 36px;
     line-height: 36px;
     margin: 30px 0;
 }
 .bannerpage .left h5 {
     display: block;
     color: #000;
     font-size: 20px;
     margin: 0 0 30px 0;
 }
 .bannerpage .left .more {
     margin: 30px 0 0;
 }
 .bannerpage .right {
     width: 70%;
     transform-style: preserve-3d;
     transform: rotateX(50deg) rotateY(2deg) rotateZ(30deg);
     position: absolute;
     top: -70%;
     left: 45%;
 }
 .bannerpage .right p {
     display: block;
     float: left;
     width: 49%;
     overflow: hidden;
     position: relative;
     border-radius: 0.2rem;
     margin-bottom: 20px;
 }
 .bannerpage .right p:nth-child(2n) {
     float: right;
     margin-left: 1%;
     top: 80px;
 }
 .bannerpage .right p img {
     display: block;
     width: 100%;
     margin: 0 auto;
     border-radius: 0.2rem;
 }
 .bannerpage .lfex {
     overflow: hidden;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     display: flex;
 }
 .bannerpage .rightyd {
     transform-style: preserve-3d;
     transform: rotateX(50deg) rotateY(2deg) rotateZ(30deg);
     width: 60%;
     left: 51%;
     top: -43%;
 }
 .bannerpage .rightyd p {
     width: 32%;
     margin-right: 2%;
     box-shadow: 7px 4px 13px rgb(0 0 0 / 79%);
 }
 .bannerpage .rightyd p:nth-child(2n) {
     margin-right: 2%;
     top: 0;
     margin-left: 0;
 }
 .bannerpage .rightyd p:nth-child(3n) {
     margin-right: 0;
 }
 .bannerpage .rightmui {
     top: -33%;
     left: 50%;
     width: 50%;
     transform-style: preserve-3d;
     transform: rotateX(40deg) rotateY(-2deg) rotateZ(30deg);
 }
 .bannerpage .rightmui p {
     border-radius: 10px;
 }
 .bannerpage .rightmui p img {
     border-radius: 10px;
 }
 .bannerpage .rightvideo {
     top: -39%;
     left: 50%;
     width: 50%;
     transform-style: preserve-3d;
     transform: rotateX(40deg) rotateY(6deg) rotateZ(30deg);
 }
 .pagenews .innewicon {
     opacity: 0.3;
     position: absolute;
     top: 150px;
     right: 0;
     height: 35%;
     width: auto;
     filter: grayscale(1) brightness(5);
     -webkit-filter: grayscale(1) brightness(5);
     animation: xb1 6s linear infinite;
     -webkit-animation: xb1 6s linear infinite;
     ;
 }
 .pagenews {
     display: block;
     overflow: hidden;
     position: relative;
     padding: 100px 0;
     background: url(/style2023/images/svgbg/bg3.svg);
     background-size: cover;
 }
 .pagenews h3 {
     display: block;
     color: #fff;
     font-size: 36px;
     line-height: 1.2em;
     margin-bottom: 30px;
 }
 .pagenews dl {
     overflow: hidden;
     margin-bottom: 30px;
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     align-items: top;
     -webkit-align-items: top;
     position: relative;
     z-index: 9;
 }
 .pagenews dl a {
     display: block;
     overflow: hidden;
     width: 23.5%;
 }
 .pagenews dl a p {
     display: block;
     overflow: hidden;
     border-radius: 1rem 1rem 0 0;
 }
 .pagenews dl a p img {
     display: block;
     width: 100%;
     height: auto;
     transition: all .3s;
 }
 .pagenews dl a dd {
     background: rgba(10, 31, 58, 0.5);
     padding: 30px;
     display: block;
     overflow: hidden;
     border-radius: 0 0 1rem 1rem;
 }
 .pagenews dl a dd strong {
     display: block;
     font-size: 20px;
     color: #fff;
     line-height: 26px;
     font-weight: normal;
 }
 .pagenews dl a dd font {
     display: inline-block;
     color: #fff;
     font-size: 12px;
     border: 1px solid #fff;
     padding: 2px 20px;
     border-radius: 2em;
     margin: 20px 0;
     opacity: 0.5;
 }
 .pagenews dl a dd span {
     display: block;
     color: #fff;
     font-size: 14px;
     opacity: 0.8;
 }
 .pagenews dl a:hover p img {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     transform: scale(1.1);
 }
 .pagenews dl a:hover dd strong {
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;
     background-image: linear-gradient(to right, #178cde, #00ffe4 50%, #178cde);
     font-style: inherit;
 }
 .pagebg {
     background: #000;
     position: relative;
     z-index: 3;
 }
 .techicon {
     display: block;
     overflow: hidden;
     padding: 100px 0;
     position: relative;
     text-align: center
 }
 .techicon h3 {
     display: block;
     color: #fff;
     font-size: 60px;
     line-height: 60px;
     background: linear-gradient(to right, #178cde 15%, #00ffe4 30%, #178cde 55%, #00ffe4 80%, #178cde 95%);
     background-size: 200% auto;
     background-clip: text;
     text-fill-color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     animation: shine 5s linear infinite;
     text-align: center;
 }
 .techicon h6 {
     color: #fff;
     font-size: 30px;
     text-align: center;
     width: 50%;
     margin: 30px auto;
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;
     background-image: linear-gradient(to right, #178cde, #00ffe4 50%, #178cde);
     font-style: inherit;
 }
 .techicon .icenter {
     margin-top: 50px;
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     align-items: top;
     -webkit-align-items: top;
 }
 .techicon .icenter dd {
     display: block;
     overflow: hidden;
     width: 23.5%;
     position: relative;
 }
 .techicon .icenter dd h4 {
     display: block;
     color: #fff;
     font-size: 28px;
     margin-bottom: 30px;
     border-bottom: 1px solid #444;
     padding-bottom: 10px;
 }
 .techicon .icenter dd h5 {
     display: block;
     overflow: hidden;
 }
 .techicon .icenter dd h5 strong {
     display: block;
     overflow: hidden;
     margin-bottom: 20px;
 }
 .techicon .icenter dd h5 strong font {
     position: relative;
     background-image: linear-gradient(67deg, #0068ff, #00b5a2);
     position: relative;
     float: left;
     width: 60px;
     height: 60px;
     border-radius: 50%;
     display: flex;
 }
 .techicon .icenter dd h5 strong font:after {
     content: "";
     position: absolute;
     width: 56px;
     height: 56px;
     background: #000;
     border-radius: 50%;
     top: 2px;
     left: 2px;
 }
 .techicon .icenter dd h5 strong font img {
     filter: none;
     filter: grayscale(1) brightness(30);
     display: block;
     height: 60%;
     margin: 20%;
     position: relative;
     z-index: 3;
 }
 .techicon .icenter dd h5 strong span {
     font-weight: normal;
     display: block;
     color: #fff;
     font-size: 20px;
     float: left;
     line-height: 30px;
     margin: 10px 0 0 10px;
 }
 .webcase {
     display: block;
     overflow: hidden;
     padding: 100px 0;
     height: 270vh;
     position: relative;
     text-align: center;
     background: url(../images/web-case.jpg);
     background-size: cover;
 }
 .webcase h3 {
     font-size: 0.6rem;
     background: linear-gradient(to right, #178cde 15%, #00ffe4 30%, #178cde 55%, #00ffe4 80%, #178cde 95%);
     background-size: 200% auto;
     background-clip: text;
     text-fill-color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     animation: shine 5s linear infinite;
 }
 .webcase h4 {
     display: block;
     font-size: 0.30rem;
     color: #fff;
     text-align: center;
 }
 .webcase .clt {
     display: block;
     overflow: hidden;
     margin-top: 50px;
 }
 .webcase .box {
     position: relative;
     height: 2rem;
 }
 .webcase .box-a {
     top: 2rem;
 }
 .webcase .box-b {
     top: 3.5rem;
 }
 .webcase .box-c {
     top: 4.5rem;
 }
 .box h2 {
     font-size: 0.36rem;
     margin-bottom: 0.2rem;
     background: linear-gradient(to right, #178cde 15%, #00ffe4 30%, #178cde 55%, #00ffe4 80%, #178cde 95%);
     background-size: 200% auto;
     background-clip: text;
     text-fill-color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     animation: shine 5s linear infinite;
 }
 .box p {
     color: #fff;
     font-size: 0.20rem;
 }
 .toright {
     width: calc(420px * 9 + 9 * 24px);
     animation: right-effect 40s linear infinite;
 }
 .toleft {
     width: calc(420px * 9 + 9 * 24px);
     animation: left-effect 40s linear infinite;
     margin-top: 1.5rem;
 }
 .resourcerow {
     will-change: transform;
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important;
 }
 .resourcerow a {
     border-radius: 0.2rem;
     width: 28rem;
     height: 4rem;
     overflow: hidden;
     margin: 0 16px;
     text-align: center;
     background-color: #e7e8ea;
     will-change: transform;
     transition: transform .4s ease-out;
 }
 .resourcerow a img {
     display: block;
     width: 100%;
     height: 100%;
 }
 .clt .resourcerow:hover {
     animation-play-state: paused;
 }
 @keyframes left-effect {
     0% {
         transform: translateX(0)
     }
     100% {
         transform: translateX(-50%)
     }
 }
 @keyframes right-effect {
     0% {
         transform: translateX(-50%)
     }
     100% {
         transform: translateX(0)
     }
 }
 .line {
     background-image: linear-gradient(67deg, #0068ff, #00b5a2);
     display: block;
     width: 100%;
     height: 4px;
 }
 .wstip {
     display: block;
     overflow: hidden;
     padding: 150px 0 0;
     position: relative;
 }
 .wstip h3 {
     display: block;
     text-align: center;
     color: #fff;
     font-size: 60px;
     line-height: 1em;
     margin-bottom: 50px;
 }
 .wstip h3 span {
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;
     background-image: linear-gradient(to right, #178cde, #00ffe4 50%, #178cde);
     font-style: inherit;
 }
 .wstip dl {
     overflow: hidden;
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     align-items: top;
     -webkit-align-items: top;
 }
 .wstip dl dd {
     cursor: pointer;
     display: block;
     overflow: hidden;
     width: calc(23% - 80px);
     padding: 50px 40px;
     position: relative;
     border-radius: 10px;
     transition: all .6s;
 }
 .wstip dl dd strong {
     display: block;
     color: #fff;
     font-size: 20px;
     font-weight: normal;
 }
 .wstip dl dd p {
     display: block;
     overflow: hidden;
     margin: 100px 0;
 }
 .wstip dl dd p span {
     display: block;
     color: #fff;
     font-size: 50px;
     line-height: 1.2em;
     margin-bottom: 20px;
 }
 .wstip dl dd p font {
     display: block;
     color: #fff;
     font-size: 18px;
 }
 .wstip dl dd i {
     color: #fff;
     font-style: inherit;
     font-size: 12px;
     width: 36px;
     height: 36px;
     display: block;
     text-align: center;
     line-height: 36px;
     border: 1px solid #000;
     border-radius: 50%;
 }
 .wstip dl dd:nth-child(1) {
     border: 1px solid #146ef5;
 }
 .wstip dl dd:nth-child(2) {
     border: 1px solid #ff6b00;
 }
 .wstip dl dd:nth-child(3) {
     border: 1px solid #ed52cb;
 }
 .wstip dl dd:nth-child(4) {
     border: 1px solid #00d722;
 }
 .wstip dl dd:nth-child(1):hover {
     background: #146ef5;
 }
 .wstip dl dd:nth-child(2):hover {
     background: #ff6b00;
 }
 .wstip dl dd:nth-child(3):hover {
     background: #ed52cb;
 }
 .wstip dl dd:nth-child(4):hover {
     background: #00d722;
 }
 .wstip dl dd:hover i {
     color: #000;
     border: 1px solid #000;
 }
 .wstip dl dd:hover strong,
 .wstip dl dd:hover span,
 .wstip dl dd:hover font {
     color: #000;
 }
 .option2323 {
     position: absolute;
     top: -50px;
     left: -50px;
     height: 35%;
     width: auto;
     animation: xb1 6s linear infinite;
     -webkit-animation: xb1 6s linear infinite;
 }
 .webcenterpic {
     position: relative;
     height: 100%;
 }
 .webcenterpic .lf {
     color: #fff;
     font-size: 2rem;
     width: 45%;
     position: -webkit-sticky;
     position: sticky;
     top: 50%;
     transform: translate(0%, -50%);
     float: left;
     padding-top: 100px;
 }
 .webcenterpic .lf h3 {
     display: inline-block;
     text-align: left;
     font-size: 60px;
     line-height: 1em;
     margin: 30px 0;
     background: linear-gradient(to right, #178cde 15%, #00ffe4 30%, #178cde 55%, #00ffe4 80%, #178cde 95%);
     background-size: 200% auto;
     background-clip: text;
     text-fill-color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     animation: shine 5s linear infinite;
 }
 .webcenterpic .lf h4 {
     display: block;
     color: #fff;
     font-size: 30px;
     ;
 }
 .webcenterpic .lf dl {
     display: block;
     overflow: hidden;
     margin-top: 30px;
     position: relative;
     z-index: 3;
 }
 .webcenterpic .lf dl a {
     position: relative;
     display: inline-block;
     float: left;
     margin: 0 20px 20px 0;
     background-image: linear-gradient(67deg, #0068ff, #00b5a2);
     border-radius: 2rem;
     overflow: hidden;
     padding: 10px 20px 10px 20px;
 }
 .webcenterpic .lf dl a img {
     display: block;
     width: auto;
     height: 26px;
     float: left;
     filter: none;
     filter: grayscale(1) brightness(30);
     margin-right: 10px;
 }
 .webcenterpic .lf dl a font {
     display: block;
     font-size: 16px;
     vertical-align: top;
     float: left;
     line-height: 26px;
     color: #fff;
     font-weight: normal;
 }
 .webcenterpic .lf dl a:hover {
     opacity: 0.5;
 }
 .webcenterpic .lf .lgiocn {
     position: absolute;
     top: -10%;
     left: -50%;
     height: auto;
     width: auto;
     animation: xb1 6s linear infinite;
     -webkit-animation: xb1 6s linear infinite;
 }
 .webcenterpic .rh {
     display: block;
     width: 45%;
     margin: 0 0 0 55%;
     position: relative;
 }
 .webcenterpic .rh dd {
     width: 100%;
     overflow: hidden;
     margin: 10px 0;
 }
 .webcenterpic .rh img {
     display: block;
     width: auto;
     max-width: 100%;
     border-radius: 6px;
 }
 .webcenterpic .rh dd:nth-child(2n) {
     overflow: hidden;
     margin-left: 100px;
 }
 .webcenterpic2 .icenter .rh {
     overflow: hidden;
 }
 .webcenterpic2 .icenter .rh dl {
     display: block;
     float: left;
     width: 48%;
 }
 .webcenterpic2 .icenter .rh dl:nth-child(2n) {
     float: right;
     float: right;
     margin-top: 100px;
 }
 .webcenterpic2 .icenter .rh dl dd:nth-child(2n) {
     margin-left: 0;
 }
 .webcenterpic2 .icenter .rh dl dd {
     margin-bottom: 30px;
 }
 .ws2tip {}
 .ws2tip .icenter h3 {
     margin-bottom: 30px;
 }
 .ws2tip .icenter h4 {
     display: block;
     color: #fff;
     text-align: center;
     margin-bottom: 50px;
     font-size: 30px;
 }
 .ws2tip .icenter dl {
     padding: 100px 0;
 }
 .ws2tip .icenter dl dd {
     padding: 0;
     border: 0;
     width: 22%;
     background: none !important;
 }
 .ws2tip .icenter dl dd img {
     display: block;
     border-radius: 10px;
     width: 100%;
 }
 .ws2tip .icenter dl dd:nth-child(2n) {
     position: relative;
     top: -100px;
 }
 .wstip3 {
     padding-bottom: 200px;
 }
 .pagecase {
     padding: 0;
 }
 @media only screen and (max-width:1600px) {
     .icenter,
     .pcheader .ic {
         width: 90%;
     }
     .callme,
     .ccform,
     .pagenews,
     .history {
         padding: 80px 0;
     }
     .callme .swipercontainer03 {
         margin: 30px auto 0;
     }
     .callme .swipercontainer03 .txt {
         padding: 40px 30px;
     }
     .callme .swipercontainer03 .txt span {
         margin: 0 auto 20px;
         width: 100px;
         line-height: 24px;
     }
     .callme .swipercontainer03 .txt .desc p {
         font-size: 14px;
         margin-bottom: 6px;
     }
     .callme .swipercontainer03 .txt strong {
         margin-bottom: 20px;
         font-size: 36px;
     }
     .callme .swipercontainer03 .swiper-slide:after {
         height: 1px;
     }
     .callme .swipercontainer03 .txt span i {
         font-size: 12px;
     }
     .callme .icenter .fa,
     .hlist .tpa {
         line-height: 36px;
         width: 36px;
         height: 36px;
     }
     .callme .icenter .swiperslideprev,
     .hlist .milepostbuttonprev {
         right: 110px;
     }
     .ccform h3 font,
     .callme h4 {
         font-size: 16px;
     }
     .ccform h3 strong,
     .callme h3 {
         font-size: 36px;
         margin-bottom: 10px;
     }
     .ccform span span {
         line-height: 36px;
         font-size: 12px;
     }
     .wpcf7-response-output,
     .wpcf7-validation-errors {
         font-size: 14px;
         margin-top: 16px;
     }
     .ccform .wpcf7submit {
         width: 120px;
         height: 36px;
         line-height: 36px;
         font-size: 14px;
         margin-top: 20px;
     }
     .ccform .aa .txt,
     .ccform .bb .txt {
         font-size: 12px;
         margin-bottom: 5px;
     }
     .ccform .aa input {
         height: 36px;
         line-height: 36px;
         font-size: 14px;
     }
     .ccform .aa .ct {
         margin-bottom: 20px;
     }
     .ccform .bb .ct textarea {
         height: 70px;
         font-size: 14px;
     }
     .ccform h3 {
         margin-bottom: 30px;
     }
     .bannermore .a1 {
         height: 60px;
     }
     .bannermore strong {
         width: 40px;
         height: 40px;
     }
     .bannermore strong span {
         width: 14px;
         height: 24px;
     }
     .more,
     .wpcf7submit,
     .morlink {
         width: 120px;
         height: 36px;
         line-height: 36px;
         font-size: 14px;
     }
     .bannercase .icenter h3 {
         font-size: 40px;
         margin-bottom: 20px;
     }
     .bannercontact .icenter p {
         font-size: 24px;
     }
     .bannercase .icenter h4 {
         font-size: 16px;
         line-height: 26px;
         margin-bottom: 30px;
     }
     .bannercontact .icenter h4 font {
         font-size: 30px;
         display: block;
         line-height: 1.2em;
     }
     .pcheader {
         height: 70px;
     }
     .pcheader .ic .left .logo font {
         width: 52px;
         height: 52px;
     }
     .pcheader .ic .left .logo img {
         height: 22px
     }
     .div2_1 .pcheader {
         height: 60px;
     }
     .div2_1 .pcheader .ic .left .logo font {
         width: 48px;
         height: 48px;
     }
     .div2_1 .pcheader .ic .left .logo font img {
         height: 20px;
     }
     .pcheader .ic .left .pcnav dd a {
         font-size: 16px;
     }
     .pcheader .ic .left .pcnav dd {
         margin: 0 26px;
     }
     .pcheader .ic .right .ra {
         width: 120px;
         height: 36px;
         font-size: 14px;
         line-height: 36px;
     }
     .pcheader .ic .left .pcnav dd h4 {
         top: 70px;
         width: 100px;
     }
     .div2_1 .pcheader .ic .left .pcnav dd h4 {
         top: 60px;
     }
     .pcheader .ic .left .pcnav dd h4 a {
         line-height: 30px;
         font-size: 14px;
         margin: 5px 0;
     }
     .pagenews h3 {
         font-size: 26px;
     }
     .pagenews dl a dd strong {
         font-size: 16px;
     }
     .pagenews dl a dd font {
         margin: 15px 0;
         zoom: 0.9;
         padding: 2px 12px;
     }
     .pagenews dl a dd span {
         font-size: 12px;
     }
     .index-milepost-text-swiper .t2 p {
         font-size: 24px;
     }
     .index-milepost-text-swiper .t2 span {
         line-height: 30px;
     }
     .index-milepost-text-swiper .t2 span i {
         font-size: 14px;
     }
     .index-milepost-text-swiper .t2 span:after {
         width: calc(100% - 2px);
         height: calc(100% - 2px);
         top: 1px;
         left: 1px;
     }
     .hlist .index-milepost-swiper .swiper-slide .data .b1 {
         font-size: 30px;
     }
     .hlist .index-milepost-swiper .swiper-slide .data .b2 {
         font-size: 80px;
     }
     .hlist .index-milepost-swiper .swiper-slide:nth-child(2n) {
         top: -50px;
         padding-bottom: 50px;
     }
     .index-milepost-text-swiper {
         margin: 0 auto 20px;
     }
     .ablogo h3,
     .history h3 {
         font-size: 36px;
         margin-bottom: 10px;
         width: 100%
     }
     .ablogo h4,
     .history h4 {
         margin-bottom: 30px;
         font-size: 16px;
     }
     .history .absvg {
         top: 100px;
         height: 150px;
     }
     .pagenews .innewicon {
         top: 60px;
         height: 25%;
     }
     .pagenews dl a dd {
         padding: 20px;
     }
     .ablogo {
         padding: 100px 0 60px;
     }
     .ablogo .absvg {
         right: 50px;
         top: 100px;
         height: 30px;
     }
     .taict {
         margin: 30px 0;
     }
     .wzbg h3 {
         font-size: 36px;
         margin-bottom: 10px;
     }
     .wzbg h4 {
         font-size: 16px;
         width: 50%;
         line-height: 30px;
     }
     .wzbg {
         padding: 60px 0;
     }
     .wzbg .absvg {
         height: 30px;
         left: -50px;
         margin-bottom: 30px;
     }
     .nmnoo {
         transform: rotate(-5deg) scale(1.05);
     }
     .abgl {
         padding-bottom: 0;
     }
     .abbanner .lfex .absvg {
         top: 100px;
         right: 50px;
         height: 150px
     }
     .abbanner .lfex h3 span {
         font-size: 18px;
         line-height: 30px;
     }
     .abbanner .lfex h3 strong {
         font-size: 36px;
         margin-bottom: 20px;
     }
     .abpenum .num dd strong,
     .abpenum .num dd p font {
         font-size: 16px;
     }
     .incompany .num dd p span {
         font-size: 70px;
     }
     .newslist a p font {
         zoom: 0.7;
     }
     .newslist a p span {
         font-size: 12px;
     }
     .newslist a p strong {
         font-size: 16px;
     }
     .fy {
         padding: 60px 0;
     }
     .pnaa {
         padding: 60px 0;
     }
     .pcaa a {
         padding: 6px 30px;
         margin-right: 15px;
         font-size: 14px;
     }
     .newsshow .tt h3 {
         margin-bottom: 20px;
         font-size: 36px;
     }
     .newsshow .tt span {
         font-size: 14px;
         margin-bottom: 10px;
     }
     .newsshow .tt h4 font {
         line-height: 30px;
         font-size: 14px;
         margin-right: 30px;
     }
     .newsshow .tt .share .social-share a {
         width: 30px;
         height: 30px;
     }
     .newsshow .tt .share span {
         line-height: 30px;
     }
     .newsshow .tt .share .social-share a .wechat-qrcode h4 {
         font-size: 12px;
     }
     .newsshow .tt .share .social-share a .wechat-qrcode {
         left: -20px;
         width: 120px;
         padding: 10px;
     }
     .newsshow .tt .share .social-share a .wechat-qrcode .help p {
         zoom: 0.7;
     }
     .newsshow .tt {
         padding: 150px 0 60px;
     }
     .line {
         height: 2px;
     }
     .newsshow .st span,
     .newsshow .st font,
     .newsshow .st strong,
     .newsshow .st p,
     .newsshow .st dl,
     .newsshow .st dd,
     .newsshow .st dt {
         font-size: 16px;
         margin: 0 0 16px 0;
         line-height: 26px;
     }
     .newsshow .st {
         min-height: 300px;
         margin: 60px auto 0;
     }
     .npb .bl {
         line-height: 50px;
         width: 50px;
         height: 50px;
         font-size: 12px;
     }
     .npb .np p {
         font-size: 16px;
     }
     .npb .np span {
         font-size: 14px;
     }
     .bannercase .icenter p {
         font-size: 24px;
         margin-bottom: 20px;
     }
     .pctt h4 {
         font-size: 18px;
         width: 500px;
         margin: 0 auto;
         line-height: 30px;
         margin-top: 20px;
     }
     .pctt h3 {
         font-size: 40px;
     }
     .pctt {
         padding: 60px 0 30px;
     }
     .iclist a dd strong {
         font-size: 26px;
     }
     .iclist a dd span {
         padding: 5px 8px;
         zoom: 0.8;
         margin: 0 3px;
     }
     .iclist a dd .fa-eye {
         margin-top: 16px;
         font-size: 12px;
     }
     .iclist a dd {
         padding: 30px 20px;
     }
     .casebgbt dl .txt h3 {
         font-size: 20px;
     }
     .casebgbt dl .txt h4 {
         font-size: 36px;
     }
     .bannercaseshow .icenter p .more {
         height: 30px;
         line-height: 30px;
         width: 100px;
         font-size: 12px;
     }
     .bannercase .lgiocn {
         height: 60%;
         top: 60%;
     }
     .casepageshow .txt h3 {
         font-size: 40px;
     }
     .casepageshow .txt h4 {
         font-size: 20px;
         line-height: 30px;
     }
     .casepageshow {
         padding: 60px 0 0;
     }
     .sbtl strong,
     .caseshowbottom h3 {
         font-size: 36px;
         font-weight: normal;
     }
     .sbtl span,
     .sbtl .fa-eye,
     .sbtl .fa-eye:hover {
         font-size: 16px;
     }
     .sbtl {
         margin: 60px auto 0;
         padding-bottom: 60px;
     }
     .caseshowbottom dl a dd strong {
         font-size: 26px;
     }
     .caseshowbottom dl a dd {
         padding: 30px 15px;
     }
     .caseshowbottom dl a dd .fa-eye {
         margin-top: 10px;
         font-size: 12px;
     }
     .caseshowbottom .more {
         width: 120px;
     }
     .caseshowbottom,
     .casebgbt {
         padding: 60px 0;
     }
     .casepageshow .designpic video,
     .casepageshow .designpic img {
         max-width: 90%;
     }
     .banner text {
         font-size: 4rem;
     }
     .pagebgtest {
         height: 180px;
     }
     .banner .txt h4 {
         line-height: 1.2em;
     }
     .banner .txt h3 {
         font-size: 60px;
         margin-bottom: 10px;
     }
     .incompany dt strong {
         font-size: 40px;
     }
     .incompany dt span {
         margin: 20px 0;
         font-size: 20px;
     }
     .incompany dt font {
         font-size: 30px;
     }
     .incompany {
         padding: 100px 0 10px;
     }
     .inlogo .la {
         height: 80px;
         margin-bottom: 15px;
     }
     .incompany .num {
         margin-bottom: 20px;
     }
     .container666 {
         zoom: 0.28;
     }
     .incompany .num dd strong,
     .incompany .num dd p font {
         font-size: 16px;
     }
     .incaase .text strong,
     .inserver .text strong {
         font-size: 40px;
     }
     .incaase .text span,
     .inserver .text span {
         font-size: 20px;
         margin: 20px 0;
     }
     .bname .ttb strong {
         font-size: 40px;
     }
     .bname .ttb span {
         font-size: 18px;
         margin: 20px 0;
     }
     .programme-mask-bg .logolist a {}
     .inserver dl dd p span {
         font-size: 1rem;
         line-height: 1rem;
     }
     .inserver dl dd strong {
         width: calc(100% - 60px);
         left: 30px;
         font-size: 1.2rem;
     }
     .inserver dl dd strong span {
         font-size: 30px;
     }
     .inserver dl dd strong span:after {
         margin-top: 10px;
     }
     .inserver dl dd strong p {
         font-size: 16px;
         margin: 20px 0;
     }
     .inserver dl dd:hover strong {
         bottom: 30px;
     }
     .btext .bname h3 {
         font-size: 50px;
     }
     .btext .bname h4 {
         font-size: 20px;
         margin: 20px 0;
     }
     .customers-data .tt span {
         font-size: 16px;
     }
     .customers-data .tt strong {
         font-size: 40px;
     }
     .customers-data {
         right: 5%;
         width: 36%;
     }
     .homenews .innewslist .inxwbb .swiper-slide p strong {
         font-size: 16px;
     }
     .homenews .innewslist .inxwbb .swiper-slide p font {
         zoom: 0.7;
     }
     .homenews .innewslist .inxwbb .swiper-slide p span {
         font-size: 12px;
     }
     .homenews .innewslist .inxwbb .swiper-slide p {
         padding: 20px;
     }
     .homenews .innewsta a {
         padding: 5px 20px;
         font-size: 12px;
     }
     .btext.articleShow .bname {
         width: 90%;
     }
     .incaase {
         padding: 60px 0 60px;
     }
     .incaase .text {
         margin-bottom: 30px;
     }
     .inlogo {
         padding-bottom: 60px;
     }
     .bannerpage .left h3 {
         font-size: 50px;
         line-height: 50px;
     }
     .bannerpage .left h4 {
         font-size: 28px;
         line-height: 28px;
         margin: 20px 0;
     }
     .bannerpage .left h5 {
         font-size: 16px;
         margin: 0 0 20px 0;
     }
     .wstip h3 {
         font-size: 40px;
         margin-bottom: 30px;
     }
     .wstip dl dd p span {
         font-size: 36px;
     }
     .wstip dl dd p {
         margin: 50px 0;
     }
     .wstip dl dd p font,
     .wstip dl dd strong {
         font-size: 14px;
     }
     .wstip dl dd {
         width: calc(23% - 60px);
         padding: 40px 30px;
     }
     .wstip {
         padding: 100px 0 0;
     }
     .techicon h6 {
         font-size: 20px;
         margin: 20px auto 0;
     }
     .techicon h3 {
         font-size: 40px;
         line-height: 40px;
     }
     .techicon .icenter dd h5 strong font {
         width: 36px;
         height: 36px;
         zoom: 0.8;
     }
     .techicon .icenter dd h5 strong font:after {
         width: 34px;
         top: 1px;
         left: 1px;
         height: 34px;
     }
     .techicon .icenter dd h5 strong span {
         font-size: 12px;
         line-height: 30px;
         margin: 0 0 0 10px;
     }
     .techicon .icenter dd h5 strong {
         margin-bottom: 10px;
     }
     .techicon .icenter dd h4 {
         font-size: 18px;
         margin-bottom: 18px;
         padding-bottom: 6px;
     }
     .techicon .icenter dd {
         width: 16%;
     }
     .webcenterpic .lf .lgiocn {
         height: 400px;
         left: -25%;
     }
     .webcenterpic .lf h4 {
         font-size: 16px;
     }
     .webcenterpic .lf h3 {
         font-size: 40px;
         margin: 20px 0;
     }
     .webcenterpic .lf dl a {
         margin: 0 12px 12px 0;
         padding: 6px 12px;
     }
     .webcenterpic .lf dl a img {
         height: 18px;
         margin-right: 4px;
     }
     .webcenterpic .lf dl a font {
         font-size: 12px;
         line-height: 20px;
     }
     .webcenterpic .rh {
         right: 100px;
     }
     .flow h4 {
         margin: 20px 0;
         font-size: 20px;
     }
     .flow h3 {
         font-size: 40px;
     }
     .flow .tta a {
         font-size: 12px;
         padding: 5px 20px;
     }
     .flow .tta {
         margin-bottom: 30px;
     }
     .flow .bba dl dd .b strong {
         font-size: 12px;
         margin: 10px 0;
         padding-left: 10px;
     }
     .flow .bba dl dd .b strong:after {
         width: 4px;
         height: 4px;
     }
     .flow .bba dl dd .t {
         font-size: 14px;
         padding-left: 30px;
         margin-bottom: 20px;
     }
     .flow .bba dl dd .s {
         margin-top: 20px;
         font-size: 12px;
         padding-left: 30px;
     }
     .flow .bba dl dd p font {
         font-size: 16px;
         margin: 20px 0;
         padding-left: 30px;
     }
     .flow .bba dl dd p span {
         font-size: 12px;
         line-height: 30px;
         width: 30px;
         height: 30px;
         zoom: 0.8;
     }
     .flow .bba dl dd p span:after {
         width: 28px;
         height: 28px;
     }
     .flow .bba dl dd p i,
     .flow .bba dl dd .b {
         padding-left: 30px
     }
     .flow .bba dl dd p font:after {}
     .flow .bba dl dd p font:after {
         width: 26px;
     }
     .webcase h3 {
         font-size: 40px;
     }
     .webcase h4 {
         font-size: 20px;
         margin: 20px 0;
     }
     .webcase {
         padding: 60px 0;
     }
     .toright,
     .toleft {
         width: calc(290px * 8 + 7 * 24px);
     }
     .resourcerow a {
         height: auto;
         margin: 0 8px;
     }
     .flow {
         padding: 100px 0 60px;
     }
     .wstip dl dd i {
         zoom: 0.8;
     }
     .webfff {
         width: 700px;
         margin-left: -350px;
         margin-top: -180px;
     }
     .webfff .ict {
         padding: 30px;
         width: calc(100% - 60px);
     }
     .webfff .ict .dr h4 {
         margin: 40px 0;
     }
     .webfff .ict .dr h3 {
         font-size: 24px;
         line-height: 30px;
     }
     .webfff .ict .dr h4 span {
         font-size: 18px;
     }
     .webfff .ict .dr h4 font {
         font-size: 36px;
     }
     .webfff .ict .dr h5 a {
         height: 30px;
         line-height: 30px;
         font-size: 12px;
         width: 100px;
         margin-right: 10px;
     }
     .webfff .ict .df dd p strong img {
         margin: 0 auto 5px;
         height: 100px;
     }
     .webfff .ict .df dd p strong font {
         font-size: 12px;
     }
     .webfff .ict .df dd .a1 {
         margin: 15px 0 0 0;
     }
     .webfff .ict .df dd span {
         font-size: 16px;
     }
 }
 .drawer-toggle,
 .drawer-hamburger,
 .drawer-nav {
     display: none;
 }
 @keyframes xb1 {
     25% {
         transform: translate(7%, -7%);
     }
     50% {
         transform: translate(14%, 0%);
     }
     75% {
         transform: translate(7%, 7%);
     }
     100% {
         transform: translate(0%, 0%);
     }
 }
 @-webkit-keyframes xb1 {
     0% {
         transform: translate(0%, 0%);
     }
     25% {
         transform: translate(7%, -7%);
     }
     50% {
         transform: translate(14%, 0%);
     }
     75% {
         transform: translate(7%, 7%);
     }
     100% {
         transform: translate(0%, 0%);
     }
 }
 /* 风格模块 */
 .painPointMain {
     overflow: hidden;
     position: relative;
     display: none;
 }
 .painPointBox {
     min-height: 100vh;
     position: relative;
 }
 .painPointTitleMain {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 15;
     background-image: url(../images/web-banner0.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
 }
 .painPointTitleMain .painPointTitle {
     left: 0px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     width: 100%;
     position: absolute;
     text-align: center;
 }
 .painPointTitleMain .painPointTitle .title {
     font-size: 85px;
     line-height: 1.2;
     font-weight: 600;
 }
 .painPointTitleMain .painPointTitle .title span {
     background-image: linear-gradient(15deg, #010101 55%, #9d5012 90%);
     -webkit-text-fill-color: transparent;
     background-clip: text;
         -webkit-background-clip: text;
 }
 .painPointTitleMain .painPointTitle .desc {
     padding-top: 15px;
     font-size: 30px;
     line-height: 1.2;
     color: #666666;
 }
 .painPointContentBox {
     min-height: 100vh;
     position: relative;
     background-image: url(../images/web-banner1.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
 }
 .painPointContentTitle {
     position: absolute;
     left: 0px;
     top: 5%;
     -webkit-transform: translateY(0%);
     -ms-transform: translateY(0%);
     transform: translateY(0%);
     width: 100%;
     text-align: center;
 }
 .painPointContentTitle .title {
     font-size: 22px;
     line-height: 1.2;
     color: #fff;
     font-weight: 600px;
 }
 .painPointContentTitle .title span {
     position: relative;
 }
 .painPointContentTitle .title span::after {
     content: '';
     opacity: 0;
     -webkit-transition: all .6s;
     transition: all .6s;
     position: absolute;
     left: -17px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     width: 12px;
     height: 12px;
     -webkit-border-radius: 100%;
     border-radius: 100%;
     background-color: #ff0000;
 }
 .painPointContentTitle .desc {
     padding-top: 15px;
     font-size: 14px;
     line-height: 1.4;
     color: #fff;
     margin: 0px auto;
 }
 .painPointContentTitle .title.active {
     font-weight: 500;
 }
 .painPointContentTitle .title.active span::after {
     opacity: 1;
 }
 .painPoint {
     padding-top: 280px;
     -webkit-transform: translateY(100%);
     -ms-transform: translateY(100%);
     transform: translateY(100%);
 }
 .painPoint .container {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
 }
 .painPoint .list {
     width: 48.35%;
     padding-top: 25px;
 }
 .painPoint .list .imgBox {
     width: 100%;
     padding-top: 410px;
     position: relative;
 }
 .painPoint .list .imgBox img {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0px;
     top: 0px;
     display: block;
     object-fit: cover;
     -webkit-border-radius: 30px 0px 0px 30px;
     border-radius: 30px 0px 0px 30px;
     -webkit-box-shadow: 0px 3px 50px rgba(0, 0, 0, 0.4);
     box-shadow: 0px 3px 50px rgba(0, 0, 0, 0.4);
 }
 .painPoint .list:nth-child(2) {
     padding-top: 0px;
     position: relative;
     z-index: 10;
     width: 51.65%;
 }
 .painPoint .list:nth-child(2) .imgBox {
     padding-top: 460px;
 }
 .painPoint .list:nth-child(2) .imgBox p {
     position: absolute;
 }
 .painPoint .list:nth-child(2) .imgBox p img {
     position: relative;
     -webkit-box-shadow: none;
     box-shadow: none;
 }
 .painPoint .list:nth-child(2) .imgBox p:nth-child(2) {
     width: 102px;
     left: -45px;
     top: 70px;
 }
 .painPoint .list:nth-child(2) .imgBox p:nth-child(3) {
     width: 92px;
     right: -35px;
     bottom: 60px;
 }
 .painPoint .list:nth-child(2) .imgBox img {
     -webkit-border-radius: 30px;
     border-radius: 30px;
 }
 .painPoint .list:nth-child(1) .content {
     padding-top: 55px;
 }
 .painPoint .list .content {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     padding-top: 30px;
 }
 .painPoint .list .content .listTitle {
     font-size: 30px;
     width: 120px;
     color: #fff;
 }
 .painPoint .list .content .desc {
     -webkit-box-flex: 1;
     -webkit-flex: 1;
     -ms-flex: 1;
     flex: 1;
     font-size: 18px;
     line-height: 30px;
     color: rgba(255, 255, 255, 0.6);
 }
 .painPoint .list .content .desc p {
     position: relative;
     padding-left: 30px;
 }
 .painPoint .list:nth-child(1) .content .desc p::after {
     content: '';
     position: absolute;
     left: 0px;
     top: 5px;
     width: 20px;
     height: 20px;
     background-image: url(../images/img2025_06.png);
     background-repeat: no-repeat;
     background-size: cover;
 }
 .painPoint .list:nth-child(2) .content .desc p::after {
     content: '';
     position: absolute;
     left: 0px;
     top: 5px;
     width: 21px;
     height: 21px;
     background-image: url(../images/img2025_07.png);
     background-repeat: no-repeat;
     background-size: cover;
 }
 .painPointMain {
     display: block;
 }
 .painPointBox {
     min-height: 100vh;
 }
 .painPointTitleMain .painPointTitle .title {
     font-size: 4.427vw;
 }
 .painPointTitleMain .painPointTitle .desc {
     padding-top: 0.782vw;
     font-size: 1.563vw;
 }
 .painPointContentBox {
     min-height: 100vh;
 }
 .painPointContentTitle .title {
     font-size: 0.6rem;
     margin-bottom: 0.2rem;
     background: linear-gradient(to right, #178cde 15%, #00ffe4 30%, #178cde 55%, #00ffe4 80%, #178cde 95%);
     background-size: 200% auto;
     background-clip: text;
     text-fill-color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     animation: shine 5s linear infinite;
 }
 .painPointContentTitle .title span::after {
     left: -0.886vw;
     width: 0.625vw;
     height: 0.625vw;
 }
 .painPointContentTitle .desc {
     padding-top: 0.782vw;
     font-size: 0.18rem;
     max-width: 62.5vw;
 }
 .painPoint {
     padding-top: 2.2rem;
     -webkit-transform: translateY(100%);
     -ms-transform: translateY(100%);
     transform: translateY(100%);
 }
 .painPoint .container {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
 }
 .painPoint .list {
     width: 48.35%;
     padding-top: 1.563vw;
 }
 .painPoint .list .imgBox {
     width: 100%;
     padding-top: 4.2rem;
 }
 .painPoint .list .imgBox img {
     -webkit-border-radius: 1.875vw 0vw 0vw 1.875vw;
     border-radius: 1.875vw 0vw 0vw 1.875vw;
     -webkit-box-shadow: 0vw 0.188vw 3.125vw rgba(0, 0, 0, 0.4);
     box-shadow: 0vw 0.188vw 3.125vw rgba(0, 0, 0, 0.4);
 }
 .painPoint .list:nth-child(2) {
     width: 51.65%;
 }
 .painPoint .list:nth-child(2) .imgBox {
     padding-top: 5rem;
 }
 .painPoint .list:nth-child(2) .imgBox p:nth-child(2) {
     width: 6.375vw;
     left: -2.813vw;
     top: 4.375vw;
 }
 .painPoint .list:nth-child(2) .imgBox p:nth-child(3) {
     width: 5.75vw;
     right: -2.188vw;
     bottom: 3.75vw;
 }
 .painPoint .list:nth-child(2) .imgBox img {
     -webkit-border-radius: 1.875vw;
     border-radius: 1.875vw;
 }
 .painPoint .list:nth-child(1) .content {
     padding-top: 3.438vw;
 }
 .painPoint .list .content {
     padding-top: 1.875vw;
 }
 .painPoint .list .content .listTitle {
     font-size: 1.875vw;
     width: 7.5vw;
 }
 .painPoint .list .content .desc {
     -webkit-box-flex: 1;
     -webkit-flex: 1;
     -ms-flex: 1;
     flex: 1;
     font-size: 0.16rem;
     line-height: 1.875vw;
 }
 .painPoint .list .content .desc p {
     padding-left: 1.875vw;
 }
 .painPoint .list:nth-child(1) .content .desc p::after {
     top: 0.313vw;
     width: 1.25vw;
     height: 1.25vw;
 }
 .painPoint .list:nth-child(2) .content .desc p::after {
     top: 0.313vw;
     width: 1.313vw;
     height: 1.313vw;
 }
 .icons {
     display: flex;
     justify-content: center;
     opacity: 0;
     margin-top: 0.2rem;
 }
 .icons p {
     width: 40px;
     height: 40px;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     z-index: 2;
 }
 .icons span {
     width: 100%;
     height: 100%;
     border-radius: 50%;
     border: 2px solid #9e8ded;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     z-index: 2;
 }
 .icons span svg path {
     fill: #9e8ded;
 }
 .icons span svg {
     width: 12px;
     height: 12px;
     animation: scl2 2s forwards linear infinite;
 }
 .icons p::before {
     content: '';
     width: 100%;
     height: 100%;
     border: 2px solid #178cde;
     border-radius: 50%;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     animation: scl 2s linear infinite;
     z-index: -1;
 }
 .icons p::after {
     content: '';
     width: 100%;
     height: 100%;
     border: 2px solid #0e4985;
     border-radius: 50%;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     animation: scl 2s linear infinite;
     z-index: -1;
 }
 @keyframes scl {
     0% {
         transform: translate(-50%, -50%) scale(1);
         opacity: 1;
     }
     100% {
         transform: translate(-50%, -50%) scale(2);
         opacity: 0;
     }
 }
 @keyframes scl2 {
     0% {
         transform: translateY(0) rotateZ(90deg);
     }
     50% {
         transform: translateY(3px) rotateZ(90deg);
     }
     100% {
         transform: translateY(0) rotateZ(90deg);
     }
 }
 .customP5 .wal {
     justify-content: space-between;
     -webkit-justify-content: space-between;
     display: flex;
     width: 80%;
     align-items: center;
     margin: auto;
 }
 .customP5 {
     height: 9.3rem;
     position: relative;
     top: 5rem;
 }
 .customP5 .leftCon {
     width: 5.8rem;
     position: relative;
     z-index: 1;
     text-align: left;
 }
 .customP5 .txt {
     font-size: 0.6rem;
     line-height: 0.6rem;
     padding-bottom: 0.2rem;
     background: linear-gradient(to right, #178cde 15%, #00ffe4 30%, #178cde 55%, #00ffe4 80%, #178cde 95%);
     background-size: 200% auto;
     background-clip: text;
     text-fill-color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     animation: shine 5s linear infinite;
 }
 .customP5 .wen {
     font-size: 0.36rem;
     line-height: 0.36rem;
     color: #fff;
     position: relative;
     padding-bottom: 0.05rem;
     font-family: light;
     margin-top: 0.2rem;
 }
 .customP5 .wen:after {
     content: '';
     position: absolute;
     left: 0;
     bottom: 0;
     width: 1.85rem;
     height: 0.1rem;
     background: #ed251b;
 }
 .customP5 .wen em {
     position: relative;
     z-index: 1;
 }
 .customP5 .msg {
     font-size: 0.18rem;
     line-height: 0.32rem;
     color: #333;
     font-family: light;
     padding-top: 0.5rem;
 }
 .customP5 .rightDiv {
     width: 7.35rem;
     height: 6.12rem;
     position: relative;
     z-index: 1;
 }
 .customP5 .rightDiv li {
     position: absolute;
     width: 3.25rem;
     height: 3.25rem;
     font-weight: bold;
     color: #fff;
     text-align: center;
     font-size: 0.24rem;
     line-height: 0.3rem;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     flex-direction: column
 }
 .customP5 .rightDiv li.left {
     left: 0;
     top: 50%;
     margin-top: -1.62rem;
     background: url(../images/nimg325Bg4.png) no-repeat;
     background-size: 100%;
     z-index: 2;
 }
 .customP5 .rightDiv li.right {
     right: 0;
     top: 50%;
     margin-top: -1.62rem;
     background: url(../images/nimg325Bg2.png) no-repeat;
     background-size: 100%;
     z-index: 2;
 }
 .customP5 .rightDiv li.top {
     color: #333;
     left: 50%;
     top: 0;
     margin-left: -1.62rem;
     background: url(../images/nimg325Bg3.png) no-repeat;
     background-size: 100%;
     z-index: 1;
 }
 .customP5 .rightDiv li.bottom {
     color: #333;
     left: 50%;
     bottom: 0;
     margin-left: -1.62rem;
     background: url(../images/nimg325Bg.png) no-repeat;
     background-size: 100%;
     z-index: 3;
 }
 .customP5 .rightDiv li b {
     display: block;
     font-size: 0.18rem;
 }
 .section {
     width: 100%;
     height: calc(100vh - 64px);
     display: flex;
     justify-content: center;
     font-size: 1.5em;
     text-align: center;
     position: relative;
     box-sizing: border-box;
     background: var(--color-grey);
     overflow: hidden;
     border-radius: 10px;
 }
 .section-content {
     width: 100%;
 }
 .section-inner {
     height: 100vh;
     overflow: hidden;
     display: flex;
     align-items: center;
     background: url(../images/web-banner.jpg);
     background-size: cover;
 }
 .section-inner h3,
 .section-inner h4 {
     font-size: 0.6rem;
     line-height: 0.6rem;
     text-align: left;
     padding-bottom: 0.2rem;
     background: linear-gradient(to right, #178cde 15%, #00ffe4 30%, #178cde 55%, #00ffe4 80%, #178cde 95%);
     background-size: 200% auto;
     background-clip: text;
     text-fill-color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     animation: shine 5s linear infinite;
 }
 .section-inner p {
     color: #fff;
     text-align: left;
     font-size: 0.26rem;
     line-height: 0.7rem;
     margin-top: 0.6rem;
 }
 .section-inner .webtit {
     position: relative;
     font-size: 0.30rem;
 }
 .section-inner .webtit::after {
     content: '';
     position: absolute;
     left: 0;
     bottom: 7px;
     width: 1.18rem;
     height: 0.05rem;
     background: #ed251b;
 }
 .section-inner img {
     width: 100%;
     height: 100vh;
 }
 .section-content-l {
     width: 40%;
     margin-left: 10%;
 }
 .section-content-r {
     width: 60%;
     margin-left: 10%;
 }
 .section-content-r video {
     width: 100%;
 }
 .section-2 .section-inner {
     height: auto;
     padding-bottom: 20vh;
 }
 .section-2 {
     background: var(--color-scroll-pink-lt);
     color: var(--dark);
 }
 .section-1 {
     background: var(--light);
     color: var(--dark);
 }
 .section-4 {
     background: var(--color-text-purple);
     color: var(--dark);
 }
 .height {
     border: dashed 2px grey;
     padding: 1rem;
     padding-bottom: 5rem;
 }
 .section h1 {
     font-size: max(4rem, min(12vw + 1rem, 16rem));
     font-weight: 600;
     margin: 0 auto;
 }
 .icon img {
     width: 0.2rem;
 }
  @media only screen and (max-width: 800px) {
     .webfff,
     .fkc {
         display: none !important;
     }
     .drawer--right .drawer-hamburger,
     .drawer--right.drawer-open .drawer-nav,
     .drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
         right: 20px;
         background-color: none;
     }
     .drawer-toggle,
     .drawer-hamburger {
         display: block;
         width: 30px;
         height: 30px;
         padding: 0;
         margin: 0;
     }
     .drawer-hamburger-icon,
     .drawer-hamburger-icon:after,
     .drawer-hamburger-icon:before {
         color: #fff;
         background: #fff;
     }
     .drawer-hamburger-icon {}
     .drawer-hamburger-icon:after {}
     .drawer-hamburger-icon:before {}
     .drawer--right.drawer-open .drawer-nav {
         right: 0;
         background: rgba(0, 0, 0, 0.9);
     }
     .drawer-menu {
         width: 80%;
         margin: 100px auto;
     }
     .drawer-menu li {
         border-bottom: 1px solid #343434;
         padding: 5px;
         overflow: hidden;
         display: block;
         margin-bottom: 20px;
     }
     .drawer-menu li>a {
         color: #fff;
         font-size: 20px;
         display: block;
     }
     .mnli .sj {
         display: inline-block;
         width: 0;
         height: 0;
         margin-left: 4px;
         -webkit-transition: -webkit-transform .5s ease, opacity .5s ease;
         transition: transform .5s ease, opacity .5s ease;
         -webkit-transform: rotate(0);
         transform: rotate(0);
         vertical-align: middle;
         border-top: 4px solid;
         border-right: 4px solid transparent;
         border-left: 4px solid transparent;
         color: inherit;
     }
     .drawer-menu li .mlist {
         padding: 10px;
         overflow: hidden;
         display: none;
     }
     .drawer-menu li .mlist a {
         display: block;
         font-size: 14px;
         background: rgba(0, 0, 0, 0.9);
         border-radius: 2rem;
         margin: 5px 0;
         padding: 10px 20px;
     }
     .abbannert {
         padding-top: 100px;
     }
     .aaawrap {
         display: none;
     }
     .aaawrapsj {
         display: flex;
     }
     .drawer-toggle,
     .drawer-hamburger,
     .drawer-nav {
         display: block;
     }
     .banner .mbarbg {
         display: block;
     }
     .akt {
         border-radius: 10px;
     }
     .newsshow .tt h4 font {
         font-size: 12px;
         margin-right: 10px;
     }
     .newsshow .tt {
         padding: 100px 0 60px;
     }
     .icenter,
     .pcheader .ic,
     .ccform .icenter,
     .casebgbt dl .txt,
     .pctt h4,
     .techicon h6 {
         width: 94%;
     }
     .bannerpage .left h3 {
         font-size: 30px;
     }
     .pctt h3,
     .casebgbt dl .txt h4,
     .caseshowbottom h3,
     .inserver .text strong,
     .inserver dl dd strong span,
     .incaase .text strong,
     .incompany dt strong,
     .wstip h3,
     .wstip dl dd p span,
     .techicon h3,
     .webcase h3,
     .flow h3,
     .webcenterpic .lf h3,
     .homenews h3 {
         font-size: 30px;
     }
     .incompany dt strong {
         font-size: 34px;
     }
     .bannercase .icenter p,
     .incompany dt font,
     .bannerpage .left h4,
     .ws2tip .icenter h4 {
         font-size: 18px;
     }
     .pctt h4,
     .incaase .text span,
     .inserver .text span,
     .incompany dt span,
     .webcase h4,
     .flow h4 {
         font-size: 16px;
     }
     .inserver dl dd strong p,
     .incompany .num dd strong,
     .incompany .num dd p font,
     .techicon h6 {
         font-size: 14px;
     }
     .npb .np span {
         font-size: 12px;
     }
     .pcaa a {
         padding: 6px 20px;
         margin-right: 6px;
         font-size: 12px;
     }
     .fy {
         padding: 30px 0;
     }
     .fy span,
     .fy a {
         width: 32px;
         margin: 0 10px;
         line-height: 32px;
         height: 32px;
     }
     .newsshow .tt h3 {
         font-size: 26px;
         line-height: 31px;
         text-align: left;
         margin: 30px 0;
     }
     .npb .np p {
         max-width: 120px;
         font-size: 12px;
         margin-top: 0px;
     }
     .npb .bl {
         line-height: 40px;
         width: 40px;
         height: 40px;
         font-size: 12px;
     }
     .pagenews dl a,
     .newslist a {
         width: 100%;
         margin-bottom: 20px;
     }
     .pagenews dl a dd,
     .newslist a p {
         background: rgba(10, 31, 58, 0.9);
     }
     .ablogo dl dd {
         margin: 0 1% 1% 0;
         width: 24.25%;
     }
     .ablogo dl dd:nth-child(4n) {
         margin-right: 0;
     }
     .wzbg h4 {
         width: 100%;
         line-height: 24px;
     }
     .wzbg {
         padding: 40px 0;
     }
     .iclist a,
     .iclist a:nth-child(3n),
     .caseshowbottom dl a {
         float: none;
         width: 94%;
         margin: 0 auto 20px;
         position: relative;
         border-radius: 1rem;
         top: 0 !important;
     }
     .pcaa {
         margin-bottom: 50px;
     }
     .pagecase {
         padding: 0px 0 60px;
     }
     .iclist {
         width: 100%;
         padding-bottom: 30px;
     }
     .casepageshow .txt {
         margin-bottom: 50px;
     }
     .casepageshow .txt h3 {
         display: block;
         float: none;
         width: 100%;
         font-size: 30px;
     }
     .casepageshow .txt h4 {
         float: none;
         width: 100%;
         font-size: 16px;
         margin-top: 0;
         line-height: 26px;
     }
     .casepageshow .designpic video,
     .casepageshow .designpic img {
         max-width: 100%;
     }
     .caseshowbottom {
         width: 94%;
     }
     .sbtl strong {
         font-size: 30px;
         margin-bottom: 10px;
     }
     .sbtl .fa {
         float: left;
         margin-right: 16px;
         width: 26px;
         height: 26px;
         line-height: 26px;
         font-size: 12px;
     }
     .sbtl span {
         float: left;
         margin-right: 16px;
         font-size: 14px;
         line-height: 26px;
     }
     .sbtl .fa-eye {
         width: auto;
         margin-right: 0;
     }
     .sbtl dd {
         margin-right: 16px;
         float: left;
     }
     .sbtl dd .fa {
         margin-right: 0;
     }
     .sbtl {
         margin: 30px auto 0;
         padding-bottom: 30px;
     }
     .bannercase .lgiocn {
         height: 30%;
         left: -12%;
     }
     .bannercaseshow .icenter {}
     .bannercaseshow .icenter h3,
     .bannercaseshow .icenter h4,
     .bannercaseshow .icenter p {
         width: 100%;
     }
     .bannercase .icenter p {
         margin-bottom: 50px;
     }
     .bannercaseshow .imgrh {
         position: relative;
         top: auto;
         width: 100%;
         right: auto;
         transform: initial;
         border-radius: 10px;
     }
     .homenews .innewsta a {
         padding: 5px 12px;
         margin-right: 12px;
     }
     .inserver dl {
         width: 70%;
         top: 0 !important;
         margin: 0 auto 30px;
     }
     .inserver dl dd strong {
         left: 30px;
         width: calc(100% - 60px);
     }
     .incompany .num dd,
     .incompany .num dd p {
         text-align: center;
     }
     .incompany .num dd {
         margin-bottom: 20px;
     }
     .container666 {
         zoom: 0.2;
     }
     .banner .txt h3 {
         font-size: 40px;
         margin-bottom: 0px;
     }
     .banner .txt h4 {
         font-size: 20px;
         margin: 20px auto 30px;
     }
     .index-milepost-text-swiper {
         width: 100% !important;
     }
     .index-milepost-text-swiper .t2 span {
         width: 80px;
     }
     .index-milepost-text-swiper .t2 span i {
         font-size: 18px;
     }
     .hlist {
         overflow: inherit;
     }
     .index-milepost-text-swiper,
     .index-milepost-swiper {
         overflow: hidden;
     }
     .hlist .tpa {
         top: -100px;
     }
     .abbanner .lfex .absvg,
     .wzbg .absvg,
     .ablogo .absvg,
     .history .absvg {
         display: none;
     }
     .abgl {
         height: 70vh;
     }
     .abpenum {
         padding: 30px 0;
         margin-top: 0;
     }
     .abbanner .lfex h3 span {
         width: 100%;
         font-size: 16px;
         line-height: 24px;
     }
     .abpenum .num dd p span {
         font-size: 60px;
     }
     .abbanner .lfex h3 strong {
         margin-top: 40px;
     }
     .nmnoo {
         transform: rotate(0deg) scale(1.05);
     }
     .history {
         padding-bottom: 0;
     }
     .wstip dl dd p span {
         font-size: 28px;
     }
     .option2323 {
         height: 26%;
     }
     .wstip dl dd {
         float: left;
         width: calc(49% - 42px);
         margin: 0 2% 2% 0;
         padding: 30px 20px;
     }
     .wstip dl dd:nth-child(2n) {
         margin-right: 0;
     }
     .wstip dl dd p {
         margin: 20px 0;
     }
     .techicon .icenter {
         display: flex;
         display: -webkit-flex;
         -webkit-flex-wrap: wrap;
         flex-wrap: wrap;
         overflow: hidden;
     }
     .techicon .icenter dd {
         float: left;
         width: 50%;
     }
     .webcenterpic {
         overflow: hidden;
     }
     .webcenterpic .lf {
         position: relative;
         width: 100%;
         transform: inherit;
         padding-top: 50px;
     }
     .webcenterpic .rh {
         right: auto;
         width: 100%;
         margin: 50px 0 0 0;
         overflow: hidden;
     }
     .webcenterpic .rh dd,
     .webcenterpic .rh dd:nth-child(2n) {
         width: 80%;
         margin: 30px auto;
     }
     .flow .tta a {
         margin-right: 10px;
         padding: 5px 10px;
     }
     .flow .bba dl {
         width: 800px;
     }
     .flow .bba {
         overflow-x: auto;
         padding-bottom: 20px;
     }
     .toright,
     .toleft {
         width: calc(180px * 8 + 7 * 24px);
     }
     .webcenterpic .lf .lgiocn {
         height: 200px;
     }
     .bannerpage .right {
         top: 23%;
        width: 97%;
        transform: rotateX(13deg) rotateY(2deg) rotateZ(18deg);
     }
     .ws2tip .icenter dl dd:last-child {
         display: none;
     }
     .ws2tip .icenter dl dd {
         width: 32%;
     }
     .ws2tip dl dd:nth-child(2n) {
         margin-right: 2%;
     }
     .ws2tip dl dd:nth-child(3n) {
         margin-right: 0;
     }
     .webcenterpic2 .rhyd dd,
     .webcenterpic2 .rh dd:nth-child(2n) {
         width: 100%;
         margin: 30px 0;
     }
     .webcenterpic2 .icenter .rh dl:nth-child(2n) {
         margin-top: 50px;
     }
     .bannermore .a1,
     .banner .bannermore .a1 {
         height: 60px;
     }
     .inlogo .la dl {
         animation-duration: inherit !important;
     }
     .inlogo .gd2 {
         left: -100px;
     }
     .painPointTitleMain .painPointTitle .title span{
        font-size: 30px;
     }
     .painPointTitleMain .painPointTitle .desc{
               font-size: 14px;
        text-align: left;
        line-height: 30px;
        max-width: 95%;
        margin-top: 27px;
     }
     .painPointContentTitle .title{
        font-size: 24px;
     }
     .painPointContentTitle .desc{
           font-size: 14px;
        text-align: left;
        line-height: 30px;
        max-width: 95%;
        margin-top: 20px;
     }
     .painPoint{
        position: absolute;
        bottom: 10%;
        width: 100%;
     }
    .painPoint .list .content .listTitle{
               font-size: 20px;
        width: 100%;
        text-align: center;
    }
    .painPoint .list:nth-child(1) .content .desc p::after {
    top: 0.313vw;
    width: 14px;
    height: 14px;
    top: 17px;
}
  .painPoint .list:nth-child(2) .content .desc p::after {
    top: 0.313vw;
    width: 14px;
    height: 14px;
    top: 17px;
}
.painPoint .list .content .desc p {
    display: none;
}
.painPoint .list .content .desc{
    font-size: 12px;
    line-height: 26px;
}
.webcase .box{
    padding: 0 4%;
    margin-bottom: 10px;
}
.customP5 .wal{
   display: block;
}
.customP5 .leftCon{
  width: 100%;
        margin: 50px 0;
}
.customP5 .rightDiv{
        position: relative;
    left: -38px;
}
.box p{
    font-size: 14px;
    line-height: 20px;
}
.section-inner{
    display: block;
}
.section-content-l{
       width: 84%;
    padding: 36px 0;
    margin: 0 auto;
}
.section-inner img{
    height: auto;
}
.section-content-r{
    width: 100%;
    margin-left: 0;
}
.box h2{
    font-size: 22px;
}   

 }