@charset "utf-8";
.clearfix {zoom:1;}
.clearfix:after {content:" ";display:block;font-size:0;height:0;clear:both;visibility:hidden;}
.clear {clear:both;}
.marginauto {position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;}
.linenowrap {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.flexCetween {display:flex;display:-webkit-flex;display:-moz-flex;justify-content:space-between;-webkit-justify-content:space-between;}
.flexAlign {display:flex;display:-webkit-flex;display:-moz-flex;align-items:center;-webkit-align-items:center;}

.header {position:fixed;left:0;top:0;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;z-index:99;-webkit-transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.header.viewheader .header-wrap {background:#fff;}
.header.viewheader .header-wrap .logo {width:auto;height:35px;}
.header.viewheader .header-wrap .logo img.show {opacity:0;visibility:hidden;}
.header.viewheader .header-wrap .logo img.hide {opacity:1;visibility:visible;}
.header.viewheader .header-wrap .menubtn-box.active .menubtn span {background-color:transparent;}
.header.viewheader .header-wrap .menubtn-box b {color:var(--color);}
.header.viewheader .header-wrap .menubtn span {background:var(--color);}
.header.viewheader .header-wrap .menubtn span:before,.header.viewheader .header-wrap .menubtn span:after {background:var(--color);}
.header.viewheader .header-wrap .navs > li a:before {background:var(--color);}
.header.viewheader .header-wrap .navs > li:hover > a,.header.viewheader .header-wrap .navs > li.active > a {color:var(--color);}
.header.viewheader .header-wrap .navs > li:hover > a i,.header.viewheader .header-wrap .navs > li.active > a i {color:var(--color);}
.header.viewheader .header-wrap .navs > li > a {color:#222222;}
.header.viewheader .header-wrap .navs > li > a i {color:#222222;}
.header.viewheader .header-wrap .search-btn {border-color:rgba(13,80,190,0.5);}
.header.viewheader .header-wrap .search-btn span {color:var(--color);}
.header .header-wrap:hover {background:#fff;}
.header .header-wrap:hover .logo {height:35px;width:auto;}
.header .header-wrap:hover .logo img.show {opacity:0;visibility:hidden;}
.header .header-wrap:hover .logo img.hide {opacity:1;visibility:visible;}
.header .header-wrap:hover .menubtn-box.active .menubtn span {background-color:transparent;}
.header .header-wrap:hover .menubtn-box b {color:var(--color);}
.header .header-wrap:hover .menubtn span {background:var(--color);}
.header .header-wrap:hover .menubtn span:before,.header .header-wrap:hover .menubtn span:after {background:var(--color);}
.header .header-wrap:hover .navs > li a:before {background:var(--color);}
.header .header-wrap:hover .navs > li:hover > a,.header .header-wrap:hover .navs > li.active > a {color:var(--color);}
.header .header-wrap:hover .navs > li:hover > a i,.header .header-wrap:hover .navs > li.active > a i {color:var(--color);}
.header .header-wrap:hover .navs > li > a {color:#222222;}
.header .header-wrap:hover .navs > li > a i {color:#222222;}
.header .header-wrap:hover .search-btn {border-color:rgba(13,80,190,0.5);}
.header .header-wrap:hover .search-btn span {color:var(--color);}
.header.boxShow .header-wrap {box-shadow:0 0 5px rgba(0,0,0,0.16);}
.header.scroll .header-wrap {background:rgba(255,255,255,0.5);height:70px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);}
.header.scroll .header-wrap .logo {width:auto;height:35px;}
.header.scroll .header-wrap .logo img.show {opacity:0;visibility:hidden;}
.header.scroll .header-wrap .logo img.hide {opacity:1;visibility:visible;}
.header.scroll .header-wrap .menubtn-box.active .menubtn span {background-color:transparent;}
.header.scroll .header-wrap .menubtn-box b {color:var(--color);}
.header.scroll .header-wrap .menubtn span {background:var(--color);}
.header.scroll .header-wrap .menubtn span:before,.header.scroll .header-wrap .menubtn span:after {background:var(--color);}
.header.scroll .header-wrap .product-menu {top:70px;}
.header.scroll .header-wrap .navs > li a:before {background:var(--color);}
.header.scroll .header-wrap .navs > li:hover > a,.header.scroll .header-wrap .navs > li.active > a {color:var(--color);}
.header.scroll .header-wrap .navs > li:hover > a i,.header.scroll .header-wrap .navs > li.active > a i {color:var(--color);}
.header.scroll .header-wrap .navs > li > a {line-height:70px;color:#222222;}
.header.scroll .header-wrap .navs > li > a i {color:#222222;}
.header.scroll .header-wrap .search-btn {border-color:rgba(13,80,190,0.5);}
.header.scroll .header-wrap .search-btn span {color:var(--color);}
.header-wrap {height:110px;padding:0 30px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.4s,box-shadow 0.3s 0.5s;-o-transition:all 0.4s,box-shadow 0.3s 0.5s;-moz-transition:all 0.4s,box-shadow 0.3s 0.5s;transition:all 0.4s,box-shadow 0.3s 0.5s;}

.logo {position:relative;width:auto;height:35px;}
.logo img {display:block;width:auto;height:35px;-webkit-transition:0.2s;-o-transition:0.2s;-moz-transition:0.2s;transition:0.2s;}
.logo img.hide {position:absolute;left:0;top:0;opacity:0;visibility:hidden;}

.navs {margin-left:70px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
.navs > li {position:relative;z-index:2;padding:0 18px;}
.navs > li:hover > a:before,.navs > li.active > a:before {right:auto;width:100%;left:0;}
.navs > li > a {display:inline-block;position:relative;z-index:2;padding:0 28px;color:#ffffff;font-size:16px;line-height:110px;white-space:nowrap;}
.navs > li > a:before {content:"";width:0;height:2px;background:#fff;position:absolute;right:0;bottom:0;transition:0.4s;z-index:-1;}
.navs > li > a:hover,.navs > li > a.active {color:#fff;}
.navs > li > a:hover:before,.navs > li > a.active:before {width:100%;right:auto;left:0;}
.navs > li > a:last-child {margin-right:0;}
.navs > li > a:before {bottom:auto;top:1px;background:var(--color);}
.navs > li > a i {display:inline-block;margin-left:4px;color:#fff;font-size:12px;-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6);-webkit-transition:0.3s;-o-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}

.header-tel {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}
.tel-box {position:relative;}
.tel-box:hover .drop-down {opacity:1;visibility:visible;pointer-events:visible;transition:0.68s;}
.tel {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:0 19px;height:44px;line-height:44px;border-radius:22px;background:var(--color);}
.tel i {display:inline-block;position:relative;margin-right:12px;z-index:2;color:#fff;font-size:20px;font-style:normal;}
.tel span {display:inline-block;color:#fff;font-size:16px;font-family:"Gilroy";white-space:nowrap;}

.drop-down {position:absolute;padding-top:37px;right:-24px;z-index:10;opacity:0;visibility:hidden;pointer-events:none;}
.drop-down-wrap {position:relative;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 28px;width:420px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.16);border-radius:10px;}
.drop-down-wrap:before {position:absolute;right:70px;top:-9px;content:"";border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #fff;}
.drop-down-wrap .call {color:#666666;}
.drop-tel {padding:56px 0;border-bottom:1px solid #dddddd;}
.drop-tel strong {display:block;margin-bottom:6px;line-height:1;color:#222222;font-size:15px;font-weight:normal;}
.drop-tel b {display:block;line-height:1;color:var(--color);font-size:30px;font-weight:bold;font-family:"Gilroy";}
.drop-text {padding:60px 0 68px;}
.drop-info strong {display:block;margin-bottom:24px;line-height:1.1;color:#061729;font-size:22px;font-weight:normal;}
.drop-info p {color:#666666;font-size:16px;font-family:"Gilroy";line-height:220%;}
.drop-f {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
.drop-f .text {-moz-box-sizing:border-box;box-sizing:border-box;padding-left:20px;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:50px;line-height:50px;background:#f7f7f7;color:#999999;font-size:15px;border:none;outline:none;border:1px solid #f7f7f7;border-right:none;-webkit-transition:0.35s;-o-transition:0.35s;-moz-transition:0.35s;transition:0.35s;}
.drop-f .text:focus {border-color:var(--color);}
.drop-f .text:focus::-webkit-input-placeholder {opacity:0;visibility:hidden;}
.drop-f .text::-webkit-input-placeholder {color:#999999;}
.drop-f .sub {-moz-box-sizing:border-box;box-sizing:border-box;width:120px;height:50px;line-height:50px;background:var(--color);color:#fff;font-size:15px;cursor:pointer;-webkit-transition:0.35s;-o-transition:0.35s;-moz-transition:0.35s;transition:0.35s;border:none;outline:none;}
.drop-f .sub:hover {background:#f58812;}

.header-search {margin-left:20px;}
.search-btn {position:relative;cursor:pointer;z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,0.1);overflow-y:hidden;}
.search-btn.active span:nth-child(1) {-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);opacity:0;visibility:hidden;}
.search-btn.active span.search-close {top:0;opacity:1;visibility:visible;}
.search-btn:hover span {color:#fff !important;}
.search-btn:hover:before {opacity:1;visibility:visible;transform:scale(1);border-color:var(--color);}
.search-btn:before {position:absolute;left:0;top:0;z-index:-1;content:"";width:100%;height:100%;background:var(--color);border-radius:50%;opacity:0;visibility:hidden;transform:scale(0);transition:0.4s;}
.search-btn span {display:block;position:relative;z-index:2;text-align:center;line-height:42px;color:#fff;font-size:14px;-webkit-transition:0.3s;-o-transition:0.3s;-moz-transition:0.3s;transition:0.3s;width:100%;}
.search-btn span.search-close {position:absolute;left:0;top:100%;}
.search-down {position:fixed;left:0;top:0;width:100%;height:100vh;z-index:-1;background:var(--color);opacity:0;visibility:hidden;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);pointer-events:none;-webkit-transition:0.8s;-o-transition:0.8s;-moz-transition:0.8s;transition:0.8s;}
.search-down.show {opacity:1;visibility:visible;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);pointer-events:visible;}
.search-down .search-bg {position:absolute;right:0;bottom:0;width:auto;height:100%;}
.search-text {position:absolute;left:50%;margin-left:-315px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:630px;}
.search-tops {text-align:center;}
.search-tops h4 {margin-bottom:40px;color:#fff;font-size:60px;line-height:1;font-weight:normal;}
.search-wr {position:relative;}
.search-wr .text {-moz-box-sizing:border-box;box-sizing:border-box;padding-left:16px;width:100%;height:60px;line-height:58px;background:#fff;border:none;outline:none;color:rgba(34,34,34,0.5);font-size:16px;border:1px solid #fff;-webkit-transition:0.4s;-o-transition:0.4s;-moz-transition:0.4s;transition:0.4s;}
.search-wr .text::-webkit-input-placeholder {color:rgba(34,34,34,0.5);}
.search-wr .text:focus::-webkit-input-placeholder {opacity:0;visibility:hidden;}
.search-wr .sub {position:absolute;right:0;top:0;padding:0;outline:none;width:60px;height:60px;line-height:60px;color:#0d4eba;-webkit-transition:0.35s;-o-transition:0.35s;-moz-transition:0.35s;transition:0.35s;cursor:pointer;background:none;border:none;}
.search-wr .sub:hover {color:#f58812;}

.product-class {padding-top:28px;}
.product-class p {color:#fff;line-height:1;font-size:15px;}
.product-class-li {margin-top:20px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.product-class-li li {margin-right:10px;margin-bottom:10px;}
.product-class-li li a {display:inline-block;padding:0 10px;-moz-box-sizing:border-box;box-sizing:border-box;height:40px;line-height:40px;min-width:90px;text-align:center;color:#ffffff;font-size:14px;background:rgba(255,255,255,0.1);}
.product-class-li li a:hover {background:#fff;color:var(--color);}
.product-menu {position:fixed;left:0;top:110px;width:100%;z-index:10;visibility:hidden;transition:0.5s 0.4s;}
.product-menu.show {visibility:visible;transition:0.4s 0s;}
.product-menu.show .product-menu-bg {opacity:1;visibility:visible;transition:0.5s 0s;}
.product-menu.show .product-menu-info {opacity:1;visibility:visible;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transition:0.6s 0s;}
.product-menu-bg {position:fixed;left:0;top:110px;bottom:0;width:100%;height:-webkit-calc(-10vh);height:-moz-calc(-10vh);height:calc(100vh - 110px);z-index:-1;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:0.7s 0.4s;pointer-events:none;}
.product-menu-info {position:relative;padding:26px 30px 8px;background:#fff;text-align:center;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);opacity:0;visibility:hidden;transition:0.6s 0.4s;}
.product-menu-list {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.product-menu-list li {margin-bottom:25px;text-align:center;width:11.111%;}
.product-menu-list li a:hover figure img.hide {opacity:1;visibility:visible;mask-position:50% 100%;-webkit-mask-position:50% 100%;}
.product-menu-list li a:hover p {color:var(--color);}
.product-menu-list li a {display:inline-block;width:90px;max-height:100%;}
.product-menu-list li figure {display:block;position:relative;text-align:center;width:auto;height:58px;}
.product-menu-list li figure img {display:inline-block;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;}
.product-menu-list li figure img.icon {filter:grayscale(1) brightness(2.4);-webkit-filter:grayscale(1) brightness(2.4);}
.product-menu-list li figure img.hide {mask-image:url(../images/probg.png);-webkit-mask-image:url(../images/probg.png);mask-position:30% 30%;-webkit-mask-position:30% 30%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;visibility:hidden;-webkit-transition:all 1s,opacity 0s;-o-transition:all 1s,opacity 0s;-moz-transition:all 1s,opacity 0s;transition:all 1s,opacity 0s;}
.product-menu-list li p {margin-top:14px;color:#666666;font-size:16px;line-height:1.2;-webkit-transition:0.38s;-o-transition:0.38s;-moz-transition:0.38s;transition:0.38s;}

.menu-hide {display:inline-block;text-align:center;cursor:pointer;display:none;}
.menu-hide:hover i {color:var(--color);-webkit-transform:scale(0.7) translateY(-4px);-moz-transform:scale(0.7) translateY(-4px);-ms-transform:scale(0.7) translateY(-4px);-o-transform:scale(0.7) translateY(-4px);transform:scale(0.7) translateY(-4px);}
.menu-hide:hover span {color:var(--color);}
.menu-hide i {display:inline-block;line-height:1;color:#999999;font-size:12px;font-style:normal;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7);-webkit-transition:0.3s;-o-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.menu-hide span {display:block;margin-top:0;color:#999999;font-size:14px;line-height:1.6;-webkit-transition:0.3s;-o-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}

.navigate {position:fixed;left:100%;top:0;padding:95px 5% 60px;width:100%;height:100vh;-moz-box-sizing:border-box;box-sizing:border-box;z-index:-1;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;-webkit-transition:0.7s;-o-transition:0.7s;-moz-transition:0.7s;transition:0.7s;pointer-events:none;}
.navigate.show {opacity:1;visibility:visible;left:0;pointer-events:visible;}
.navigate-list > li {position:relative;margin-bottom:10px;}
.navigate-list > li > a {display:inline-block;color:#222222;font-size:22px;}
.navigate-list > li > a:hover {color:var(--color);}
.navigate-list > li > a:hover i {color:var(--color);}
.navigate-list > li > a i {display:inline-block;vertical-align:middle;margin-left:8px;color:#222222;font-size:12px;font-style:normal;}

.product-menu-iphone {display:none;}
.navigate-down {margin-top:40px;}
.navigate-down .drop-tel {padding-bottom:0;padding-top:42px;border-bottom:none;}
.search-tops1 {text-align:left;width:85%;}
.search-tops1 h4 {margin-bottom:12px !important;color:#222222;font-size:20px !important;}
.search-tops1 .search-wr .text {background:#fff;border:1px solid #dddddd;color:#999999;font-size:14px;}

.banner {position:relative;overflow:hidden;height:100vh;}
.banner:before {position:absolute;left:0;top:0;content:"";width:100%;height:300px;background:linear-gradient(to bottom,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);z-index:4;pointer-events:none;}
.banner {position:relative;}
.banner .swiper-slide {position:relative;pointer-events:auto;overflow:hidden;}
.banner .swiper-slide .slide-inner {position:relative;width:100%;height:auto;}
.banner .swiper-slide .slide-inner.video:after {content:" ";position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 100%);}
.banner .swiper-slide .bannerPic {display:block;width:100%;height:100vh;object-fit:cover;}
.banner .swiper-slide .video img {display:none;}
.banner .swiper-pagination {position:absolute!important;bottom:3%!important;}
.banner .mask {position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;display:flex;
    align-items:center;}
.banner .mask_in {position:absolute;left:0;top:55%;width:100%;padding:0 2.5%;color:#fff;transform:translateY(-50%);text-shadow:0 5px 10px rgba(0,0,0,.8);transition:all .5s;}
.banner .mask_in h3 {font-size:33px;font-weight:100;line-height:2.1;letter-spacing:2.5px;}
.banner .mask_in span {display:block;font-size:55px;font-weight:700;line-height:1.9;letter-spacing:3px;}
.banner .mask_in p {max-width:590px;font-size:23px;line-height:1.75;text-align:justify;margin-top:20px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.banner .mask_in .more {margin-top:50px;}
.banner .mask_in .more a {position:relative;display:inline-block;color:#fff;font-size:20px;line-height:2.4;padding:0 42px;border-radius:5px;background:var(--color);text-shadow:none;}
.banner .mask_in .more a:before {content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height:100%;background-color:#000;border-radius:5px;opacity:0;transition:all .5s ease;}
.banner .mask_in .more a em {position:relative;font-style:normal;}
.banner .mask_in .more a:hover {animation:pulse 1s infinite;}
.banner .mask_in .more a:hover:before {width:100%;opacity:.3;}
@media only screen and (max-width:1024px) {
  .banner .swiper-slide .bannerPic {height:auto;transform:none;}
  .banner .swiper-slide video.bannerPic {display:none;}
  .banner .swiper-slide .video img {display:block;}
  .banner .mask_in h3 {font-size:23px;}
  .banner .mask_in span {font-size:40px;}
  .banner .mask_in p {font-size:20px;margin-top:10px;}
  .banner .mask_in .more {margin-top:30px;}
  .banner .mask_in .more a {ck;font-size:16px;padding:0 30px;}
}
@media only screen and (max-width:768px) {
  .banner .mask_in {padding:0 2%;text-align:center;text-shadow:0 3px 5px rgba(0,0,0,.8);}
  .banner .mask_in h3 {font-size:15px;}
  .banner .mask_in span {font-size:18px;}
  .banner .mask_in p {max-width:100%;font-size:12px;margin-top:0;-webkit-line-clamp:2;}
  .banner .mask_in .more {margin-top:10px;}
  .banner .mask_in .more a {font-size:14px;line-height:2;padding:0 15px;border-radius:3px;}
  .banner .swiper-pagination {bottom:5%;}
  .banner .swiper .swiper-pagination-bullet {width:8px;height:8px;margin:0 5px!important;border:0;background-color:#fff;}
  .banner .swiper-pagination-bullet:after {opacity:0;}
}
.bhide {overflow:hidden;}
.banner-video {position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:2;}

.btext {position:absolute;left:50%;margin-left:-45%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:90%;text-align:center;z-index:3;}
.btext.mb {display:none;}
.btext img {display:block;margin:auto;width:49.68vw;height:auto;visibility:hidden;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-transition:0.66s;-o-transition:0.66s;-moz-transition:0.66s;transition:0.66s;}
.btext strong {display:block;margin-top:20px;line-height:1;color:#fff;font-weight:normal;font-size:3.125vw;letter-spacing:0.2vw;visibility:hidden;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-transition:0.66s;-o-transition:0.66s;-moz-transition:0.66s;transition:0.66s;}

.scroll-more {position:absolute;left:50%;margin-left:-48px;bottom:44px;z-index:10;text-align:center;}
.scroll-more b {display:block;margin:auto;width:48px;height:48px;border:1px solid #fff;border-radius:50%;}
.scroll-more b i {display:block;text-align:center;line-height:48px;color:#fff;font-style:normal;font-weight:normal;-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6);-webkit-animation:moveDownSpot 1000ms infinite;-moz-animation:moveDownSpot 1000ms infinite;-o-animation:moveDownSpot 1000ms infinite;animation:moveDownSpot 1000ms infinite;}
.scroll-more p {margin-top:10px;line-height:1;color:#fff;font-size:16px;}

@-webkit-keyframes moveDownSpot {
  from {opacity:1;-webkit-transform:scale(0.6) translateY(0px);transform:scale(0.6) translateY(0px);}
  to {opacity:0.2;-webkit-transform:scale(0.6) translateY(6px);transform:scale(0.6) translateY(6px);}
}
@-moz-keyframes moveDownSpot {
  from {opacity:1;-moz-transform:scale(0.6) translateY(0px);transform:scale(0.6) translateY(0px);}
  to {opacity:0.2;-moz-transform:scale(0.6) translateY(6px);transform:scale(0.6) translateY(6px);}
}
@-o-keyframes moveDownSpot {
  from {opacity:1;-o-transform:scale(0.6) translateY(0px);transform:scale(0.6) translateY(0px);}
  to {opacity:0.2;-o-transform:scale(0.6) translateY(6px);transform:scale(0.6) translateY(6px);}
}
@keyframes moveDownSpot {
  from {opacity:1;-webkit-transform:scale(0.6) translateY(0px);-moz-transform:scale(0.6) translateY(0px);-o-transform:scale(0.6) translateY(0px);transform:scale(0.6) translateY(0px);}
  to {opacity:0.2;-webkit-transform:scale(0.6) translateY(6px);-moz-transform:scale(0.6) translateY(6px);-o-transform:scale(0.6) translateY(6px);transform:scale(0.6) translateY(6px);}
}

.home-about {position:relative;}
.about-logo {position:sticky;left:0;top:0;width:100%;height:100vh;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}
.about-logo-bg {position:relative;mask-image:url(../images/aboutlogo.png);-webkit-mask-image:url(../images/aboutlogo.png);width:31.25vw;height:31.25vw;mask-size:cover;-webkit-mask-size:cover;}
.about-logo-bg .about-bottom-bg {position:absolute;left:-40%;bottom:0;width:140%;height:100%;background-position:left bottom;-o-background-size:auto 100%;background-size:auto 100%;}
.home-about-fix {padding:0 6.25% 0 60px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;margin-top:-50vh;}
.home-about-wrap {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:100%;}
.home-about-title small {display:block;color:var(--color);font-size:6.25vw;line-height:0.8;text-transform:uppercase;font-family:"Gilroy";opacity:0;}
.home-about-title strong {display:block;line-height:1.2;color:var(--color);font-size:3.125vw;font-weight:normal;opacity:0;}
.about-en {margin-bottom:24px;}
.home-about-info {width:354px;}
.home-about-info p {color:#666666;font-size:16px;}
.join-sunshine {position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);bottom:30px;line-height:1;z-index:5;text-align:center;}
.join-sunshine i {display:block;margin:auto;position:relative;width:16px;height:22px;background:url(../images/mouse.png) center no-repeat;}
.join-sunshine i:before {position:absolute;left:50%;margin-left:-1px;top:4px;content:"";width:2px;height:6px;background:#5f5f6b;-webkit-animation:mouseMove 1s infinite;-moz-animation:mouseMove 1s infinite;-o-animation:mouseMove 1s infinite;animation:mouseMove 1s infinite;}
.join-sunshine p {margin-top:18px;color:#222222;font-size:12px;line-height:1;}

@-webkit-keyframes mouseMove {
  from {opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);}
  to {opacity:0.2;-webkit-transform:translateY(5px);transform:translateY(5px);}
}
@-moz-keyframes mouseMove {
  from {opacity:1;-moz-transform:translateY(0px);transform:translateY(0px);}
  to {opacity:0.2;-moz-transform:translateY(5px);transform:translateY(5px);}
}
@-o-keyframes mouseMove {
  from {opacity:1;-o-transform:translateY(0px);transform:translateY(0px);}
  to {opacity:0.2;-o-transform:translateY(5px);transform:translateY(5px);}
}
@keyframes mouseMove {
  from {opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);}
  to {opacity:0.2;-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-o-transform:translateY(5px);transform:translateY(5px);}
}

.enter {position:relative;z-index:2;height:180vh;}
.enter-bg {position:absolute;left:0;top:0;width:100%;height:100%;background-attachment:fixed;background-position:center;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;}
.enter-wrap {position:sticky;left:0;top:0;height:100vh;width:100%;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}
.enter-info {position:relative;margin-top:50px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32vw;height:32vw;text-align:center;}
.enter-line {position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/line1.png) center no-repeat;-o-background-size:cover;background-size:cover;}
.enter-text {text-align:center;}
.enter-hide {overflow:hidden;}
.enter-hide strong {display:block;line-height:1.2;color:#fff;font-size:2.6vw;font-weight:normal;}
.enter-href {position:relative;z-index:5;text-align:center;}
.enter-href a {display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}
.enter-href a:hover b:before {opacity:1;visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.enter-href a:hover b i {color:var(--color);text-indent:3px;}
.enter-href a b {display:block;position:relative;z-index:2;width:28px;height:28px;text-align:center;line-height:28px;border:1px solid #fff;border-radius:50%;color:#fff;font-size:12px;}
.enter-href a b:before {position:absolute;left:0;top:0;z-index:-1;border-radius:50%;content:"";width:100%;height:100%;background:#fff;opacity:0;visibility:hidden;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:0.38s;-o-transition:0.38s;-moz-transition:0.38s;transition:0.38s;}
.enter-href a b i {display:block;-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6);font-style:normal;font-weight:normal;-webkit-transition:0.35s;-o-transition:0.35s;-moz-transition:0.35s;transition:0.35s;}
.enter-href a span {display:block;margin-left:5px;color:#fff;font-size:16px;}
.enter-year {position:absolute;left:60px;bottom:80px;z-index:3;}
.enter-year p {color:#fff;font-size:24px;line-height:1.4;}

.product-series {position:relative;padding:0 0 48px;text-align:right;font-size:0;}
.series-left {display:inline-block;text-align:left;position:sticky;width:33%;vertical-align:top;top:0;padding-top:170px;bottom:0;padding-bottom:40px;height:100vh;-moz-box-sizing:border-box;box-sizing:border-box;}
.seroes-left-wrap {margin-left:60px;height:100%;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.series-title {position:relative;color:#333;font-size:38px;}
.series-info {display:inline-block;vertical-align:top;width:67%;text-align:left;}
.series-imgs {position:sticky;top:0;padding-top:196px;right:0;}
.series-imgs figure {display:block;overflow:hidden;}
.series-imgs figure img {display:block;width:65.26vw;height:auto;}
.series-texts {position:relative;z-index:3;margin-top:130px;}
.series-texts p {margin-top:36px;color:#999999;font-size:16px;}
.common-hide {overflow:hidden;}
.common-hide strong {display:block;line-height:1.2;color:#666;font-size:1.6vw;font-weight:normal;}
.series-wr {margin-top:32px;width:30.7vw;}
.series-list li {margin-right:11%;margin-bottom:45px;width:26%;}
.series-list li:nth-child(3n+3) {margin-right:0;}

.product-more {}
.product-more a:hover b i {color:#fff;}
.product-more a b {border-color:var(--color);}
.product-more a b:before {background:var(--color);}
.product-more a b i {color:var(--color);}
.product-more a span {color:var(--color);}

.series-select .establish-year strong,.series-select .establish-year em {color:var(--color);}
.series-select .establish-year em {font-size:50px;margin-top:-15px;padding-top:0;}
.series-select span {margin-top:18px;color:var(--color);}
.solute {position:relative;font-size:0;padding-top:70px;padding-bottom:60px;}
.solute-video {display:block;position:absolute;left:0;top:70px;width:100%;}
.solute-video.flex {position:fixed;top:70px;bottom:0;}
.solute-video.flex1 {position:absolute;top:auto;bottom:0;}
.solute-video .solute-v {display:block;width:100%;height:100vh;-o-object-fit:cover;object-fit:cover;}
.solute-wrap {margin-left:56.25%;width:34.37%;position:relative;z-index:3;}
.solute-top {padding:175px 0 130px;}
.solute-list li {position:relative;z-index:3;}
.solute-list li:hover .solute-ico span,.solute-list li.active .solute-ico span {color:#fff;border-color:transparent;}
.solute-list li:hover .solute-ico span:before,.solute-list li.active .solute-ico span:before {opacity:1;visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.solute-list li:hover .solute-ico strong,.solute-list li.active .solute-ico strong {color:#fff;}
.solute-list li:before {position:absolute;left:0;bottom:1px;z-index:-1;content:"";width:100%;height:1px;background:rgba(255,255,255,0.2);}
.solute-list li:last-child:before {display:none;}
.solute-title {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:28px 0;cursor:pointer;}
.solute-ico {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}
.solute-ico span {display:block;position:relative;width:58px;height:58px;text-align:center;line-height:58px;color:rgba(255,255,255,0.5);border:1px solid rgba(255,255,255,0.1);border-radius:50%;font-size:22px;-webkit-transition:0.35s;-o-transition:0.35s;-moz-transition:0.35s;transition:0.35s;}
.solute-ico span:before {position:absolute;left:50%;top:50%;margin-left:-72px;margin-top:-72px;z-index:-1;content:"";width:143px;height:144px;background:url(../images/shadow3.png) center no-repeat;opacity:1;visibility:hidden;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:0.4s;-o-transition:0.4s;-moz-transition:0.4s;transition:0.4s;}
.solute-ico strong {display:block;margin-left:18px;color:rgba(255,255,255,0.5);font-size:24px;font-weight:normal;-webkit-transition:0.35s;-o-transition:0.35s;-moz-transition:0.35s;transition:0.35s;}
.solute-in {padding-top:12px;width:53.25%;}
.soluet-in-wr {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;}
.soluet-in-wr p {color:#fff;font-size:16px;}
.soluet-in-wr a {display:block;position:relative;z-index:2;margin-top:12px;width:48px;height:48px;border-radius:50%;text-align:center;line-height:50px;border:1px solid rgba(255,255,255,0.5);}
.soluet-in-wr a:hover .bsvg .circle_bar {stroke-dashoffset:100px;stroke-dasharray:300px;}
.soluet-in-wr a .bsvg {position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.soluet-in-wr a .bsvg .circle_bar {stroke-dashoffset:300px;stroke-dasharray:300px;-webkit-transition:1s;-o-transition:1s;-moz-transition:1s;transition:1s;}
.soluet-in-wr a:hover i {text-indent:6px;}
.soluet-in-wr a i {display:block;color:#fff;font-style:normal;font-size:12px;-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6);font-weight:normal;line-height:50px;-webkit-transition:0.3s;-o-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.solute-swipers {position:relative;text-align:left;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;margin-top:12px;}
.solute-swipers .swiper-scrollbar {position:relative;margin-top:50px;bottom:0;left:0;right:0;height:4px;}
.solute-swipers .swiper-scrollbar-drag {height:0px;background:var(--color);}
.solute-slide {width:25%;}
.solute-slide figure {display:block;position:relative;padding-bottom:100%;line-height:1;text-align:center;overflow:hidden;background-color:#fff;}
.solute-slide figure:hover img {-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06);}
.solute-slide figure img {position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;display:block;max-width:80%;max-height:80%;-webkit-transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}

.footer {position:relative;background:#fff;}
.footer-top {position:relative;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:60px 0 96px 0;}
.footer-navs {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
.footer-navs-item {display:block;}
.footer-navs-item dt {display:block;line-height:1;margin-bottom:24px;}
.footer-navs-item dt a {display:inline-block;color:#061729;font-size:18px;line-height:1.5;}
.footer-navs-item dt a:hover {color:#155ca7;}
.footer-navs-item dd {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
.footer-navs-list {margin-right:5.73vw;}
.footer-navs-list:last-child {margin-right:0;}
.footer-navs-list li {margin-bottom:6px;}
.footer-navs-list li a {display:inline-block;color:#666666;font-size:16px;}
.footer-navs-list li a:hover {color:#155ca7;}
.footer-navs-enter {margin-right:8.9vw;}
.footer-navs-enter dt a {color:#061729;}
.footer-navs-enter dt a:hover {color:#155ca7;}
.footer-navs-enter dd .footer-navs-list li a {color:#061729;}
.footer-navs-enter dd .footer-navs-list li a:hover {color:#155ca7;}
.footer-contact {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;}

.footer-contact .ewm{width:180px;margin-left:7.25vw;}
.footer-contact .ewm strong {display:block;margin-bottom:16px;line-height:1;color:var(--color);font-size:20px;font-weight:normal;padding-left:25px;}
.footer-contact .ewm img{ width:180px; }
.footer-contact .ewm p{ margin-top:4px;padding-left:30px;font-size:16px;}

.offers {width:21.87vw;}
.offers .tips {position:fixed;}
.offers .call {color:#666666;}
.offer-top {margin-bottom:20px;}
.offer-top strong {display:block;margin-bottom:10px;line-height:1.4;color:#061729;font-size:24px;font-weight:normal;}
.offer-top p {color:#b2b2b2;font-size:15px;}

.scroll-top {position:absolute;right:60px;bottom:60px;z-index:10;width:50px;height:50px;border-radius:50%;text-align:center;line-height:50px;background:#eeeeee;cursor:pointer;-webkit-transition:0.38s;-o-transition:0.38s;-moz-transition:0.38s;transition:0.38s;}
.scroll-top:hover {background:var(--color);}
.scroll-top:hover i {color:#fff;-webkit-transform:scale(0.7) translateY(-4px);-moz-transform:scale(0.7) translateY(-4px);-ms-transform:scale(0.7) translateY(-4px);-o-transform:scale(0.7) translateY(-4px);transform:scale(0.7) translateY(-4px);}
.scroll-top i {display:inline-block;font-style:normal;color:#080808;font-size:12px;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7);-webkit-transition:0.3s;-o-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}

.footer-bottom {padding:30px 120px 60px 60px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid #dddddd;}
.copy {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;color:#999999;font-size:15px;}
.copy span {display:inline-block;position:relative;}
.copy a {margin-right:40px;color:#999999;font-size:15px;}
.copy a:hover {color:var(--color);}
.copy a:before {position:absolute;right:-20px;top:50%;margin-top:-8px;content:"";width:1px;height:16px;background:#999999;}
.copy a:last-child:before {display:none;}
.network a {display:inline-block;color:#999999;font-size:15px;}
.network a:hover {color:var(--color);}
.about-logo-bg.article-block {-webkit-clip-path:circle(0 at center);clip-path:circle(0 at center);-webkit-transition:-webkit-clip-path 3s;transition:-webkit-clip-path 3s;-o-transition:clip-path 3s;-moz-transition:clip-path 3s;transition:clip-path 3s;transition:clip-path 3s,-webkit-clip-path 3s;}
.about-logo-bg.articleShow {opacity:1;-webkit-clip-path:circle(100% at center);clip-path:circle(100% at center);}
.series-texts.article-block .common-hide strong,.solute-hide.article-block .common-hide strong {opacity:0;visibility:hidden;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-transition:0.65s;-o-transition:0.65s;-moz-transition:0.65s;transition:0.65s;}
.series-texts.articleShow .common-hide strong,.solute-hide.articleShow .common-hide strong {opacity:1;visibility:visible;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);}
.series-texts.articleShow .common-hide:nth-child(2) strong,.solute-hide.articleShow .common-hide:nth-child(2) strong {-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s;}
.series-texts.articleShow .common-hide:nth-child(3) strong,.solute-hide.articleShow .common-hide:nth-child(3) strong {-webkit-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s;}
.solute-hide {margin-top:10px;}

/* ========== 右侧浮动按钮组 ========== */  
.float-bar {position:fixed;right:0.3%;bottom:1%;display:flex;flex-direction:column;align-items:flex-end;gap:8px;z-index:9990;}
/* 通用浮动按钮 */  
.float-btn {width:52px;height:52px;border-radius:14px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,0.12);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;}
.float-btn:hover {transform:scale(1.08);}
.float-btn svg {width:22px;height:22px;fill:none;stroke-width:2;}
/* 微信咨询 */  
.float-btn.wechat {background:#07C160;}
.float-btn.wechat svg {stroke:#fff;}
/* 电话咨询 */  
.float-btn.phone {background:#FF6B35;}
.float-btn.phone svg {stroke:#fff;}
/* 留言咨询 */  
.float-btn.feedback {background:#4F6EF7;}
.float-btn.feedback svg {stroke:#fff;}

/* 按钮文字提示 */  
.float-btn .btn-tip {position:absolute;right:62px;top:50%;transform:translateY(-50%);background:#1E293B;color:#fff;font-size:12px;font-weight:500;padding:5px 10px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s;}
.float-btn:hover .btn-tip {opacity:1;}
/* ========== 返回顶部 ========== */  
.back-top {margin-right:3px;width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid #E2E8F0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,0.06);transition:all 0.2s;z-index:9980;opacity:0;visibility:hidden;}
.back-top.show {opacity:1;visibility:visible;}
.back-top:hover {background:#4F6EF7;border:1px solid #4F6EF7;}
.back-top:hover svg {stroke:#fff;}
.back-top svg {width:20px;height:20px;stroke:#64748B;fill:none;stroke-width:2;transition:stroke 0.2s;}
/* ========== 响应式 ========== */  
@media (max-width:768px) {
  .float-bar {right:12px;bottom:60px;}
  .float-btn.wechat {display:none;}
  .float-btn.phone {display:none;}
  .float-btn.feedback {display:none;}
}
/* ========== 右侧浮动按钮组 ========== */  


/* ========== 遮罩通用基础样式 ========== */
.mask-wrap {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:99999;}
.mask-box {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;text-align:center;}
.mask-close-x {position:absolute;right:16px;top:12px;font-size:32px;color:#333;cursor:pointer;line-height:1;}
/* ========== 企业微信弹窗新增样式 ========== */
.qwechat-box {padding:0;max-width:440px;width:90%;text-align:left;overflow:hidden;}
.qwechat-header {background:#00b96b;padding:10px;text-align:center;position:relative;}
.qwechat-header .mask-close-x {color:#fff;}
.qwechat-avatar {width:80px;height:80px;border-radius:50%;border:3px solid #fff;object-fit:cover;}
.qwechat-title {font-size:26px;color:#fff;margin:5px 0 8px;font-weight:bold;}
.qwechat-subtitle {color:#e8fff3;font-size:16px;margin:0;}
.qwechat-body {padding:10px 24px 10px;}
.qwechat-card {background:#f8fafc;border-radius:12px;padding:10px 20px;margin-bottom:15px;}
.qwechat-card-title {font-size:18px;color:#111;margin:0 0 14px;display:flex;align-items:center;gap:8px;}
.qwechat-card-title::before {content:"✓";color:#00b96b;font-weight:bold;font-size:20px;}
.qwechat-card-list {margin:0;padding-left:20px;}
.qwechat-card-list li {font-size:15px;color:#444;line-height:1.5;margin-bottom:6px;}
.qwechat-small-btn {display:block;width:fit-content;margin:0 auto 15px;padding:8px 18px;border:1px solid #dbe4f7;background:#f0f5ff;color:#2654c9;border-radius:8px;font-size:14px;cursor:pointer;}
.qwechat-small-btn::before {content:"ⓘ";margin-right:6px;}
.qwechat-main-btn {width:90%;padding:16px;background:#00b96b;color:#fff;border:none;border-radius:12px;font-size:19px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;}
.qwechat-main-btn::before {content:"💬";font-size:22px;}
.qwechat-tip {text-align:center;font-size:13px;color:#888;margin-top:16px;}


.quotation-pop {position:fixed;left:50%;margin-left:-360px;top:50%;margin-top:-180px;padding:83px 60px 0;-moz-box-sizing:border-box;box-sizing:border-box;width:720px;height:400px;background:url(../images/pop.png) center no-repeat;-o-background-size:cover;background-size:cover;z-index:90;border-radius:18px;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:0.75s;-o-transition:0.75s;-moz-transition:0.75s;transition:0.75s;box-shadow:0 0 35px rgba(0,0,0,0.2);}
.quotation-pop.show {opacity:1;visibility:visible;pointer-events:visible;}
.quotation-pop.hide {opacity:0;visibility:hidden;left:110%;top:44%;margin-top:0;width:0;height:0;overflow:hidden;}
.quotation-img {position:absolute;right:0;bottom:-1px;z-index:-1;display:block;width:37.777%;border-radius:0 0 18px 0;}
.quotation-wrap {width:370px;}
.quotation-top {margin-bottom:15px;}
.quotation-top strong {display:block;line-height:1.6;font-weight:normal;color:#fff;font-size:32px;}
.quotation-top p {margin-top:20px;color:#fff;font-size:20px;}
.quotation-top .wx-qrcode {width:160px;height:160px;display:block;margin:0;border-radius:10px;}
.quotation-pop .quotation-top strong {font-weight:bold;}

.quote-close {position:absolute;right:30px;top:25px;cursor:pointer;z-index:4;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}
.quote-close:hover span {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.quote-close span {display:block;color:#fff;font-size:18px;line-height:1;-webkit-transition:0.35s;-o-transition:0.35s;-moz-transition:0.35s;transition:0.35s;}
.quote-close i {display:inline-block;margin-left:6px;color:#fff;font-size:16px;font-style:normal;}

.call {margin-top:18px;color:#fff;font-size:16px;display:none;}
.tips {position:absolute;left:50%;margin-left:-240px;top:50%;margin-top:-90px;width:480px;-moz-box-sizing:border-box;box-sizing:border-box;padding:26px 30px 30px;background:#fff;z-index:5;display:none;box-shadow:0 0 35px rgba(0,0,0,0.2);}
.tips p {color:#222222;font-size:16px;line-height:1;}
.tips-text {margin-top:25px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}
.tips-text i {display:block;width:24px;height:24px;line-height:2;background:url(../images/tips.png) center no-repeat;}
.tips-text span {display:block;margin-left:10px;line-height:24px;color:#222222;font-size:18px;}
.tips-ques {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:6px;}
.tips-ques span {display:block;width:120px;height:50px;line-height:50px;background:var(--color);text-align:center;color:#fff;font-size:16px;cursor:pointer;-webkit-transition:0.38s;-o-transition:0.38s;-moz-transition:0.38s;transition:0.38s;}
.tips-ques span:hover {background:#f58812;}
.pbannerbg:before {position:absolute;left:0;top:0;z-index:3;content:"";width:100%;height:100%;background:rgba(0,0,0,0.2);}
.pbanner {position:relative;overflow:hidden;z-index:2;}
.pbanner figure {display:block;position:relative;line-height:1;overflow:hidden;}
.pbanner figure img {display:block;position:relative;}
.lazy {background:url(../images/loading.gif) center no-repeat;}
.pbanner-texts {position:absolute;left:30px;right:60px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;z-index:10;}
.pbanner-texts1 {top:65%;}

.pseries p {color:#fff;font-size:18px;}
.pseries-title {margin-bottom:28px;}
.pseries-title .common-hide strong {color:#fff;font-size:2.8vw;line-height:180%;}
.pseries-list {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
.pseries-list li {margin-right:10.4vw;text-align:center;}
.pseries-list li mark {display:block;margin-bottom:16px;position:relative;line-height:1;height:106px;height:71px;background:none;}
.pseries-list li mark img {position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;}
.pseries-list li p {color:#fff;font-size:18px;text-align:center;line-height:1.2;}
.pseries-list li b {display:block;margin:10px;line-height:1.2;color:#fff;font-weight:normal;font-family:"Gilroy";font-size:2.6vw;}
.pseries-list li b i {display:inline-block;vertical-align:top;margin-left:6px;font-style:normal;font-size:40px;}
.pseries-list li:last-child {margin-right:0;}

.bank {padding-bottom:120px;}
.common-series-title {position:relative;padding:150px 60px 40px;}
.common-series-title .solute-hide {margin-top:10px;}
.common-series-title .solute-hide strong {color:#666;}
.common-series-title p {margin-top:26px;color:#999999;font-size:18px;}
.bank-item {margin-top:-1px;padding:70px 0 65px;position:relative;z-index:2;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;}
.bank-item.active .brank-en small {color:#eeeeee;-webkit-text-stroke:1px #eeeeee;}
.bank-item:last-child {border-bottom:none;}
.brank-en {position:absolute;left:0;width:100%;top:4vw;line-height:1;text-align:center;}
.brank-en small {display:block;line-height:1;color:transparent;font-size:10.41vw;text-transform:uppercase;-webkit-text-stroke:1px #dddddd;-webkit-transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.bank-li {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.bank-li li {width:286px;text-align:center;}
.bank-li li:last-child span {border-right:none;}
.bank-li li a:hover figure img {-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-o-transform:translateY(-8px);transform:translateY(-8px);}
.bank-li li a:hover span {color:var(--color);}
.bank-li li figure {display:block;position:relative;height:198px;text-align:center;}
.bank-li li figure img {position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;max-height:90%;max-width:100%;-webkit-transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.bank-li li span {display:block;position:relative;z-index:2;margin-top:16px;line-height:1;color:#999999;font-size:20px;-webkit-transition:0.35s;-o-transition:0.35s;-moz-transition:0.35s;transition:0.35s;}

.blank-offer {background:url(../images/ads_bg.png) center no-repeat;-o-background-size:cover;background-size:cover;}
.blank-wrap {margin:auto;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:1320px;padding-top:15px;}
.blank-imgs {margin-left:50px;width:41.3%;}
.blank-imgs img {display:block;width:100%;height:auto;}
.blank-info {padding-top:50px;margin-right:30px;width:36.36%;}
.contact .blank-offer{border-radius:10px;}

.common-series-title .enter-href {position:absolute;right:5%;top:115px;text-align:left;float:right;}
.strength-list {padding:0 60px;margin-top:68px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.strength-list li {margin-right:2%;margin-bottom:30px;width:32%;}
.strength-list li:nth-child(3n+3) {margin-right:0;}
.strength-list li figure {position:relative;display:block;padding-bottom:72.58%;height:0;overflow:hidden;line-height:1;border-radius:10px;}
.strength-list li figure img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.strength-list li figure img {-webkit-transition:0.65s;-o-transition:0.65s;-moz-transition:0.65s;transition:0.65s;}
.strength-list li a:hover figure img {-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06);}
.strength-list li a:hover .strength-info strong {color:var(--color);}
.strength-info {margin-top:38px;}
.strength-info strong {display:block;margin-bottom:10px;line-height:1.2;color:#222222;font-size:18px;font-weight:normal;-webkit-transition:0.36s;-o-transition:0.36s;-moz-transition:0.36s;transition:0.36s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.strength-info p {color:#999999;font-size:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

.customers {}
.customers-li {padding-left:60px;padding-right:60px;margin-top:60px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.customers-li li {margin-right:1.4%;margin-bottom:28px;width:11.11%;-webkit-transition:0.4s;-o-transition:0.4s;-moz-transition:0.4s;transition:0.4s;}
.customers-li li:hover img {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.customers-li li:nth-child(8n+8) {margin-right:0;}
.customers-li li figure {position:relative;text-align:center;padding-bottom:100%;background:#f7f7f7;border-radius:10px;}
.customers-li li figure img {position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:80%;max-height:80%;background:none;-webkit-transition:0.4s;-o-transition:0.4s;-moz-transition:0.4s;transition:0.4s;}

.banner-btn {position:absolute;top:50%;margin-top:-25px;z-index:10;width:48px;height:48px;border:1px solid rgba(255,255,255,0.5);border-radius:50%;cursor:pointer;}
.banner-btn:hover .bsvg .circle_bar {stroke-dashoffset:100px;stroke-dasharray:300px;}
.banner-btn .bsvg {position:absolute;left:0;top:0;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.banner-btn .bsvg .circle_bar {stroke-dashoffset:300px;stroke-dasharray:300px;-webkit-transition:1s;-o-transition:1s;-moz-transition:1s;transition:1s;}
.banner-btn.prev {left:30px;}
.banner-btn.next {right:30px;}
.banner-btn i {display:block;text-align:center;line-height:48px;color:#fff;font-size:12px;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7);}

.pseries-title.article-block .common-hide strong {opacity:0;visibility:hidden;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-transition:0.65s;-o-transition:0.65s;-moz-transition:0.65s;transition:0.65s;}
.pseries-title.articleShow .common-hide strong {opacity:1;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
.pseries-title.articleShow .common-hide:nth-child(2) strong {-webkit-transition-delay:0.25s;-moz-transition-delay:0.25s;-o-transition-delay:0.25s;transition-delay:0.25s;}
.strength-pop {position:fixed;left:0;top:0;width:100%;height:100%;z-index:49;visibility:hidden;pointer-events:none;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);-webkit-transition:1s;-o-transition:1s;-moz-transition:1s;transition:1s;}
.strength-pop.show {opacity:1;visibility:visible;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);pointer-events:visible;}
.strength-bg {position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;}
.s-close {position:absolute;right:30px;top:100px;display:block;width:44px;height:44px;border-radius:50%;text-align:center;line-height:44px;background:var(--color);color:#fff;font-size:12px;cursor:pointer;-webkit-transition:0.42s;-o-transition:0.42s;-moz-transition:0.42s;transition:0.42s;}
.s-close:hover {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}

.strength-tab {position:absolute;left:50%;margin-left:-33%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:66%;}
.strength-tab .banner-btn {top:17vw;border-color:rgba(22,86,192,0.5);}
.strength-tab .banner-btn.prev {left:-110px;}
.strength-tab .banner-btn.next {right:-110px;}
.strength-tab .banner-btn i {color:var(--color);}
.strength-slide {overflow:hidden;}
.strength-slide figure {display:block;line-height:1;}
.strength-slide figure img {display:block;width:100%;height:auto;}
.strength-slide .strength-info {margin-top:35px;}

.posites {position:absolute;left:40px;right:30px;top:110px;padding-top:26px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid rgba(255,255,255,0.1);z-index:5;}
.posites ul {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.posites ul li {color:#fff;position:relative;font-size:16px;}
.posites ul li a {font-size:16px;color:#fff;font-weight:400;}
.posites ul li a:hover {opacity:0.8;}
.posites ul li:after {color:#fff;content:'/';font-size:16px;padding:0 10px;font-weight:400}
.posites ul li:last-child:after {display:none}

.innerbanner {position:relative;z-index:2;}
.innerbanner:before {position:absolute;left:0;top:0;content:"";width:100%;height:300px;background:linear-gradient(to bottom,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);z-index:4;}
.innerbanner .inner-iphone-imgs {display:none;width:100%;height:auto;}
.innerbanner figure {line-height:1;overflow:hidden;height:500px;}
.innerbanner figure img {display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.innerbanner .scroll-more {display:none;}

.display-series {padding:30px 60px 60px;}

.display-series-select {margin-top:3.73vw;border-bottom:1px solid #E6E6E6;padding:0 5px;}
.display-series-select ul {display:flex;justify-content:space-between;}
.display-series-select ul li a {display:block;position:relative;font-weight:500;font-size:20px;color:#525252;padding-bottom:33px;}
.display-series-select ul li a:after {content:'';display:block;width:0;height:2px;background:var(--color);position:absolute;bottom:0;left:0;transition:.5s;}
.display-series-select ul li a:hover {color:var(--color);}
.display-series-select ul li a:hover:after {width:100%;}
.display-series-select ul li a.current {color:var(--color);}
.display-series-select ul li a.current:after {width:100%;}

.display-body {padding:0 60px;}
.display-product {margin-top:40px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.display-product li {position:relative;margin-right:2%;margin-bottom:10px;width:23.5%;top:0;transition:0.4s ease-in-out;}
.display-product li:nth-child(4n+4) {margin-right:0;}
.display-product li:hover {top:-10px;}
.display-product li:hover .display-text strong,.display-product li:hover .display-text p {color:var(--color);}
.display-product li:hover .display-btns a {border-color:var(--color);background:var(--color);color:#fff;}
.display-product li:hover .display-btns a i {color:#fff;}
.display-product li:hover .display-btns a:first-child {background:#f58812;border-color:#f58812;}
.display-product .display-text{width:95%;margin-top:20px;}
.display-top {padding:0;text-align:center;}
.display-top figure {position:relative;height:0;padding-bottom:100%;text-align:center;}
.display-top figure img {display:block;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;-webkit-transition:0.68s;-o-transition:0.68s;-moz-transition:0.68s;transition:0.68s;border-radius:10px;}
.display-text {text-align:left;width:100%;margin:auto;margin-bottom:20px;height:auto !important;}
.display-text strong {display:block;text-align:center;margin-bottom:12px;line-height:1;color:#061729;font-size:24px;font-weight:normal;-webkit-transition:0.35s;-o-transition:0.35s;-moz-transition:0.35s;transition:0.35s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.display-text p {color:#999999;font-size:18px;line-height:200%;-webkit-transition:0.35s;-o-transition:0.35s;-moz-transition:0.35s;transition:0.35s;}
.recommend {position:absolute;left:30px;top:30px;width:50px;height:25px;line-height:25px;color:#fff;font-size:16px;background:#fd4134;border-radius:2px;z-index:10;}
.display-btns {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:50px;}
.display-btns a {display:inline-block;margin-right:10px;width:138px;height:48px;line-height:48px;border:1px solid #dddddd;text-align:center;color:#666666;font-size:16px;-webkit-transition:0.35s;-o-transition:0.35s;-moz-transition:0.35s;transition:0.35s;}
.display-btns a:hover {-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);-ms-transform:translateY(-4px);-o-transform:translateY(-4px);transform:translateY(-4px);}
.display-btns a:last-child {margin-right:0;}
.display-btns a i {display:inline-block;position:relative;top:1px;margin-right:6px;color:#c3c7ce;font-size:20px;-webkit-transition:0.35s;-o-transition:0.35s;-moz-transition:0.35s;transition:0.35s;}
.display-btns .consulte{width:168px;}

.product-tops {position:relative;padding:190px 30px 56px;overflow:hidden;}
.posites1 {border-top-color:#dddddd;}
.posites1 ul li,.posites1 ul li a,.posites1 ul li:after {color:#999999;}
.posites1 ul li a.active {color:var(--color);}
.posites1 ul li a.active em {display:inline-block;vertical-align:middle;margin-right:12px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--color);}

.product-wraps {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-moz-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
.product-wr {display:flex;align-items:center;flex-direction:row-reverse;}
.product-min {width:70px;height:240px;}
.product-min.stopPlay .slick-track {transform:translate(0px) !important;}
.product-min-item.slick-current figure {border-color:transparent;}
.product-min-item.slick-current figure:before {opacity:1;visibility:visible;}
.product-min-item figure {display:block;position:relative;height:68px;line-height:1;margin:5px 0;border:1px solid #dddddd;text-align:center;cursor:pointer;}
.product-min-item figure:before {position:absolute;left:0;top:0;content:"";width:100%;height:100%;border:2px solid var(--color);box-sizing:border-box;opacity:0;visibility:hidden;transition:0.4s;}
.product-min-item figure img {position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;max-width:80%;max-height:80%;}
.product-wr:hover .banner-btn {opacity:1;visibility:visible;}
.product-swiper-wr {position:relative;margin-left:26px;width:35vw;}
.product-swiper-wr .banner-btn {color:var(--color);visibility:hidden;transition:0.4s;opacity:0;border-color:var(--color);width:48px;height:48px;}
.product-swiper-wr .banner-btn:hover:before {transform:scale(1);visibility:visible;}
.product-swiper-wr .banner-btn:hover i {color:#fff;}
.product-swiper-wr .banner-btn:before {position:absolute;left:0;top:0;z-index:-1;content:"";width:100%;height:100%;border-radius:50%;background:var(--color);transform:scale(0);visibility:hidden;transition:0.4s;}
.product-swiper-wr .banner-btn .circle_bar {left:-1px;top:-1px;}
.product-swiper-wr .banner-btn.prev:hover i {text-indent:-5px;}
.product-swiper-wr .banner-btn:hover {transition-delay:0.3s;}
.product-swiper-wr .banner-btn:hover i {color:#fff;}
.product-swiper-wr .banner-btn.next:hover i {text-indent:5px;}
.product-swiper-wr .banner-btn i {line-height:48px;color:var(--color);transform:scale(0.8);transition:0.4s;font-weight:lighter;}
.product-swipers {position:relative;overflow:hidden;}
.product-swipers .swiper-pagination {bottom:0;line-height:1;}
.product-swipers .swiper-pagination .swiper-pagination-bullet {position:relative;margin:0 2.5px;width:48px;height:3px;background:#dddddd;opacity:1;border-radius:0px;-webkit-transition:0.35s;-o-transition:0.35s;-moz-transition:0.35s;transition:0.35s;}
.product-swipers .swiper-pagination .swiper-pagination-bullet:before {position:absolute;left:0;top:0;content:"";width:0;height:100%;background:var(--color);-webkit-transition:0.4s;-o-transition:0.4s;-moz-transition:0.4s;transition:0.4s;}
.product-swipers .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {width:100%;-webkit-transition:5s;-o-transition:5s;-moz-transition:5s;transition:5s;}

.product-info {padding-left:30px;width:55%;text-align:left;-moz-box-sizing:border-box;box-sizing:border-box;}
.product-info .display-text {margin-left:0;margin-bottom:34px;height:auto;text-align:left;}
.product-info .display-text strong {font-size:26px;}
.product-info .display-btns {-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}
.product-info .display-btns a {background:var(--color);border-color:var(--color);color:#fff;}
.product-info .display-btns a i {color:#fff;}
.product-info .display-btns a:first-child {border-color:#f58812;background:#f58812;}

.pro-slide {float:left;line-height:1;overflow:hidden;}
.pro-slide figure {display:block;line-height:1;text-align:center;}
.pro-slide figure img {display:block;margin:auto;max-width:100%;height:auto;}
.product-v {position:relative;}
.product-v section {overflow:hidden;}
.product-v section:last-child {border-bottom:none;}

.introductions {padding:2px 0 2px;background:#edf1fa;}
.characteristic {color:#222222;font-size:16px;}
.characteristic img {max-width:100%;width:auto;height:auto;}
.characteristic-item {padding:50px 60px 70px;margin-bottom:28px;background:#fff;}
.characteristic-item:last-child {margin-bottom:0;}
.characteristic-item .characteristic-tt {display:block;position:relative;padding-left:35px;padding-bottom:25px;border-bottom:1px solid #dddddd;color:var(--color);font-size:30px;line-height:1.2;font-weight:normal;background:url(../images/pro.png) left 7px no-repeat;}
.characteristic-in {padding-top:32px;}
.characteristic-in p {position:relative;line-height:2.5;}

.characteristic-in strong {margin-top:10px;line-height:2;color:#222222;font-weight:700;}
.characteristic-in div {color:#333333;font-size:16px;line-height:2;}
.characteristic-in h1{color:#333;font-size:28px;font-weight:bold;}
.characteristic-in h2{position:relative;color:#333;font-size:24px;font-weight:bold;padding-top:1%;}
.characteristic-in h3{color:#333;font-size:18px;font-weight:bold;padding-top:1%;}
.characteristic-in p{color:#333333;font-size:16px;line-height:2;}
.characteristic-in p a{color:#1c202b;text-decoration: underline;}
.characteristic-in img{max-width:100%!important;height:auto!important;display:block !important;margin:10px auto;border-radius:10px;}
.characteristic-in ol{list-style-type:decimal;}
.characteristic-in li{margin-left:18px;}
@media only screen and (max-width: 1600px){
  .characteristic-in h1{font-size:28px;}
  .characteristic-in h2{font-size:22px;}
  .characteristic-in h3{font-size:18px;}
}
@media only screen and (max-width: 768px){
  .characteristic-in{font-size: 14px;padding: 10px 0;}
  .characteristic-in h1{font-size:22px;}
  .characteristic-in h2{font-size:18px;}
  .characteristic-in h3{font-size:16px;}
}

.common-w {margin:auto;width:100%;}
.display-box {padding:80px 0;}
.display-tit {display:block;color:#222222;font-size:36px;line-height:1;font-weight:normal;}

.happlys {margin-top:60px;}
.happlys li {background:#fff;}
/*about*/
.about-ptext {position:absolute;left:0;top:65%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:100%;text-align:center;}
.about-ptext strong {display:block;line-height:1;color:#fff;font-size:3.64vw;font-weight:normal;}
.about-menu {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:32px;}
.about-menu li {position:relative;z-index:2;margin-right:45px;}
.about-menu li:before {content:"";width:0;height:2px;background:#fff;position:absolute;right:0;bottom:0;transition:0.4s;z-index:-1;}
.about-menu li:hover,.about-menu li.active {color:#fff;}
.about-menu li:hover:before,.about-menu li.active:before {width:100%;right:auto;left:0;}
.about-menu li:last-child {margin-right:0;}
.about-menu li a {display:inline-block;position:relative;padding-bottom:12px;line-height:1.5;color:#fff;font-size:18px;}

.company-about {position:relative;padding-bottom:56px;}
.company-wrap {position:relative;margin-left:-60px;width:100%;height:100%;background:url(../images/aboutlogo1.png) center no-repeat;-o-background-size:cover;background-size:cover;}
.company-hide {position:absolute;left:0;top:0;z-index:2;width:100%;height:0;background:url(../images/aboutlogo2.png) center top no-repeat;-o-background-size:100% auto;background-size:100% auto;}
.company-info {display:inline-block;vertical-align:top;padding:80px 60px 0;}
.company-top {margin-bottom:60px;}
.company-in {margin-top:28px;}
.company-in .common-hide strong {color:var(--color);}
.company-intro {margin-top:18px;text-align:justify;color:#222222;font-size:18px;}
.company-intro h1{color:#151515;font-size:28px;font-weight:bold;}
.company-intro h2{position:relative;color:#151515;font-size:24px;font-weight:bold;padding-top:1%;}
.company-intro h2 strong{position:relative;top:-1px;padding-bottom:1.5%;border-bottom:3px solid #1c202b;}
.company-intro h3{color:#151515;font-size:18px;font-weight:bold;padding-top:1%;}
.company-intro p{color:#555;line-height:2.2;}
.company-intro p a{color: #1c202b;text-decoration: underline;}
.company-intro img{max-width:100% !important;height:auto!important;display:block !important;margin:10px auto;border-radius:10px;}
.company-intro ol{list-style-type:decimal;margin-left:9px;}

.company-count {margin-top:5.99vw;position:relative;}
.company-count ul {display:flex;flex-wrap:wrap;justify-content:space-between;}
.company-count ul li {text-align:center;}
.company-count ul li h3 {font-size:40px;color:var(--color);font-weight:400;line-height:1;}
.company-count ul li p {margin-top:15px;font-weight:400;font-size:20px;color:#535353;}


.culture-top {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:11.9% 60px 8.12vw;}
.culture-top .common-series-title {padding:0;}
.common-series-title .solute-hide1 strong {color:var(--color);}
.culture-info {padding-top:52px;margin-left:9.6vw;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.culture-in {width:45.4%;}
.culture-in p {color:#222222;font-size:16px;}
.culture-list {position:relative;z-index:3;}
.culture-li li {padding:58px 60px 54px;margin-top:-1px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;}
.culture-li li strong {display:block;height:11.25vw;color:#fff;font-size:40px;font-weight:normal;}
.culture-li li p {color:#fff;font-size:16px;}
.culture-swiper {position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;}
.culture-slide {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;visibility:hidden;-webkit-transition:0.7s;-o-transition:0.7s;-moz-transition:0.7s;transition:0.7s;}
.culture-slide:first-child {opacity:1;visibility:visible;}
.culture-slide.active {opacity:1;visibility:visible;}
.culture-bg {height:100%;background-attachment:fixed !important;background-position:center;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;}

.honor-box {padding:56px 60px 0;}
.honor-tab {margin-top:20px;}
.honor-swiper {position:relative;padding-bottom:66px;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;}
.honor-swiper .swiper-wrapper {justify-content:center;}
.honor-swiper .swiper-scrollbar {height:4px;border-radius:0px;}
.honor-swiper .swiper-scrollbar .swiper-scrollbar-drag {background:var(--color);}
.honor-slide {padding-top:10px;position:relative;}
.honor-slide a {cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;}
.honor-slide:hover figure img {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.honor-slide figure {display:block;position:relative;text-align:center;height:230px;}
.honor-slide figure img {position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;-webkit-transition:0.65s;-o-transition:0.65s;-moz-transition:0.65s;transition:0.65s;border-radius:10px;}
.honor-slide span {display:block;text-align:center;margin-top:36px;color:#222222;font-size:16px;}

.common-series-title1 .solute-hide strong {color:var(--color);}
.company-in.article-block .common-hide strong {opacity:0;visibility:hidden;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-transition:0.6s;-o-transition:0.6s;-moz-transition:0.6s;transition:0.6s;}
.company-in.articleShow .common-hide strong {opacity:1;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
.company-in.articleShow .common-hide:nth-child(2) strong {-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s;}
.company-in.articleShow .common-hide:nth-child(3) strong {-webkit-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s;}
.about-swiper {position:relative;z-index:0;height:100%;}
.applicate-fix {position:relative;z-index:2;padding-bottom:80px;}
.applicate-wrap {margin:auto;margin-top:-60px;width:1320px;}
.scroll-more1 {bottom:118px;}
.applicate-item {margin-bottom:140px;}
.applicate-item:last-child {margin-bottom:0;}
.applicate-imgs {position:relative;display:block;padding-bottom:36.51%;height:0;overflow:hidden;line-height:1;}
.applicate-imgs img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.applicate-ico {position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);text-align:center;width:100%;}
.applicate-ico b {display:block;line-height:1;color:#fff;font-size:56px;font-weight:normal;}
.applicate-ico strong {display:block;margin-top:20px;line-height:1;color:#fff;font-size:50px;font-weight:normal;}
.applicate-list {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.applicate-list li {position:relative;text-align:center;width:16.6666%;height:168px;}
.applicate-list li img {position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;-webkit-transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;transition:0.5s;background:none;max-width:90%;max-height:90%;}
.applicate-list li img:hover {-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06);}

.news-banner {overflow:hidden;}
.ntext {position:absolute;left:50%;margin-left:-45%;top:57%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:90%;text-align:center;}
.ntext strong {display:block;margin-bottom:26px;line-height:1;color:#fff;font-size:3.64vw;font-weight:normal;}
.ntext p {color:#fff;font-size:18px;}
.news-box {padding:134px 0 70px;background:#f7f7f7;}
.news-wrap {margin:auto;width:1325px;max-height:90%;}
.news-infos {margin-bottom:95px;}
.news-infos a {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
.news-infos a figure {display:block;line-height:1;overflow:hidden;width:50%;}
.news-infos a figure img {display:block;width:100%;height:auto;-webkit-transition:0.6s;-o-transition:0.6s;-moz-transition:0.6s;transition:0.6s;}
.news-infos a:hover figure img {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.news-infos a:hover .news-texts .news-mm b:before {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;visibility:visible;}
.news-infos a:hover .news-texts .news-mm b i {color:#fff;text-indent:4px;}
.news-texts {position:relative;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:58px;border-bottom:4px solid var(--color);width:50%;-webkit-transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.news-mm {position:absolute;left:58px;bottom:42px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}
.news-mm b {display:block;position:relative;z-index:2;width:47px;height:47px;text-align:center;border:1px solid var(--color);border-radius:50%;-webkit-transition:0.4s;-o-transition:0.4s;-moz-transition:0.4s;transition:0.4s;}
.news-mm b:before {position:absolute;left:0;top:0;z-index:-1;content:"";width:100%;height:100%;border-radius:50%;background:var(--color);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0;visibility:hidden;-webkit-transition:0.4s;-o-transition:0.4s;-moz-transition:0.4s;transition:0.4s;}
.news-mm b i {display:block;line-height:47px;color:var(--color);font-size:12px;font-style:normal;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7);-webkit-transition:0.4s;-o-transition:0.4s;-moz-transition:0.4s;transition:0.4s;}
.news-mm span {display:inline-block;margin-left:15px;color:var(--color);font-size:16px;}
.news-time {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:24px;}
.news-time b {display:block;line-height:1;color:#000000;font-size:60px;font-weight:normal;}
.news-time span {display:inline-block;position:relative;top:-5px;margin-left:10px;color:#999999;font-size:16px;line-height:1;}
.news-t strong {display:block;margin-bottom:45px;line-height:1.2;color:#222222;font-size:40px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-t p {color:#666666;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.news-li {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.news-li li {margin-right:5%;margin-bottom:114px;width:30%;}
.news-li li:nth-child(3n+3) {margin-right:0;}
.news-li li a {display:block;position:relative;padding:50px 40px 40px;border-bottom:4px solid var(--color);}
.news-li li a:hover {background:#fff;border-color:#fff;}
.news-li li a:hover .news-mm b:before {opacity:1;visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.news-li li a:hover .news-mm b i {color:#fff;text-indent:4px;}
.news-li li a .news-t strong {margin-bottom:45px;font-size:24px;height:58px;}
.news-li li a .news-t p {height:86px;}
.news-li li a .news-mm {position:relative;left:0;bottom:0;margin-top:54px;}
.news-v {padding-bottom:120px;background:#eeeeee;}
.news-v-wrap {position:relative;z-index:2;margin:auto;margin-top:-60px;width:1320px;background:#fff;}
.news-view {max-width:90%;margin:auto;width:960px;}
.news-top {padding:88px 0 33px;text-align:center;border-bottom:1px solid #d4d4d4;}
.news-top strong {display:block;margin-bottom:20px;line-height:1.2;color:#333333;font-size:40px;font-weight:normal;}
.news-top time {display:block;line-height:1.2;color:#999999;font-size:16px;}
.news-v-info {padding:58px 0 105px;color:#333333;font-size:18px;text-align:justify;}
.news-v-info img {max-width:100%;width:auto;height:auto;}
.news-page {padding:56px 0 150px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid #d4d4d4;}
.news-prev.next a {-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
.news-prev.next a .news-prev-in {margin-left:0;margin-right:20px;text-align:right;}
.news-prev a {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}
.news-prev a:hover b {border-color:var(--color);}
.news-prev a:hover b:before {opacity:1;visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.news-prev a:hover b i {color:#fff;}
.news-prev a:hover .news-prev-in span,.news-prev a:hover .news-prev-in p {color:var(--color);}
.news-prev a b {display:block;position:relative;z-index:2;width:48px;height:48px;border:1px solid #eeeeee;text-align:center;border-radius:50%;-webkit-transition:0.34s;-o-transition:0.34s;-moz-transition:0.34s;transition:0.34s;}
.news-prev a b:before {position:absolute;left:0;top:0;content:"";width:100%;height:100%;border-radius:50%;background:var(--color);opacity:0;visibility:hidden;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:0.4s;-o-transition:0.4s;-moz-transition:0.4s;transition:0.4s;}
.news-prev a b i {display:inline-block;line-height:48px;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7);font-style:normal;color:#090909;font-size:12px;-webkit-transition:0.34s;-o-transition:0.34s;-moz-transition:0.34s;transition:0.34s;}
.news-prev-in {margin-left:20px;}
.news-prev-in span {display:block;margin-bottom:10px;line-height:1;color:#999999;font-size:18px;-webkit-transition:0.35s;-o-transition:0.35s;-moz-transition:0.35s;transition:0.35s;}
.news-prev-in p {color:#222222;font-size:18px;line-height:1.5;-webkit-transition:0.35s;-o-transition:0.35s;-moz-transition:0.35s;transition:0.35s;}

.contact {margin:auto;padding:110px 0 120px;width:90%;}
.contact-title {margin-bottom:22px;color:#222222;font-size:50px;line-height:1.2;}
.contact-box *{font-size:18px;line-height:220%;}
.contact-box{font-size:16px;padding:20px 0;word-break:break-word!important;overflow:hidden;}
.contact-box h1{color:#151515;font-size:28px;font-weight:bold;}
.contact-box h2{position:relative;color:#151515;font-size:24px;font-weight:bold;padding-top:1%;}
.contact-box h2 strong{position:relative;top:-1px;padding-bottom:1.5%;}
.contact-box h3{color:#151515;font-size:18px;font-weight:bold;padding-top:1%;}
.contact-box p{color: #555;line-height: 1.8;}
.contact-box p a{color: #1c202b;text-decoration: underline;}
.contact-box img{max-width:100% !important;height:auto!important;display:block !important;margin:10px auto;border-radius:10px;}
.contact-box ol{list-style-type:decimal;margin-left:9px;}
@media only screen and (max-width: 1600px){
  .contact-box h1{font-size:28px;}
  .contact-box h2{font-size:22px;}
  .contact-box h3{font-size:18px;}
}
@media only screen and (max-width: 768px){
  .contact-box{font-size: 14px;padding: 10px 0;}
  .contact-box h1{font-size:22px;}
  .contact-box h2{font-size:18px;}
  .contact-box h3{font-size:16px;}
}
.contact-list {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:40px;}
.contact-item {width:45.45%;}
.contact-item .contact-tt {display:block;padding-bottom:16px;border-bottom:1px solid #dddddd;line-height:1.2;color:#222222;font-size:24px;font-weight:normal;}
.contact-address {margin-top:40px;padding-bottom:30px;}
.contact-address-item {margin-bottom:36px;}
.contact-address-item.active span,.contact-address-item.active p {color:var(--color);}
.contact-address-item.active span {font-size:18px;}
.contact-address-item.active p {font-size:30px;line-height:1;}
.contact-address-item span {display:block;margin-bottom:8px;line-height:1;color:#222222;font-size:18px;}
.contact-address-item p {color:#666666;font-size:16px;line-height:1.6;}

.blank-info .tips {position:fixed;}
.product-class-li1 li a {color:rgba(255,255,255,0.5);}
.search-boxs {padding:52px 0 60px;background:#f7f7f7;}
.search-wraps {margin:auto;width:1320px;}
.search-ts {margin-bottom:45px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;line-height:1;}
.search-ts strong {display:inline-block;color:var(--color);font-size:30px;line-height:1;font-weight:normal;}
.search-ts b {display:inline-block;position:relative;top:3px;line-height:1;color:var(--color);font-weight:normal;font-size:30px;}
.search-ts span {display:inline-block;margin:0 6px;color:#111111;font-size:16px;line-height:1;}
.search-list li {margin-bottom:20px;}
.search-list li a {display:block;position:relative;padding:32px 30px 30px;background:#fff;-webkit-transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.search-list li a:hover {background:var(--color);}
.search-list li a:hover strong {color:#fff;}
.search-list li a:hover strong b {color:#fff;}
.search-list li a:hover p {color:#fff;}
.search-list li a:hover span {background:#fff;border-color:#fff;color:var(--color);}
.search-list li a:hover figure {border-color:#fff;background:#fff;}
.search-list li a strong {display:block;margin-bottom:14px;line-height:1;color:#222222;font-size:24px;font-weight:normal;-webkit-transition:0.36s;-o-transition:0.36s;-moz-transition:0.36s;transition:0.36s;}
.search-list li a strong b {color:var(--color);font-weight:normal;-webkit-transition:0.36s;-o-transition:0.36s;-moz-transition:0.36s;transition:0.36s;}
.search-list li a p {color:#999999;font-size:16px;-webkit-transition:0.36s;-o-transition:0.36s;-moz-transition:0.36s;transition:0.36s;}
.search-list li a span {display:block;position:absolute;right:30px;top:30px;min-width:150px;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px;text-align:center;height:40px;line-height:40px;color:#666666;font-size:14px;background:#f7f7f7;-webkit-transition:0.36s;-o-transition:0.36s;-moz-transition:0.36s;transition:0.36s;}
.search-list li a figure {display:block;text-align:center;position:relative;margin-top:28px;width:128px;height:128px;border:1px solid #dddddd;background:#fff;-webkit-transition:0.4s;-o-transition:0.4s;-moz-transition:0.4s;transition:0.4s;}
.search-list li a figure img {position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;-webkit-transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}

.price-pop {position:fixed;left:0;bottom:0;width:100%;background:var(--color) url(../images/footerbg.png) center no-repeat;background-size:cover;z-index:199;display:none;}
.price-pop a {display:flex;justify-content:space-between;align-items:center;padding:15px 5%;box-sizing:border-box;width:100%;}
.price-wrap {display:flex;align-items:center;}
.price-wrap figure {display:block;line-height:1;width:50px;height:auto;}
.price-wrap figure img {display:block;width:100%;height:auto;border-radius:50%;}
.price-wrap strong {margin-left:16px;display:block;color:#fff;font-size:18px;}
.blank-info .price-tem .mobliephone,.product-info .price-tem .mobliephone {display:none;}
.price-tem {position:relative;z-index:2;}
.price-tem .blank-link {position:absolute;left:0;top:-15px;background:none;padding:25px 0;}
.price-tem a,.price-tem p {display:flex;align-items:center;width:200px;padding:10px;border-radius:10px;background:#ff8500;color:#fff;font-size:16px;line-height:1;font-size:24px;font-family:"Gilroy";}
.price-tem a i,.price-tem p i {display:inline-block;position:relative;top:-1px;color:#fff;font-size:34px;font-style:normal;animation:jiggle 2s infinite alternate;}
@keyframes jiggle {
  48%,62% {transform:scale(1,1);}
  50% {transform:scale(1.2,0.8);}
  56% {transform:scale(0.8,1.2) translate(0,-5px);}
  59% {transform:scale(1,1) translate(0,-3px);}
}
.product-mores {display:none;}

.error {position:fixed;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;}
.error-text {position:absolute;left:0;top:60%;text-align:center;width:100%;}
.error-text strong {display:block;color:#fff;font-size:40px;line-height:1.2;font-weight:normal;}
.error-header .header-wrap:hover {background:none;}
.error-header .header-wrap:hover .logo img.show {opacity:1;visibility:visible;}
.error-header .header-wrap:hover .logo img.hide {opacity:0;visibility:hidden;}

.pseries-iphone {display:none;}
.series-tit {margin-top:-22px;text-align:center;}
.series-tit strong {display:block;margin-bottom:28px;line-height:1;color:#222222;font-size:60px;font-weight:normal;}
.series-tit p {color:#999999;font-size:18px;}

.verificate {margin-bottom:30px;display:flex;justify-content:space-between;}
.verificate .text {padding-left:20px;flex:1;height:50px;line-height:50px;color:#666666;font-size:16px;border:none;background:#f7f7f7;}
.verificate .text:focus::-webkit-input-placeholder {opacity:0;visibility:hidden;}
.verificate span {display:inline-block;cursor:pointer;margin-left:11px;text-align:center;width:128px;height:48px;line-height:48px;border:1px solid var(--color);color:var(--color);font-size:16px;}
.send-yz {margin-top:-10px;margin-bottom:16px;display:none;}
.send-yz .send-flex {display:flex;align-items:center;}
.send-yz i {display:inline-block;width:17px;height:11px;background:url(../images/tick1.png) left center no-repeat;}
.send-yz p {margin-left:4px;color:#666666;font-size:15px;}
.send-sub {text-align:center;}
.send-sub input {border:none;padding:0;margin:0;width:100%;height:50px;line-height:50px;color:#fff;font-size:16px;background:var(--color);cursor:pointer;}

.product_class_title {display:none;}
.product_class_title {display:none;position:absolute;left:30px;top:50%;text-align:center;line-height:1;z-index:10;color:#fff;font-size:38px;}

.innerbanner img.mb {display:none;}
.innerbanner img.pc {display:block;}

.structure__3d {position:relative;margin-top:70px;padding-bottom:54.54%;}
.structure__720 {position:absolute;left:30px;top:30px;display:flex;justify-content:center;align-items:center;width:80px;height:80px;background:#fff;border-radius:50%;z-index:3;}
.structure__720 img {display:inline-block;margin-top:10px;width:50%;height:auto;line-height:0;}

.new-menus {position:fixed;left:0;bottom:0;display:flex;align-items:center;width:100%;z-index:99;background:#ffffff;box-shadow:0 4px 4.67vw rgba(245,245,245,0.89);padding:28px 0 22px;padding-right:5%;box-sizing:border-box;display:none;}
.new-menus .product-info {margin-top:0;flex:1;width:0;}
.new-menus .product-info .display-btns {display:flex;}
.new-menus .product-info .display-btns a {flex:1;}
.new-home {width:120px;text-align:center;}
.new-home a {display:block;}
.new-home a img {display:inline-block;width:auto;height:22px;line-height:1;}
.new-home a span {display:block;line-height:1;color:#111111;font-size:16px;}

.blank-info .product-info {margin-top:0;display:none;}
.navs__about {display:flex;justify-content:center;align-items:center;padding-bottom:42px;}
.navs__about li {margin-right:30px;position:relative;width:360px;}
.navs__about li:last-child {margin-right:0;}
.navs__about li:hover figure img {transform:scale(1.1);}
.navs__about li figure {position:relative;display:block;padding-bottom:56.3888%;height:0;overflow:hidden;line-height:1;border-radius:10px;}
.navs__about li figure img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.navs__about li figure img {transition:0.65s;}
.navs__about li strong {position:absolute;left:30px;bottom:24px;color:#fff;font-size:16px;font-weight:normal;}


.home-solution {width:100%;margin:0 auto;position:relative;z-index:10;}
.solution_con1 {position:relative;}
.solution_con1 .gallery-top {width:100%;height:auto;}
.solution_con1 .gallery-top .swiper-slide {display:initial;}
.solution-max-img {position:relative;}
.solution-max-img.tp{overflow: hidden;}
.solution-max-img.tp img{display:block;max-width:100%;height:auto;margin:auto;transition:.5s;}
.solution-max-txt {position:absolute;top:10%;width:100%;}
.solution-max-txts {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.solution-max-txt-fl h3 {font-weight:500;font-size:44px;color:#FFFFFF;line-height:1.2;}
.solution-max-txt-fl a {margin-top:35px;display:flex;align-items:center;justify-content:center;width:155px;height:46px;border-radius:23px;border:1px solid #E2E2E2;font-weight:400;font-size:16px;color:#FFFFFF;transition:.5s;}
.solution-max-txt-fl a i {width:7px;height:12px;background:url("../images/nm.png") no-repeat center;background-size:100%;margin-left:15px;}
.solution-max-txt-fl a:hover {background:var(--color);border:1px solid var(--color);}
.solution-max-txt-fr {font-weight:400;font-size:18px;color:#FFFFFF;line-height:32px;width:32%;text-align:right;}
.solution_con2 {position:absolute;bottom:50px;left:50%;transform:translate(-50%,0);width:100%;z-index:2;}
.solution_con2 .container2 {position:relative;}
.solution_con2 .gallery-thumbs {height:auto;border-bottom:1px solid #ffffff;border-left:1px solid #ffffff;border-right:1px solid #ffffff;border-radius:10px;}
.solution_con2 .gallery-thumbs .swiper-slide {display:initial;pointer-events:none;}
.solution_con2 .gallery-thumbs .swiper-slide{pointer-events:auto;cursor:pointer;}
.solution-min a {display:flex;position:relative;height:106px;justify-content:center;align-items:center;border-top:1px solid #ffffff;border-right:1px solid #ffffff;font-family:"OPPOSans-B";font-size:20px;color:#FFFFFF;line-height:28px;text-align:center;transition:all .5s;}
.solution-min a:before {content:'';display:block;width:0;height:100%;position:absolute;left:50%;transform:translateX(-50%);top:0;background-color:var(--rgbcolor);z-index:-1;transition:all .5s;}
.solution-min a.active:before {width:100%;}
.solution-min.swiper-slide-thumb-active a:before {width:100%;}


.home-news {width:100%;margin:0 auto;background:#F7F7F7;padding:0 0 90px 0}
.news_con {margin-top:2.79vw;}
.news_con ul {display:flex;flex-wrap:wrap;}
.news_con ul li {width:23%;margin-right:2.666%;}
.news_con ul li:nth-child(4n) {margin-right:0;}
.news_con ul li a {display:block;border-radius:15px;}
.news_img {border-radius:15px 15px 0px 0px;}
.news_img.tp{overflow: hidden;}
.news_img.tp img{display:block;max-width:100%;height:auto;margin:auto;transition:.5s;}
.news_txt {background:#FFFFFF right top;border-radius:0px 0px 15px 15px;padding:7% 6.7%;transition:.5s;}
.news_txt1 {font-weight:400;font-size:20px;color:#333333;line-height:30px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}
.news_txt2 {margin-top:10px;font-weight:400;font-size:14px;color:#5D5D5D;line-height:24px;height:72px;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}
.news_txt3 {margin-top:10px;display:flex;align-items:center;justify-content:space-between;}
.news_txt3 p {font-weight:400;font-size:18px;color:#4F4F4F;line-height:17px;background:url("../images/time.png") no-repeat left center;background-size:16px 15px;padding-left:22px;transition:.5s;}
.news_txt3 span {width:30px;height:30px;border-radius:50%;border:1px solid #D3D3D3;background:url("../images/njt.png") no-repeat center;background-size:6px 11px;transition:.5s;}
.news_con ul li a:hover .news_img img {transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);}
.news_con_t {transition:0.4s ease-in-out;position:relative;top:0;}
.news_con ul li a:hover .news_con_t {top:-20px;}
.news_con ul li a:hover .news_txt {background:var(--color) url("../images/nbg.png") no-repeat right top;}
.news_con ul li a:hover .news_txt1 {color:#ffffff;}
.news_con ul li a:hover .news_txt2 {color:#FFFFFF;}
.news_con ul li a:hover .news_txt3 p {color:#FFFFFF;background:url("../images/time_h.png") no-repeat left center;background-size:16px 15px;}
.news_con ul li a:hover .news_txt3 span {background:url("../images/njt_h.png") no-repeat center;background-size:6px 11px;border:1px solid #D3D3D3;}
.news_con_b {margin-top:32px;width:100%;height:1px;background:#e2e2e2;position:relative;}
.news_con_b:before {content:'';display:block;width:0;height:1px;background:var(--color);position:absolute;left:0;top:0;transition:.5s;}
.news_con ul li a:hover .news_con_b:before {width:100%;}


.customer__service {padding:170px 64px 100px 60px;display:flex;justify-content:space-between;align-items:flex-start;}
.customer__service .exhibite-top {padding-top:0 !important;position:sticky;top:100px;}

.service__list {padding-top:56px;width:61.9792vw;max-width:1190px;display:flex;flex-wrap:wrap;}
.service__list li {margin-right:2.6%;margin-bottom:80px;width:48.7%;}
.service__list li:hover figure img {transform:scale(1.06);}
.service__list li:nth-child(2n+2) {margin-right:0;}
.service__list li figure {position:relative;display:block;padding-bottom:72.413%;height:0;overflow:hidden;line-height:1;}
.service__list li figure img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.service__list li figure img {transition:0.68s;}

.service__infos {margin-top:38px;}
.service__infos strong {display:block;margin-bottom:10px;color:#222222;font-size:24px;font-weight:normal;}
.service__infos p {color:#999999;font-size:16px;line-height:1.75;}

.index_about {background:#fff;}
.in-about-box {padding:0 0 120px 0;}
.in-about-box dl {margin:0;}
.in-about-box dt {float:right;width:500px;}
.in-about-box dd {margin:0 550px 0 0;}
.in-about-box dd .img-center {text-align:left;font-size:0;}
.in-about-box dd p {margin:15px 0 0;line-height:2;text-align:justify;text-indent:2em;color:#111;font-size:16px;}
.img-center img {display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s;margin-top:-30px;border-radius:10px;}

.connecte {padding:0 0 80px;}
.connecte-list {padding-top:30px;margin-left:60px;margin-right:60px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;    overflow: hidden;}
.connecte-list li {margin-bottom:32px;position:relative;}
.connecte-list li:hover figure img {transform:scale(1.05);}
.connecte-list li:last-child {margin-bottom:0;}
.connecte-list li figure {position:relative;display:block;padding-bottom:59.137%;height:0;overflow:hidden;line-height:1;border-radius:10px;}
.connecte-list li figure img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.connecte-list li figure img {transition:0.68s;}
.connecte-info {position:absolute;left:30px;right:30px;bottom:32px;z-index:3;}
.connecte-info strong {display:block;margin-bottom:10px;line-height:1.2;color:#fff;font-size:24px;font-weight:normal;}
.connecte-info p {color:#ffffff;font-size:16px;}


.banner .swiper-pagination,.customers-swiper .swiper-pagination,.strength-list .swiper-pagination,.informate__list .swiper-pagination,.connecte-list .swiper-pagination {position:relative;margin-top:40px;line-height:1;}
.banner .swiper-pagination .swiper-pagination-bullet,.customers-swiper .swiper-pagination .swiper-pagination-bullet,.strength-list .swiper-pagination .swiper-pagination-bullet,.informate__list .swiper-pagination .swiper-pagination-bullet,.connecte-list .swiper-pagination .swiper-pagination-bullet {position:relative;margin:0 5px;width:48px;height:3px;background:#dddddd;opacity:1;border-radius:0px;-webkit-transition:0.35s;-o-transition:0.35s;-moz-transition:0.35s;transition:0.35s;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before,.customers-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before,.strength-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before,.informate__list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before,.connecte-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {width:100%;-webkit-transition:5s;-o-transition:5s;-moz-transition:5s;transition:5s;}
.banner .swiper-pagination .swiper-pagination-bullet:before,.customers-swiper .swiper-pagination .swiper-pagination-bullet:before,.strength-list .swiper-pagination .swiper-pagination-bullet:before,.informate__list .swiper-pagination .swiper-pagination-bullet:before,.connecte-list .swiper-pagination .swiper-pagination-bullet:before {position:absolute;left:0;top:0;content:"";width:0;height:100%;background:var(--color);-webkit-transition:0.4s;-o-transition:0.4s;-moz-transition:0.4s;transition:0.4s;}
.strength-list .swiper-pagination {margin-top:54px;}

.customers-li li {margin-right:1.588%;}
.customers-li li:nth-child(8n+8) {margin-right:0;}
.strength-list {padding:0;margin-left:60px;margin-right:60px;}
.pd90 {padding-bottom:90px;}
.display-product li .display-btns {padding-left:10px;padding-right:10px;}
.display-product li:hover .display-btns .downbtn {background:#edf1fa;border-color:#edf1fa;color:var(--color);}
.display-product li:hover .display-btns .downbtn i {color:var(--color);}

.informate {padding-bottom:12px;background:#edf1fa;}
.informate__left .solute-hide .common-hide strong {color:#111111;}
.informate__left .enter-href {text-align:left;}
.informate__list {padding-top:10px;margin:20px 60px 0 60px;}
.informate__list .swiper-pagination {margin-top:60px;}
.informate-slide {width:33.333%;background:#fff;box-shadow:0 0 0.57rem rgba(0,0,0,0.05);cursor:pointer;border-radius:10px;}
.informate-slide:hover figure img {transform:scale(1.08);}
.informate-slide:hover .informate__btn {background:var(--color);border-color:var(--color);color:#fff;}
.informate-slide:hover .informate__btn i {color:#fff;}
.informate-slide figure {position:relative;display:block;padding-bottom:75%;height:0;overflow:hidden;line-height:1;transition:0.5s;border-radius:10px}
.informate-slide figure img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.informate-slide figure img {position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;max-width:100%;max-height:100%;transition:0.65s;}

.informate__info {padding:26px 30px 30px;}
.informate__text {height:70px;}
.informate__text strong {display:block;margin-bottom:7px;line-height:1.5;color:#061729;font-size:20px;font-weight:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.informate__text p {color:#999999;font-size:16px;}
.informate__btn {display:flex;justify-content:center;align-items:center;height:48px;border:1px solid #dddddd;color:#111111;font-size:16px;transition:0.4s;border-radius:10px;}
.informate__btn i {display:inline-block;margin-right:8px;font-style:normal;font-size:16px;}
.product-info .display-btns a.downbtn {background:#edf1fa;border-color:#edf1fa;color:var(--color);}
.product-info .display-btns a.downbtn i {color:var(--color);}

.download-info a i {font-size:18px;}
.data__banner {left:30px;margin-left:0;width:auto;}
.download-item {display:block;padding:80px 0 50px;border-bottom:1px solid #dddddd;}
.download-item:first-child{padding-top:40px;}
.download-tit {display:block;width:100%;line-height:1;color:#222222;font-size:38px;font-weight:normal;padding-bottom:30px;}
.download-li {display:flex;flex-wrap:wrap;width:100%;max-width:1320px;}
.download-li li {margin-right:2%;margin-bottom:30px;width:23.5%;}
.download-li li:nth-child(4n+4) {margin-right:0;}


.inner-main {width:100%;margin:0 auto;}
.inews1 *, .inews1 *:before, .inews1 *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.inews1 .swiper-button-next2,.inews1 .swiper-button-prev2 {display:block;position:absolute;top:50%;width:57px;height:57px;border-radius:50%;margin-top:0;transform:translate(0,-50%);z-index:10;cursor:pointer;outline:none;border:1px solid var(--color);background-size:11px 19px !important;text-align:center;}
.inews1 .swiper-button-prev2 {background:url("../images/sjt_l.png") no-repeat center;}
.inews1 .swiper-button-next2 {background:url("../images/sjt_r.png") no-repeat center;}
.inews1 .swiper-button-prev2:hover {background:var(--color) url("../images/sjt_lh.png") no-repeat center;}
.inews1 .swiper-button-next2:hover {background:var(--color) url("../images/sjt_rh.png") no-repeat center;}
.inews1 {margin:7vw 0 5.89vw 0;}
.inews1 .container2 {position:relative;padding-bottom:2.96875vw;}
.inews1 .swiper-slide {display:initial;}
.inews1s a {display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;position:relative;width:100%;transition:.5s;border-radius:15px;}
.inews1_img {width:50%;position:relative;border-radius:15px 0 0 15px;overflow:hidden;}
.inews1_img img {display:block;max-width:100%;height:auto;margin:auto;transition:.5s;}
.inews1_txt {width:50%;background:#F3F3F3;border-radius:0px 15px 15px 0px;padding:2.9% 2.9% 2.9% 3.2%;display:flex;flex-direction:column;justify-content:space-between;}
.inews1_txt1 {font-weight:400;font-size:20px;color:#4F4F4F;line-height:1;background:url("../images/time.png") no-repeat left center;background-size:16px 16px;padding-left:25px;}
.inews1_txt2 {margin-top:35px;font-family:"OPPOSans-B";font-size:30px;color:#333333;line-height:44px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}
.inews1_txt3 {margin-top:25px;font-weight:400;font-size:16px;color:#5D5D5D;line-height:30px;height:90px;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}
.inews1_txt4 {display:flex;align-items:center;font-weight:400;font-size:16px;color:var(--color);text-decoration-line:underline;}
.inews1_txt4 i {width:7px;height:12px;background:url("../images/njt1.png") no-repeat center;background-size:100%;margin-left:13px;}
.inews1 .swiper-button-prev2,.inews1 .swiper-button-next2 {transform:none;top:auto;bottom:92px;}
.inews1 .swiper-button-prev2 {left:auto;right:114px;}
.inews1 .swiper-button-next2 {right:42px;left:auto;}
.inews1 .swiper-pagination-progressbar {height:1px;bottom:0;width:157px;left:50%;transform:translate(-50%,0);background:#D3D3D3;}
.inews1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {height:2px;background:var(--color);}
.inews1 a:hover .inews1_img img {transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);}
.inews2 {background:#f7f7f7;padding:2.95vw 0 7.03125vw 0;}
.inews2_b.news_con {margin-top:35px;padding-top:1.79vw;}
.inews2_b.news_con ul li {margin-bottom:4.79vw;}
.inews2_b.news_con ul li a:hover .news_txt {background:var(--color);}

/*文章内页*/
.nr_page{overflow:hidden;position:relative;min-height:540px;margin:4rem 0;}
.nr_page.news_box{margin:0;}
.nr_page.news_box .list_box{padding:2% 0 2% 0;margin:4% 0;}
.nr_page .title{max-width:90%;font-size: 30px;font-weight: bold;color:#373c41;text-align:center;word-break:break-all;margin:auto;}
.nr_page .status{position:relative;color:#666;font-size:14px;text-align:center;padding:20px 0;overflow: hidden;border-bottom:1px solid #d9d9d9;}
.nr_page .status a{color:inherit;}
.nr_page .intro{color:#595959;font-size:14px;padding:10px;white-space:normal;background:#f2f2f2;margin-bottom:20px;}
.nr_page .content *{font-size:16px;line-height:240%;}
.nr_page .content{font-size:16px;padding:20px 0;word-break:break-word!important;overflow:hidden;}
.nr_page .content h1{color:#151515;font-size:28px;font-weight:bold;}
.nr_page .content h2{position:relative;color:#151515;font-size:24px;font-weight:bold;padding-top:1%;}
.nr_page .content h2 strong{position:relative;top:-1px;padding-bottom:1.5%;}
.nr_page .content h3{color:#151515;font-size:18px;font-weight:bold;padding-top:1%;}
.nr_page .content p{color: #555;line-height: 1.8;}
.nr_page .content p a{color: #1c202b;text-decoration: underline;}
.nr_page .content img{max-width:100% !important;height:auto!important;display:block !important;margin:10px auto;border-radius:10px;}
.nr_page .content ol{list-style-type:decimal;margin-left:9px;}
@media only screen and (max-width: 1600px){
  .nr_page .content h1{font-size:28px;}
  .nr_page .content h2{font-size:22px;}
  .nr_page .content h3{font-size:18px;}
}
@media only screen and (max-width: 768px){
  .nr_page .content{font-size: 14px;padding: 10px 0;}
  .nr_page .content h1{font-size:22px;}
  .nr_page .content h2{font-size:18px;}
  .nr_page .content h3{font-size:16px;}
}
.nr_page .website{font-size:16px;}
.nr_page .reLink{display:flex;margin:30px 0;padding-bottom:20px;border-bottom:1px solid #d9d9d9;overflow:hidden;}
.nr_page .prev,.nr_page .next{width:50%;font-size:16px;color:#595959;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nr_page .prev a,.nr_page .next a{color:#595959;font-size:16px;}
.nr_page .next{text-align:right;}

@media only screen and (max-width:768px){
  .nr_page{margin:2rem 0;min-height:auto;}
  .nr_page .title{max-width:100%;font-size:18px;line-height:1.6;margin-top:10px;}
  .nr_page .status{border:0;line-height:24px;padding:10px 0;border-bottom:1px solid #d9d9d9;}
  .nr_page .status>span#switcher,
  .nr_page .status .articleShare{display:none;}
  .nr_page .intro{display:none;}
  .nr_page .reLink{display:block;margin:3vw auto;padding:0;border:0;}
  .nr_page .reLink span{font-weight:bold;}
  .nr_page .prev,.nr_page .next{width:auto;text-align:left;background:#f2f2f2;padding:10px;margin:2vw auto;}
}

.about__down {padding-bottom:15px;padding-left:30px;}
.about__down li {margin-bottom:10px;}
.about__down li:last-child {margin-bottom:0;}
.about__down li a {display:inline-block;color:#111111;font-size:16px;}

.price-pop {z-index:39;}
.technology__banner figure {height:34.375vw;}
.customers-slide figure {position:relative;padding-bottom:100%;}
.customers-slide figure img {position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;}
.quotation-pop {padding-top:0 !important;display:flex;align-items:center;}
.solute-swipers .swiper-scrollbar {position:relative;margin-top:50px;bottom:0;left:0;right:0;height:4px;}

.header.navsHover .header-wrap {transition-delay:0.4s;}
.header.navsHover .logo img {transition-delay:0.4s;}
.header.navsHover .navs > li > a,.header.navsHover .search-btn span,.header.navsHover .navs > li > a i {transition-delay:0.3s;}
.header.navsHover:hover .header-wrap {transition-delay:0s;}
.header.navsHover:hover .logo img,.header.navsHover:hover .navs > li > a,.header.navsHover:hover .search-btn span,.header.navsHover:hover .navs > li > a i {transition-delay:0s;}
.customers-slide .customers-li {opacity:0;transition:0.5s;}
.customers-slide.swiper-slide-active .customers-li {opacity:1;}

.product__list {display:grid;grid-template-columns:repeat(3,1fr);gap:60px 120px;}
.product__list li {text-align:center;}
.product__list li:hover figure img.show {opacity:0;}
.product__list li:hover figure img.hide {opacity:1;visibility:visible;}
.product__list li figure {position:relative;display:block;padding-bottom:76.923%;height:0;overflow:hidden;line-height:1;}
.product__list li figure img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.product__list li figure img.hide {opacity:0;visibility:hidden;}
.product__list li strong {display:block;margin-top:22px;color:#111111;font-size:24px;font-weight:normal;}
.product-imgs {margin:auto;max-width:520px;}

.bank {padding-bottom:120px;}

.message{width:100%;margin-top:-30px;}
.message .msg-box *{font-size:14px!important;line-height:normal!important;}
.message .tit{margin-bottom: 30px;}
.message .tit h3{color: #333;font-size: 40px;font-weight: bold;}
.message.tit p{color: #787878;font-size: 15px;line-height: 1.6;padding-top: 15px;}
@media only screen and (max-width: 1024px){
	.message .tit{margin-bottom: 20px;}
	.message .tit h3{font-size: 30px;}
	.message .tit p{font-size: 13px;padding-top: 10px;}
}
@media only screen and (max-width: 768px){
	.message .tit h3{font-size: 22px;}
	.message .tit p{font-size: 14px;}
}

/*可视化相关*/
.app .banner .jz_toolBar__theme-normal{top:15%!important;}
.app .banner.eui-editable:hover::before {height:100%;}
.app .innerbanner .jz_toolBar__theme-normal{top:25%!important;}
.app .innerbanner.eui-editable:hover::before {height:100%;}
.veditor .upModule{display:none!important;}
.veditor .downModule{display:none!important;}
.veditor .deleteModule{display:none!important;}
.pc_header .deleteModule{display:none!important;}
.small_banner .jz_toolBar__theme-normal{top:25%!important;}