body{padding-top:70px}
.header-z.header{background-color: #fff;}
.header{position:fixed;line-height:70px;top:0;left:0;right:0;z-index:99;background-image:url(../images/bg-b801.png);height:70px;transition:.5s;padding:0 60px;box-shadow:0 1px 12px 0 rgb(67 71 77 / 20%);background-color:#fff}
.logo-z{float:left;height:70px;line-height:70px;transition:.5s;margin-right:50px}
.logo-z img{ display: inline-block;vertical-align: middle;width: 111px;height:auto;}
/* .logo-z img{ display: inline-block;vertical-align: middle;width: 111px;height:32px;} */
.nav-z{float:left;display:inline-block}
.nav-z li{float:left;position:relative;margin:0 20px}
.nav-z li a{display:block;color:#718194;height:100%;line-height:70px;box-sizing:border-box}
.nav-z li a span{font-size:14px;line-height:2.2;display:inline-block;position:relative}
.nav-z .on a span::after,.nav-z li a:hover span::after{opacity:1}
.nav-z .on a,.nav-z li a:hover{color:#e23c30;font-weight:700}
.nav-z li a span::after{position:absolute;bottom:0;left:0;width:100%;content:"";display:block;height:2px;background:#e23c30;opacity:0;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.g-btn-h{float:right}
.g-btn-h a{margin:0;width:88px;height:32px;line-height:32px;padding:0;text-align:center;display:inline-block;background:#fff;border:1px solid #dcdfe6;color:#606266;font-size:14px;border-radius:4px}
.g-btn-h .login-btn{background:#e23c30;border-color:#e23c30;color:#fff}
.footer .container{background:#252525;box-sizing:border-box;padding:20px 0 40px;display:flex;justify-content:center}
.footer .content-list{font-size:14px;margin:34px 60px 14px 0;padding-left:40px}
.footer .content-item a{display:block;font-size:15px;line-height:1.4 ;margin-bottom:15px;color:#fff}
.footer .content-item:first-child a{font-size:16px;}
.footer .qrcode-box{margin-top:40px;margin-left:60px}
.footer .logo{width:111px;height:32px;margin-bottom:15px;float:none;margin-right:0}
.footer .qrcode{width:110px;height:110px}
.footer .copyright-section{background:#19191a;color:#fff;font-size:12px;padding:20px 0;box-sizing:border-box}
.footer .copyright{width:100%;text-align:center;margin-bottom:10px;color:#fff;display:block}
.footer .public{display:flex;align-items:center;justify-content:center}
.footer .public{color:#fff}
.footer .public img{width:20px;height:20px}
.wp{width:1200px;height:100%;margin:0 auto}
.banner-index{width:100%;background-repeat:no-repeat;background-size:cover;height:548px;position:relative;background-position:center center}
.banner-index .slick-track ,
.banner-index .slick-slide ,
.banner-index .slick-list {
  height: 100%;
}
.banner-index .slick-slide {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center center;
}
.banner-index .text{width:100%;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);left:0}
.banner-index .tit{font-size:50px;color:#272729;line-height:1.4;font-weight:700;width:480px;margin-bottom:30px}
.banner-index .desc{font-size:22px;color:#333;line-height:1.4}
.m-value{padding-bottom:80px}
.m-value .g-tit{margin-bottom:50px}
.g-tit{padding-top:60px;text-align:center}
.g-tit .tit{line-height:45px;font-size:34px;font-weight:700;color:#333}
.ul-value{margin:0 -12px}
.ul-value li{float:left;width:33.3%}
.ul-value .con{margin:0 12px;display:block;background:#fff;box-shadow:0 0 20px 0 rgb(224 219 219 / 65%);border-radius:4px;padding:20px 0;box-sizing:border-box;text-align:center}
.ul-value .pic{display:inline-block;width:165px;height:145px;margin-bottom:10px}
.ul-value .tit{font-size:18px;font-weight:700;line-height:1.4;color:#333;margin-bottom:30px}
.ul-value .desc{padding:0 50px;font-size:14px;color:#95a1af;line-height:25px;height:50px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m-electron{width:100%;height:730px;background-image:url(../static/img/open-bj.193a60d9.png);background-size:cover;background-repeat:no-repeat;background-position:center center}
.m-electron .g-tit-w{margin-bottom:56px}
.g-tit-w .tit{color:#fff;margin-bottom:10px}
.g-tit-w .info{color:#fff}
.ul-electron{display:flex;align-items:center;justify-content:center}
.ul-electron li{width:32%}
.ul-electron .con{text-align:center;background-color:#061123;height:330px;position:relative;transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s}
.ul-electron .box{position:absolute;top:50%;width:100%;left:0;padding:0 38px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}
.ul-electron .pic{margin-bottom:34px}
.ul-electron .pic img{width:120px;height:140px;display:inline-block}
.ul-electron .tit{font-size:24px;line-height:1.4;font-weight:700;color:#fff;margin-bottom:20px}
.ul-electron .desc{font-size:14px;color:#566271;line-height:25px;display:none}
.ul-electron .on{width:36%}
.ul-electron{height:452px}
.ul-electron .on .con{background-color:#fff;height:452px}
.ul-electron .on .tit{color:#000}
.ul-electron .on .desc{display:block}
.m-service-t{padding-bottom:100px;overflow:hidden}
.m-service-t .g-tit{margin-bottom:40px}
.m-service-t .item{height:160px;float:left;width:50%;padding:20px 56px 0;margin-bottom:10px}
.m-service-t .item1{float:none;width:100%;height:230px;background-size:cover;background-position:center center;background-repeat:no-repeat;padding-right:35%;margin-bottom:20px;border-bottom:1px solid #ece6e6}
.m-service-t .item2{border-right:1px solid #ece6e6}
.m-service-t .item .tit{font-weight:700;font-size:18px;color:#000;text-align:left;margin-bottom:30px;padding-left:10px;position:relative}
.m-service-t .item .tit::after{position:absolute;content:"";width:4px;height:100%;background:#e23c30;left:1px;bottom:0;margin-right:5px}
.m-service-t .desc{font-size:14px;color:#566271;line-height:25px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.m-service-t .item1 .desc{-webkit-line-clamp:5}
.m-service{padding-bottom:60px}
.m-service .g-tit{margin-bottom:40px}
.ul-service{margin:0 -10px}
.ul-service li{float:left;width:25%}
.ul-service .con{margin:0 10px;background:#fff;box-shadow:0 0 20px 0 rgb(224 219 219 / 65%);border-radius:4px;height:239px;background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative}
.ul-service .box{padding:0 24px;position:absolute;top:50%;width:100%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);padding-bottom:10px}
.ul-service .tit{font-size:18px;font-weight:700;line-height:1.4;color:#333;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.ul-service .desc{font-size:14px;color:#95a1af;line-height:25px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;height:100px;margin-bottom:10px}
.ul-service .btn{ display:inline-block; width:112px; height:32px; border:1px solid #e23c30; text-align:center; line-height:32px; font-size:14px; color:#e23c30; transition:.3s ; -webkit-transition:.3s ; -moz-transition:.3s ; -ms-transition:.3s ; -o-transition:.3s ; }
/* .ul-service li:first-child .con{text-align:center}
.ul-service li:first-child .tit{font-size:18px;color:#fff;line-height:1.4;margin-bottom:48px}
.ul-service li:first-child .desc{font-size:20px;font-weight:700;color:#fff;height:auto;line-height:1.4;margin-bottom:25px}
.ul-service li:first-child .btn{border-color:#fff;color:#fff;cursor:pointer} */
.ul-service .btn:hover{background-color: #e23c30; color: #fff;}
.m-case .g-tit{margin-bottom:60px}
.ul-case{margin:0 -10px}
.ul-case li{float:left;width:25%}
.ul-case .pic{display:inline-block;margin-bottom:20px}
.ul-case .pic img{width:100px;height:70px}
.ul-case .con{margin:0 10px;display:block;box-shadow:0 0 20px 0 rgb(0 0 0 / 8%);height:304px;text-align:center;position:relative}
.ul-case .box{position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}
.ul-case .tit{font-size:18px;color:#000;line-height:1.4}
.ul-case .desc{font-size:14px;color:#95a1af;margin-top:30px;padding:0 40px;text-align:center;line-height:25px;display:-webkit-box;-webkit-line-clamp:3;height:75px;-webkit-box-orient:vertical;overflow:hidden}
.row-z06{padding-bottom:120px}
.g-join-us{width:100%;height:221px;background-repeat:no-repeat;background-size:cover;text-align:center;display:flex;align-items:center}
.g-join-us .box{width:100%}
.g-join-us .tit{font-size:26px;color:#fff;line-height:1.4}
.g-join-us .btn{display:inline-block;width:160px;height:48px;background:linear-gradient(90deg,#e23c30,#f48178);border-radius:4px;font-size:16px;color:#fff;text-align:center;line-height:48px;margin-top:35px;cursor:pointer}
@media only screen and (max-width:1440px){
.wp{width:90%}
.banner-index{height:38.05vw}
.banner-index .tit{font-size:3.472vw;width:45%;margin-bottom:2.083vw}
.m-value .g-tit{margin-bottom:3.472vw}
.m-value{padding-bottom:5.555vw}
.g-tit{padding-top:4.166vw}
.g-tit .tit{line-height:3.125vw;font-size:2.361vw;font-weight:700}
.m-electron{height:50.69vw}
.ul-electron .con{height:22.91vw}
.ul-electron{height:31.38vw}
.ul-electron .on .con{height:31.38vw}
.m-service .g-tit,.m-service-t .g-tit{margin-bottom:2.777vw}
.m-service-t{padding-bottom:6.944vw}
.m-service{padding-bottom:4.166vw}
.row-z06{padding-bottom:7vw}
.ul-service .tit{font-size:16px}
.banner-index .desc{font-size:1.527vw}
.g-join-us{height:15.34vw}
.g-join-us .btn{width:11.11vw;height:3.333vw;border-radius:.277vw;font-size:1.111vw;line-height:3.333vw;margin-top:2.43vw}
.g-join-us .tit{font-size:1.805vw}
.ul-electron .tit{font-size:1.666vw;margin-bottom:10px}
.m-electron .g-tit-w{margin-bottom:3.888vw}
.footer .content-list {
  margin: 2.361vw 4.166vw 0.972vw 0;
  padding-left: 2.777vw;
}
}

@media only screen and (max-width:1199px){
  .footer .container{
    display: none;
  }
.body-z {padding-top: 50px;}
.header{height:50px;line-height:50px;background-color:#fff;padding:0 15px;transition:.3s;border-bottom:1px solid #ece6e6}
.g-btn-h{margin-right:40px}
.header-z.header{height: 50px;line-height: 50px;}
.g-btn-h a{width:66px;height:24px;line-height:24px;font-size:12px}
.header::after{display:none}
.wp{padding:0 15px;width:100%}
.menuBtn-z{display:block}
.logo-z{line-height:50px;height:50px;width:auto;margin:0}
/* .logo-z img{width:90px;height:25px} */
.logo-z img{width:90px;height:auto}
.h-r{display:none;float:none;margin:0;position:fixed;top:50px;left:0;right:0;bottom:0;z-index:10;overflow-y:auto;padding:10px 0;background:#fff;transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none}
.nav-z{float:none;display:block;margin-bottom:30px;margin-right:0}
.nav-z li{padding:0;float:none}
.nav-z li .v1{font-size:16px;padding:5px;padding:0 15px;line-height:40px;color:#333}
.nav-z .sub .v2{text-align:left;padding-left:20px;background-color:#fff;border-bottom:1px solid transparent;color:#333;line-height:30px}
.nav-z .sub{position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;width:auto;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:0}
.nav-z .ok .v1,.nav-z .on .v1,.nav-z .v1:hover{border-bottom:1px solid transparent;background-color:transparent}
.nav-z .dropIcon{display:inline-block}
.nav-z .dropIcon{position:absolute;top:3px;right:22px}
.header.fixed{box-shadow:none;background-color:#fff}
.ul-electron .box{padding:0 20px}
.ul-electron .pic{margin-bottom:20px}
.ul-electron .pic img{width:96px;height:112px}
.footer .content-list{margin:0;margin-right:30px}
}
@media only screen and (max-width:959px){
.banner-index .tit{font-size:26px}
.banner-index .desc{font-size:14px}
.g-tit .tit{font-size:20px;line-height:1.4}
.ul-value .pic{width:135px;height:120px}
.ul-value .tit{font-size:16px;margin-bottom:15px}
.ul-value .desc{padding:0 20px}
.ul-case li,.ul-service li{width:50%;margin-bottom:20px}
.m-service-t .item{float:none;width:100%;padding-left:0;border-bottom:1px solid #ece6e6}
.m-service-t .item2{border-right:none}
.m-service-t .item .tit{margin-bottom:15px;font-size:16px}
.m-electron{height:500px}
.ul-electron .con{height:250px}
.ul-electron{height:320px}
.ul-electron .on .con{height:320px}
.ul-electron .tit{font-size:16px}
.ul-case .con{height:240px}
.ul-case .desc{margin-top:15px}
.ul-case .pic{margin-bottom:10px}
.ul-case .tit{font-size:16px}
.g-join-us .tit{font-size:18px}
.g-join-us .btn{width:120px;height:36px;line-height:36px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;font-size:16px;margin-top:15px}
.footer .container{display:none}
.footer .content-list{padding-left:20px}
.footer .qrcode-box{overflow:hidden;margin-left:0}
}
@media only screen and (max-width:767px){
/* .banner-index{height:280px} */
.banner-index .tit{font-size:22px}
.g-tit{padding-top:20px}
.m-value{padding-bottom:10px}
.m-value .g-tit{margin-bottom:20px}
.ul-value li{width:100%;margin-bottom:20px}
.m-electron{height:auto}
.ul-electron{display:block;padding-bottom:10px}
.ul-electron .on,.ul-electron li{width:100%;margin-bottom:20px}
.ul-electron .con{height:220px}
.ul-electron{height:300px}
.ul-electron .on .con{height:300px}
.m-service .g-tit,.m-service-t .g-tit{margin-bottom:20px}
.m-service-t{padding-bottom:40px}
.ul-case li,.ul-service li{width:100%}
.ul-service li:first-child .tit{font-size:16px}
.ul-service li:first-child .desc{font-size:18px}
.m-service-t .item{height:auto;padding-bottom:10px}
.m-service-t .item{padding:15px}
.ul-electron{height:auto}
.m-service-t .desc{display:block}
.m-case .g-tit{margin-bottom:20px}
.g-join-us{height:150px}
.g-tit .tit{font-size:18px}
.banner-index .tit{width:80%}
.g-join-us .tit{font-size:16px}
.header{padding:0 10px}
.wp{padding:0 10px}
.footer .container{overflow:hidden;padding-bottom:0}
.footer .content-list{float:left;width:50%;margin-bottom:15px;margin-right:0}
.footer .content-item a{margin-bottom:8px;font-size:14px}
.footer .copyright-section{padding:15px 10px}
.footer .qrcode-box{width:100%;padding-bottom:20px}
.footer .qrcode-box img{margin:0 auto}
.footer .qrcode-box .logo{margin-bottom:10px}
.nav-z li{margin:0}
}