html{-webkit-text-size-adjust:none}
body{color:#1a1a1a;margin:0;padding:0;overflow-x: hidden;}
input,select,textarea{border-radius:0;outline:none;font-family:PingFang SC,'Microsoft YaHei',Arial,sans-serif}
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"],input[type="password"]{-webkit-appearance:none}
ul, dl, li, dt, dd {list-style: none;}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
a,*::before,*::after{font-size:14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color:#1a1a1a}
a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}

:root {
    --zt-color: #1b2389;
}
a:hover{color:#000}
.fullscreen,.fullscreen body{width:100%;height:100%;overflow:hidden}
.pcshow{display:block}
.mbshow{display:none !important}
.clear{clear:both}
.left{float:left}
.right{float:right}
.img{position:relative;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover;/* background-color:#ccc; */}
.pic{position:relative;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover}
.img img,.pic img{max-width:100%;max-height:100%;margin:auto;padding:0;border:0;width:100%;height:auto;border:none}
.img-center{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;display:block;width:auto !important;height:auto !important;z-index:1;max-width:100%;max-height:100%}
.img-block{display:block;width:100%;height:auto}
.img-inline{display:inline-block;width:auto;height:auto}
.page_center{padding:0 8vw}
.t-center {text-align: center;}
.bg_white{background-color:#FFF;background-repeat:no-repeat;background-size:100%}
.bg_gray{background-color:#F6F6F6;background-repeat:no-repeat;background-size:100%}
.bg_light_blue {background-color: #f7f8fa; background-repeat: no-repeat; background-size: 100%;}
.flex{display:-webkit-flex;display:-ms-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.cover{position:relative;height:0;overflow:hidden}
.cover img{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover}
.pt10 {padding-top: 10px;}.pt20 {padding-top: 20px;}.pt30 {padding-top: 30px;}.pt50 {padding-top: 50px;}.p10 {padding: 10px;}.p20 {padding: 20px;}.p30 {padding: 30px;}.p50 {padding: 50px;}.plr30{padding-left: 30px;padding-right: 30px;}.plr50 {padding-left: 50px;padding-right: 50px;}.plr100 {padding-left: 100px;padding-right: 100px;}.ptb50 {padding-top: 50px; padding-bottom: 50px;}.ptb100 {padding-top: 100px; padding-bottom: 100px;}.ptb150 {padding-top: 150px; padding-bottom: 150px;}.ptb200 {padding-top: 200px; padding-bottom: 200px;}.plr5 {padding-left: 5%;padding-right: 5%;}.pl-r-5 {padding-right: 5%;} .fr.pl-r-5 {padding-right: 0; padding-left: 5%;}
.mt10 {margin-top: 10px;}.mt15 {margin-top: 15px;}.mt20 {margin-top: 20px;}.mt30 {margin-top: 30px;}.mt50 {margin-top: 50px;}.mt100 {margin-top: 100px;}.margin-auto {margin-left: auto;margin-right: auto;}
.hidden,.none{display:none}
.space-between {justify-content: space-between;}.justify-content {justify-content: center;}.grid {display: -ms-grid;display: grid;}
.iconfont::before {font-size: inherit; color: inherit; height: inherit;}
.clamp1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
::-webkit-scrollbar{height:4px;width:10px;background:#ccc}
::-webkit-scrollbar-button{height:0;width:5px;background:#ccc}
::-webkit-scrollbar-thumb{background-color:#666666;box-shadow:inset 1px 1px 0 #666666,inset 0 -1px 0 #666666}
.header{position:fixed;left:0;top:0px;z-index:500;width:100%;transition:all .4s ease}
.header *{transition:all .4s ease}
.header-content{height:80px;margin:auto;position:relative;z-index:500;display: flex;justify-content: space-between;align-items: center;}
.header-content::after{content:'';width:100%;height:1px;background:#fff;position:absolute;left:0;bottom:0px;z-index:1;opacity:0}
.header-logo{width:15.4%;height:auto;/* position:absolute; */top:50%;/* transform:translateY(-50%); */left:0;z-index:11}
.header-logo a{display:block;filter: brightness(0) invert(1);overflow: overlay;display: flex;}
.header-logo img{display:block;width:100%;height:auto;max-width:100%}
/* .header-logo svg *{fill:#fff} */
.header-logo svg .st0 rect{opacity:.8}
.header-logo svg .st3 rect{opacity:.5}
.header-nav{/* position:absolute; */right:0;top:50%;/* transform:translateY(-50%); */z-index:11;text-align:center;width:70%;transition:all .4s ease}
.header-nav ul{position:relative;list-style:none;margin:0;padding:0;font-size:0;text-align:right}
.header-nav ul li{display:inline-block;vertical-align:middle;position:relative;transition:none;margin-left:60px}
.header-nav ul li a{position:relative;overflow:hidden;color:#fff}
.header-nav ul li a.nav{line-height:80px;position:relative}
.header-nav ul li a.nav::after{content:'';width:100%;height:2px;position:absolute;left:0;bottom:-13px;background:#fff;z-index:11;transition:all .4s ease;opacity:0}
.header-nav ul li.cur a.nav::after{opacity:1}
.header.scroll-down{top:-80px}
.header.scroll-top{background:#fff;border-bottom:1px solid #e6e6e6}
.header.scroll-top .header-logo a,.header.black .header-logo a,.detail .header-logo a {filter: none;}
.header.scroll-top .header-nav ul li a.nav{color:#222;}
.header.scroll-top .header-nav ul li.cur a.nav{color:var(--zt-color)}
.header.scroll-top .header-nav ul li a.nav::after{background:var(--zt-color)}
.detail .header{background:#fff;border-bottom:1px solid #e6e6e6}

.detail .header .header-nav ul li a.nav{color:#666}
.detail .header .header-nav ul li.cur a.nav{color:var(--zt-color)}
.detail .header .header-nav ul li a.nav::after{background:var(--zt-color)}
.header.black{background:#fff;border-bottom:1px solid #e6e6e6}
.header.black .header-nav ul li a.nav{color:#666}
.header.black .header-nav ul li.on a.nav{color:var(--zt-color)}
.header.black .header-nav ul li.on a.nav::after{background:var(--zt-color);opacity:1}
/* .header.black .header-logo svg *{fill:#0a2c95 !important} */
.header.black .header-logo svg .st6{fill:#686e70 !important}
.header.black .header-logo svg .st3 rect{fill:#8400d2 !important;opacity:1}
.header.black .header-logo svg .st0 rect{fill:#0058d3 !important;opacity:1}
.header-nav-show-mark{width:100%;height:100%;position:fixed;left:0;top:0px;z-index:-1;opacity:0;transition:all .4s ease;background:#000f33}
.header-nav-show-mark.cur{z-index:20;opacity:.3}
.header-nav-show{position:fixed;left:0;top:80px;width:100%;z-index:511;overflow:hidden;transition:all .4s ease;border-top:1px solid #e6e6e6}
.header-nav-show.Hide{opacity:0;height:0;z-index:-1}
.header-nav-show-content{width:100%;position:relative;overflow:hidden;transition:all .4s ease;overflow:hidden;text-align:center}
.nav-product-show-list{background:#fff;/* min-width:60%; */margin:auto;padding:2% 3%;box-sizing:border-box;overflow:hidden;border-bottom:4px solid var(--zt-color);text-align:left;display:inline-block;width: 100%;display: flex;justify-content: center;}
.nav-product-show-list .nav-item{/* float:left; */text-align:left;position:relative;padding:0 40px}
.nav-product-show-list .nav-item:first-child{padding:0 40px 0 0px}
.nav-product-show-list .nav-item:last-child{padding:0 0 0 40px}
.nav-product-show-list .nav-item::after{content:'';width:1px;height:100%;background:#e8e8e8;position:absolute;right:0;top:0}
.nav-product-show-list .nav-item:last-child::after{display:none}
.nav-product-show-list .nav-item .title-1{position:relative;margin-bottom: 0.65rem;}
.nav-product-show-list .nav-item .title-1::before{content:'';width:10px;height:10px;position:absolute;left: -20px;top:50%;background:url('../images/nav.png');margin-top:-5px}
.nav-product-show-list .nav-item .item-1{overflow:hidden;padding-bottom:3%}
.nav-product-show-list .nav-item .item-1 ul{list-style:none;padding:0;margin:0;display:inline-block;vertical-align:top;margin-right:40px;max-width: 13em;}
.nav-product-show-list .nav-item .item-1 ul:last-child{margin-right:0}
.nav-product-show-list .nav-item .item-1 .class-1{margin-bottom:5px;color:#1a1a1a;min-height:5px}
.nav-product-show-list .nav-item .item-1 li{list-style:none;padding:0;margin:0}
.nav-product-show-list .nav-item .item-1 a{display:block;padding: 0.4rem 0;color:#666666}
.nav-product-show-list .nav-item .item-1 a:hover{color:var(--zt-color)}
.nav-product-show-list .nav-item .item-2{overflow:hidden;padding: 0.5rem 0;}
.nav-product-show-list .nav-item .item-2 a{display:block;padding:5% 0;color:#666666}
.nav-product-show-list .nav-item .item-2 a:hover{color:var(--zt-color)}
.header-xiala-show{position:absolute;left:-1.5vw;top:80px;width:200px;background:#fff;border-top:1px solid #e6e6e6;border-bottom:4px solid var(--zt-color);padding:0 3%;display:none;z-index:1111;text-align:left}
.header-xiala-show a{display:block;padding:8% 0;overflow:hidden;border-bottom:1px solid #e6e6e6;color:#000 !important;width:70%;margin:auto}
.header-xiala-show a:hover{color:var(--zt-color) !important;border-bottom:1px solid var(--zt-color)}
.header-xiala-show a:last-child{border-bottom:none}
.menu-toggle{display:none;width:40px;height:40px;position:absolute;overflow:hidden;right:1%;top:10px;display:none;z-index:111}
.cd-nav-trigger{display:block;width:40px;height:40px}
.menu-toggle span.hamburger,.menu-toggle span.hamburger:after,.menu-toggle span.hamburger:before{content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s}
.menu-toggle span.hamburger:after{margin-top:-7px;top:0;transition-delay:0.27s}
.menu-toggle span.hamburger:before{margin-top:7px;top:0;transition-delay:0.2s}
.menu-toggle span.cross:before,.menu-toggle span.cross:after{content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s}
.menu-toggle span.cross:after{transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg)}
.menu-toggle span.cross:after{-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg)}
.no-touch .menu-toggle span.hamburger,.no-touch .menu-toggle span.hamburger:after,.no-touch .menu-toggle span.hamburger:before{-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s}
.no-touch .menu-toggle span.hamburger:after{transition-delay:0s}
.no-touch .menu-toggle span.hamburger:before{transition-delay:0.07s}
.no-touch .menu-toggle span.cross:before{transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#000}
.no-touch .menu-toggle span.cross:after{transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background:#000}
.mbheader-nav{position:fixed;right:0;top:0;width:80%;height:100%;z-index:9111;background:#fff;overflow:hidden;overflow-y:auto;padding:10%;transition:all .4s ease;box-sizing:border-box;transform:translateX(100%)}
.mbheader-nav::-webkit-scrollbar{height:4px;width:2px;background:#ccc}
.mbheader-nav ul{list-style:none;margin:0;padding:0;overflow:hidden}
.mbheader-nav ul li{list-style:none;margin:0;padding:0;border-bottom:1px solid #EEE;padding:4% 0}
.mbheader-nav ul li a.nav{display:block;padding:4% 0;font-weight:bold;position:relative}
.mbheader-nav ul li a.nav.on {color: var(--zt-color);}
.mbheader-nav ul li a.xiala::after{content:'';width:10px;height:2px;background:#000;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.mbheader-nav ul li a.xiala::before{content:'';width:2px;height:10px;background:#000;position:absolute;right:4px;top:50%;transform:translateY(-50%)}
.mbheader-nav ul li a.on.xiala::before{display:none}
.mbheader-nav-show{display:none}
.mbheader-nav-show a{display:block;padding:4% 5%}
.mbheader-nav .close-1{transform:scale(.8) rotate(45deg)}
.no-touch .header-nav-show-mark{z-index:8990;opacity:.5}
.no-touch .mbheader-nav{transform:translateX(0)}
.footer{background:#141414;position:relative;clear:both;padding:3% 0 0 0;overflow:hidden}
.footer-content-top{width:81.7%;margin:auto;padding-bottom:5%;overflow:hidden}
.footer-content-left{float:left;width:30%}
.footer-logo{width:49%}
.footer-logo svg *{fill:#fff !important}
.footer-logo svg .st6{fill:#fff !important}
.footer-logo svg .st3 rect{fill:#8400d2 !important}
.footer-logo svg .st0 rect{fill:#7dcbf1 !important}
.footer-contact{margin-top:10%;color:#fff}
.footer-contact-item{margin-top:4%}
.footer-contact-item .title-1{color:#8b8b8b}
/* .footer-contact-item .tel-1{font-family:'Manrope-Bold'} */
.footer-contact-item .add-1{margin-top:2%}
.footer-content-right{float:right;width:65%}
.footer-nav{text-align:right}
.footer-nav ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:top;text-align:left;margin-left:50px}
.footer-nav ul:first-child{margin-left:0}
.footer-nav ul strong{font-weight:normal;margin:0;padding:0;padding-bottom:20px;display:block}
.footer-nav ul strong a{color:#fff}
.footer-nav ul li{list-style:none;margin:0;padding:0}
.footer-nav ul li a{color:#8b8b8b;display:block;padding:7% 0}
.footer-nav ul li a:hover{color:#fff}
.footer-content-bottom{padding:1.3% 0;overflow:hidden;clear:both;color:#8b8b8b;width:81.7%;margin:auto;position:relative}
.footer-content-bottom a{color:#8b8b8b}
.footer-content-bottom a:hover{color:#fff}
.footer-content-bottom .copy-1{overflow:hidden}
.index-banner-swiper{width:100%;height:100%;position:relative}
.index-banner-item{position:relative;overflow:hidden}
.index-banner-item a::after {content: '';position: absolute; top:0;right:0;left:0;bottom:0;background:url(/static/starry/images/banner_bg.png);opacity:0.7;z-index:10;}
.index-banner-item .text{position:absolute;width:100%;top:50%;transform:translateY(-50%);z-index:11;color:#fff;text-align:center}
.index-banner-item .title-1{font-family:'Manrope-Bold';line-height:70px}
.index-banner-item .title-2{margin-top:1%}
.index-banner-swiper .swiper-slide .title-1,.index-banner-swiper .swiper-slide .title-2{opacity:0;transform:translateY(-60px);transition:opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1)}
.index-banner-swiper .swiper-slide .title-2{transition-delay:.4s}
.index-banner-swiper .swiper-slide-active .title-1,.index-banner-swiper .swiper-slide-active .title-2{transform:translateY(0px);opacity:1}
.index-banner-swiper .banner-pagination{bottom:5%}
.index-banner-swiper .banner-pagination span{width:50px;height:4px;border-radius:0;background:#fff;opacity:.5}
.swiper-ctrl{position:absolute;width:100%;left:0;bottom:5%;z-index:11;font-size:0;text-align:center}
.scroll-center{margin:auto;text-align:center;position:relative;display:inline-block;vertical-align:middle}
/* .scroll-center::after{content:'';width:640%;height:1px;position:absolute;left:120%;top:50%;opacity:.4;background:#fff} */
.scroll-center .scroll-1{font-family:'Manrope-Bold';text-transform:uppercase;color:#fff;position:relative}
.scroll-center .scroll-1::before{content:'';width:1px;height:40px;background:#fff;position:absolute;left:50%;top:-55px;opacity:.5}
.scroll-center .scroll-1::after{content:'';width:1px;height:20px;background:#fff;position:absolute;left:50%;top:-55px;opacity:1;z-index:11}
.number-prevnext{text-align:center;position:absolute;font-size:0;right:9%;top:50%;margin-top:-12.5px}
/* .number-prevnext::before{content:'';width:200%;height:1px;position:absolute;left:110%;top:50%;opacity:.4;background:#fff} */
.number-prevnext .number-1{display:inline-block;vertical-align:middle;font-family:'Manrope-Bold';text-transform:uppercase;color:#fff;margin-right:10px}
.swiper-banner-prev,.swiper-banner-next{width:10px;height:17px;display:inline-block;vertical-align:middle;margin-left:28px;cursor:pointer}
.swiper-banner-prev:hover,.swiper-banner-next:hover{opacity:.5}
.swiper-banner-prev{background:url('../images/l1.png') center no-repeat;background-size:100%}
.swiper-banner-next{background:url('../images/r1.png') center no-repeat;background-size:100%}
.left-pagination{position:absolute;left:9%;top:50%;transform:translateY(-50%);z-index:11}
/* .left-pagination::before{content:'';width:250%;height:1px;position:absolute;right:105%;top:50%;opacity:.4;background:#fff */}
/* .left-pagination .rline{height:1px;position:absolute;left:105%;top:50%;opacity:.4;background:#fff;width:0;transition:all .4s ease} */
.index-banner-swiper .banner-pagination{text-align:center;left:auto;bottom:auto !important;right:auto !important;left:auto !important;width:auto;color:#fff;width:auto;transform:none;position:relative}
.index-banner-swiper .banner-pagination span{opacity:1;margin:0 3px !important;position:relative;width:32px;height:32px;background:transparent;display:inline-block;vertical-align:middle}
.index-banner-swiper .banner-pagination span::before{content:'';width:5px;height:5px;position:absolute;left:50%;top:50%;border-radius:100%;transform:translate(-50%,-50%);background:#fff;transition:all .4s ease;opacity:.5}
.index-banner-swiper .banner-pagination span::after{content:'';width:27px;height:27px;position:absolute;left:50%;top:50%;border-radius:100%;transform:translate(-50%,-50%);z-index:1;border:2px solid rgba(255,255,255,.5);opacity:0;transition:all .4s ease}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::before{background:#fff !important;opacity:1}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::after{opacity:1}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .content{opacity:1}
.index-banner-swiper .banner-pagination span .content{position:absolute;top:0;width:50%;height:100%;margin:0;padding:0;overflow:hidden;opacity:0;transition:all .4s ease;z-index:11}
.index-banner-swiper .banner-pagination span .left{left:0}
.index-banner-swiper .banner-pagination span .right{right:0}
.index-banner-swiper .banner-pagination span .circle{position:absolute;margin:0;width:32px;height:32px;border-radius:50%;border:2px solid transparent;transform:rotate(135deg);box-sizing:border-box}
.index-banner-swiper .banner-pagination span .left-circle{left:0;border-top-color:#fff;border-left-color:#fff}
.index-banner-swiper .banner-pagination span .right-circle{right:0;border-bottom-color:#fff;border-right-color:#fff}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .left-circle{animation:circleleft 4s linear forwards}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .right-circle{animation:circleright 4s linear forwards}
@keyframes circleright{0%{transform:rotate(135deg)}
50%,100%{transform:rotate(315deg)}
}@keyframes circleleft{0%,50%{transform:rotate(135deg)}
100%{transform:rotate(315deg)}
}.index-scope-business{padding:5vw 0;overflow:hidden}
.index-scope-business .title-1{text-align:center}
.index_head_box .en-title {font-family: 'Manrope-Bold';color: var(--zt-color); text-transform: uppercase;}
.index_head_box .title-1 {font-weight: bold;}
.index-scope-business-list{padding:3% 0 0 0;overflow:hidden}
.scope-business-item{float:left;width:49%;margin-right:2%;margin-bottom:2%}
.scope-business-item.mr0{margin-right:0}
.scope-business-item a{display:block;position:relative}
.scope-business-item .img{overflow:hidden}
.scope-business-item .text{position:absolute;text-align:center;bottom:5%;left:5%;z-index:11;width:90%;color:#fff}
.scope-business-item .title-2{font-weight:bold}
.scope-business-item .text-1{margin-top:1%}
.scope-business-item a:hover .pic{transform:scale(1.05)}


.index-about {position: relative; padding: 7vw 0; overflow: hidden;}
.i-about-box {position: relative; z-index: 99;}
.index-about::after {content: '';position: absolute;top: 0;left: 0;width: 16vw;height: 16vw;background-image: url(/static/style/images/index/about_bg_dz.webp);background-repeat: no-repeat;z-index: 2;background-size: 100%;opacity: .5;}
.index-about::before {position: absolute;right: 0;bottom: 0;width: 62vw;background-image: url(/static/style/images/index/about_bg.webp);background-size: 100%;background-position: center bottom;height: 100%;content: '';background-repeat: no-repeat; z-index: 1;}
.index-about .infobox{width: 38vw;}
.index-about .tit{font-size:2.4vw;font-weight:bold;color:#111;}
.index-about .desc{color:#444;margin-top:1.2vw;margin-bottom:2.5vw;}
.index-about .desc .name {color: #111; margin-bottom: 1.5%;}
.number-list{/* margin-bottom:5vw; */display:flex;justify-content: space-between;}
.number-list li{/* padding-right:6vw; */}
.number-list li:last-child{ padding-right:0;}
.number-list li .number{/* font-size:2.8vw; */color: var(--zt-color);line-height:1;font-family: 'Number';display: flex;align-items: flex-start;}
.number-list li .number sup{/* font-size: 1vw; */color: var(--zt-color);margin-left: 5px;line-height: 1.5em;}
.number-list li p{/* font-size: 0.85vw; */color: #666;padding-top: 10px;}
.i-about-box .more-3 {margin-top: 4vw;}
.i-about-box .more-3 a {display: block; width: fit-content;}

.index-application {position: relative;}
.index_solution_color{position:absolute;left:0;bottom:0;width:100%;z-index:2;height: 10vw;/* background: linear-gradient(0deg, #274fc945 10%, #ffffff00 100%); */}
.index_solution_back{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.index_solution_back::after {content: '';position: absolute;left: 0; top: 0; height: 100%; width: 70%;z-index: 2; background-image: linear-gradient(to right, #000000bd 25%, #00000000);}
.index_solution_pic_swiper{width:100%;height:100%}
.index_solution_pic{width:100%;height:100%}
.index_solution_img{width:100%;height:100%}
.index_solution_box {position: relative;z-index: 10;}
.index_solution_content {padding: 6.25vw 0 2.6041666vw 0;}
.index_solution_big,.index-application .index_head_box .en-title,.index-application .index_head_box .title-1 {color: #FFF;}
.index_solution_big { padding: 7.291666vw 0 5.208333vw 0;}
/* .index_solution_swiper .swiper-slide {opacity: 0 !important;}
.index_solution_swiper .swiper-slide.swiper-slide-active {opacity: 1 !important;} */
.index_solution_title,.index_solution_text,.swiper-more {opacity: 0; pointer-events: none;-webkit-transform: translateY(3.6458333vw); transform: translateY(3.6458333vw);}
.swiper-slide-active .index_solution_title,.swiper-slide-active .index_solution_text,.swiper-slide-active .swiper-more {opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all 1s cubic-bezier(.4,0,.2,1);transition:all 1s cubic-bezier(.4,0,.2,1);}
.swiper-slide-active .index_solution_text {-webkit-transition-delay: .1s;transition-delay: .1s;}
.swiper-slide-active .swiper-more {-webkit-transition-delay: .2s; transition-delay: .2s;}
.index-application .swiper-more {margin-top: 3vw;}
.index_solution_tab { width: 46.1176%;}
.index_solution_item_box {padding-bottom: 3.6458333vw;}
.index_solution_text {    margin-top: 0.78125vw;}
.index_solution_scroll_wrap{position:relative;height:0.15625vw;width:100%}
.index_solution_scroll_box{position:relative;background:none;height:100% !important;width:100%}
.index_solution_scroll_box:after{content:"";position:absolute;left:0;top:1px;width:100%;height:1px;background:rgba(255,255,255,.15)}
.index_solution_scroll_box .swiper-pagination-progressbar-fill{z-index:9;-webkit-background-image:linear-gradient(to right,#1860c2 20%,#28c0ca);background-image:linear-gradient(to right,#1860c2 20%,#28c0ca); background: #FFF;}
.index_solution_nav_box{-webkit-justify-content:space-between;justify-content:space-between}
.index_solution_nav_wrap{margin-top:2.08333vw}
.index_solution_nav_li{/* font-size:1.1458333vw;line-height:1.66666vw; */color:rgba(255,255,255,.5);cursor:pointer;outline:none;-webkit-transition:all .6s ease;transition:all .6s ease}
.index_solution_nav_li:hover {color: #FFF;}
.index_solution_nav_active{color:rgba(255,255,255,1)}


.index-customer-stories{overflow:hidden;background:#f7f8fa;padding:5% 0}
/* .index-customer-stories-top{display: flex;align-items: center;justify-content: space-between;} */
.index-customer-stories-top .title{overflow:hidden}
.index-customer-stories-top .class-1{/* color:#969798; */}
.index-customer-stories-top .text-1{margin-top:1%}
.more-1{right:0;bottom:0;z-index:11;}
.more-1 a{display:block;width:200px;height:55px;line-height:55px;background:var(--zt-color);padding-left:1.2vw;position:relative;color:#fff;box-sizing:border-box}
.more-1 a::after{content:'';width:6px;height:10px;position:absolute;right:8.5%;top:50%;margin-top:-5px;background:url('../images/r2.png')}
.more-1 a::before{content:'';width:1px;height:100%;position:absolute;right:20%;top:0;background:#fff;opacity:.15}
.more-1 a:hover{background:#113da6}
.index-customer-stories-bottom{/* overflow: hidden; */margin-top: 2vw;display: flex;/* gap: 2%; */justify-content: space-between;}
.customer-stories-item{/* float:left; */width:24%;position:relative;/* margin-right:1%; *//* margin-bottom:1%; */}
.customer-stories-item.mr0{margin-right:0}
.customer-stories-item a{display:block;overflow:hidden;background:#fff}
.customer-stories-item .text{padding: 7% 7% 10%;overflow:hidden}
.customer-stories-item .icon-1{width:16px;height:16px;background:url('../images/fz1.png') center no-repeat;background-size:100%}
.customer-stories-item .text-1{color: #111;margin-top:6%}
.customer-stories-item .text-2{margin-top: 3%;color: #333;}
.customer-stories-item .more-2{border:1px solid #d1d1d1;width:30px;height:30px;position:absolute;right:6%;bottom:6%;background:url('../images/r3.png') center no-repeat;filter:grayscale(100%)}
.customer-stories-item a:hover{transform:translateY(-10px)}
.customer-stories-item a:hover .pic{transform:scale(1.05)}
.customer-stories-item a:hover{background:var(--zt-color)}
.customer-stories-item a:hover .text-1{color:#fff;/* opacity: 1; */}
.customer-stories-item a:hover .text-1,.customer-stories-item a:hover .text-2{color:#fff}
.customer-stories-item a:hover .icon-1{background:url('../images/fz2.png') center no-repeat;background-size:100%}
.customer-stories-item a:hover .more-2{background:url('../images/r3.png') center no-repeat #fff;filter:grayscale(0);border:1px solid var(--zt-color)}
.customer-stories-item a:hover{box-shadow:0px 23px 70px 0px rgba(169,177,195,1)}
.index-industry-trends{padding:5% 0;overflow:hidden}
.index-industry-trends-top{position:relative;padding-bottom:3%;overflow:hidden;border-bottom:1px solid #e6e6e6;display: flex;align-items: center;justify-content: space-between;}
.index-industry-trends-top .more-1{top:0}
.index-industry-trends-center{padding:2% 0;overflow:hidden;position:relative}
.index-industry-trends-item{overflow:hidden}
.index-industry-trends-item a{display:block}
.index-industry-trends-item .img{float:right;width:32%}
.index-industry-trends-item .text{float:left;width:57%}
.index-industry-trends-item .date-1{color:#999999;font-family:'Manrope-Regular'}
.index-industry-trends-item .title-1{font-weight:bold;margin-top:2%;color:#000}
.index-industry-trends-item .text-1{margin-top:2%;color:#666666}
.index-industry-trends-item a:hover .more-3 span{background:var(--zt-color);color:#fff}
.index-industry-trends-item a:hover .more-3 span::after{background:url('../images/r2.png')}
.index-industry-trends-item a:hover .more-3 span::before{background:#fff;opacity:.5}
.index-industry-trends-item a:hover .pic{transform:scale(1.05)}
.more-3{position:relative;margin-top:5%;width: fit-content;}
.more-3 span{display:block;width: 200px; height: 55px;line-height: 55px;padding-left:10%;position:relative;color:var(--zt-color);box-sizing:border-box;border:1px solid var(--zt-color)}
.more-3 span::after{content:'';width:6px;height:10px;position:absolute;right:9.5%;top:50%;margin-top:-5px;background:url('../images/r3.png')}
.more-3 span::before{content:'';width:1px;height:100%;position:absolute;right:24%;top:0;background:var(--zt-color);}
.more-3 span:hover{background:var(--zt-color);color:#fff}
.more-3 span:hover::after{background:url('../images/r2.png')}
.more-3 span:hover::before{background:#fff;opacity:.5}
.index-industry-trends-bottom{margin-top:3%;overflow:hidden;border-top:1px solid #e6e6e6;}
.industry-trends-item{float:left;width:50%;overflow:hidden;border-bottom:1px solid #e6e6e6}
.industry-trends-item a{display:block;position:relative;padding:4% 0;overflow:hidden}
.industry-trends-item .title-1{width:80%;overflow:hidden;font-weight:bold;color:#1a1a1a}
.industry-trends-item .date-1{position:absolute;right:5%;top:50%;transform:translateY(-50%);color:#999999;z-index:11;font-family:'Manrope-Regular'}
.industry-trends-item.mr0 .title-1{padding-left:5%;width:75%}
.industry-trends-item.mr0 .date-1{right:0}
.industry-trends-item a::after{content:'';width:1px;height:50%;position:absolute;right:0;top:25%;/* background:#e5e5e5; */}
.industry-trends-item.mr0 a::after{display:none}
.industry-trends-item a:hover{background:var(--zt-color)}
.industry-trends-item a:hover::after{display:none}
.industry-trends-item a:hover .title-1,.industry-trends-item a:hover .date-1{color:#fff}
.industry-trends-item a:hover .title-1{padding-left:3%;width:77%}
.industry-trends-item a:hover .date-1{right:5%}
.industry-trends-item.mr0 a:hover .title-1{padding-left:5%;width:75%}
.index-industry-trends-logo{margin-top:1%}
.industry-logo-swiper{position:relative;width:81.7%;margin:auto}
.industry-trends-logo{overflow:hidden;/* width: calc(14.285% - 26px); */}
.industry-trends-logo a{display:block;text-align:center}
.industry-trends-logo .logo-1{position:relative;width:100px;height:100px;margin:auto}
.industry-trends-logo .title-1{color:#666666;margin-top:1%;display: none;}
.industry-logo-swiper.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:linear}
.div-banner-top{position:relative;overflow:hidden}
.div-banner-top .img {pointer-events: none;}
.div-banner-top .text{position:absolute;left:0;bottom:0;z-index:11;width:40%;color:#fff}
.div-banner-top .absolute{position:absolute;left:8vw;top:54%;z-index:12;transform:translateY(-50%);font-family: 'Manrope-Bold';}
.div-banner-top .title-1{position:relative}
.div-banner-top .title-2{}
.div-banner-top .kuaitiao-1{position:absolute;right:-100px;top:-50px;z-index:15;width:50%}
.div-banner-top .kuai-1{height:50px;background:rgba(140,0,210,.9);width:100%}
.div-banner-top .tiao-2{height:50px;background:rgba(35,130,255,.9);width:50px;float:right;margin-right:-50px}
.div-banner-top .bg-1{overflow:hidden}
.div-banner-top .bg-2{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%; background: var(--zt-color); opacity: .9;}
.div-banner-top .pic{overflow:hidden;animation:bigimgani 3000ms 1 ease forwards}
.div-aboutus{padding:6% 0;overflow:hidden;position:relative; background-image: url(/static/style/images/about/subBg2.webp); background-size: cover; background-position: center bottom;  background-repeat: no-repeat; display: flex; justify-content: space-between; align-items: center;}
.div-aboutus-left{width:35%;margin-left:8vw;position:relative}
/* .div-aboutus-left .text{margin-top:20%} */
.div-aboutus-left .class-1{color:var(--zt-color)}
.div-aboutus-left .title-1{margin-top:3%}
.div-aboutus-left .text-1{margin-top:8%}
.div-aboutus-right{width:50%;position:relative;overflow:hidden;text-align:justify}
.div-animation-bar{overflow:hidden;position:relative;margin-top:-56px}
.div-animation-bar .anibar-1{width:8%;clear:both;transform:translateY(5%)}
.div-animation-bar .anibar-1 i{display:block;height:56px;background:#0b069d}
.div-animation-bar .anibar-2{width:28%;float:right;clear:both}
.div-animation-bar .anibar-2 i{display:block;height:56px;background:#0500d7}
.div-animation-bar .anibar-3{width:22%;clear:both;margin:5% auto auto}
.div-animation-bar .anibar-3 i{display:block;height:56px;background:#0062ff}
.div-animation-bar .anibar-4{width:56px;clear:both;margin-left:77%}
.div-animation-bar .anibar-4 i{display:block;height:56px;background:#ea2837}
.div-enterprise-concept{padding: 5% 0;overflow:hidden;background:url('../images/bg1.png') right 26% no-repeat}
.enterprise-concept-top{width:81.7%;margin:auto}
.enterprise-concept-bottom{padding: 3% 0;position:relative;display: flex;align-items: center;justify-content: space-between;}
.enterprise-concept-left{float:left;width:50%}
.enterprise-concept-left .pic{position:relative}
.enterprise-concept-right{float:left;width:35%;margin-right: 8vw;}
.enterprise-concept-text{overflow:hidden;position:relative}
.enterprise-concept-bg{position:absolute;right:1%;bottom: -10%;z-index:1;font-family:'Manrope-Bold';text-transform:uppercase;color:transparent;-webkit-text-stroke:0.5px #efefef;font-size:120px;text-align:right;pointer-events: none;}
.enterprise-concept-item{padding: 7% 0;overflow:hidden;border-bottom: 1px solid #EEE;position:relative}
.enterprise-concept-item .title-1{color: #111;}
.enterprise-concept-item .text-1{margin-top:2%;width: 80%;color: #444;}
.enterprise-concept-item .icon-1{width:24px;height:24px;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.enterprise-concept-item:last-child{border:none}
.enterprise-concept-text-bg{position:absolute;right:10%;bottom:0;z-index:1;width:44%}
.enterprise-concept-text-bg img{max-width:100%;display:inline-block}
.div-corporate-culture{padding: 5% 0;overflow:hidden}
.div-corporate-culture .class-1{text-align:center}
.corporate-culture-bottom{overflow:hidden;text-align:center;display: flex;justify-content: center;gap: 30px;align-items: center;margin-top: 3%;}
.corporate-culture-item{/* width:26.8%; */position:relative;display:inline-block;vertical-align:top;/* margin:.2%; */}
.corporate-culture-item a{display:block;position:relative;background: #ffffff;/* background: linear-gradient(0deg, #ebf4ff 10%, #ffffff 100%); */}
.corporate-culture-item .pic img{opacity:.07}
.corporate-culture-item .text{position:absolute;width:100%;z-index:11;left:0;top: 0;color: #111;/* transform:translateY(-50%); */padding: 5%;box-sizing: border-box;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.corporate-culture-item .icon-1{position:relative;width: 120px;height: 120px;margin:auto;margin-top:15%;/* width: 100%; */}
.corporate-culture-item .icon-1 img {filter: grayscale(100%) invert(100%);}
.corporate-culture-item .icon-1::before {content: '';position: absolute;left: 0;bottom: -60px;right: 0;height: 3px;width: 35px;margin: 0 auto;background: var(--zt-color);border-radius: 10px;}
.corporate-culture-item .title-1{margin-top:25%;width: 100%;}
.corporate-culture-item .text-1{margin-top:1%;line-height: 1.5em;height: 3em;width: 100%;}
.corporate-culture-item.cci2 a{/* background: #ffffff; */}
.corporate-culture-item.cci3 a{/* background:#0561e6; */}
.corporate-culture-item a:hover{transform:translateY(-10px)}
.div-cooperative-partner{overflow:hidden;position:relative;padding: 5% 0;}
.cooperative-partner-top{text-align:center}
.cooperative-partner-bottom{margin-top: 3%;/* overflow:hidden; */position:relative;z-index:400}
.cooperative-partner-list{display: grid;gap: 70px;grid-template-columns: repeat(7, 1fr);}
.cooperative-partner-list .industry-trends-logo .logo-1 img{filter:grayscale(100%);opacity:.4}
.cooperative-partner-list .industry-trends-logo a:hover .logo-1 img{filter:grayscale(0);opacity:1}
.cooperative-partner-list .industry-trends-logo a:hover .title-1{color:var(--zt-color)}
.div-honors-qualifications{padding:6% 0;overflow:hidden; background: url(/static/style/images/about/honor_bg.jpg) center bottom no-repeat #f0f5fb; background-size: 100%;}
.honors-qualifications-top{text-align:center}
.honors-qualifications-list{margin-top: 3%;display: flex;flex-wrap: wrap;}
.honors-qualifications-item{width: 32.666%;margin-right: 1%;margin-bottom: 1%;}
.honors-qualifications-item.mr0{margin-right:0}
.honors-qualifications-item a{display:block;position:relative;background: #FFF;}
.honors-qualifications-item .text{padding: 10%;}
.honors-qualifications-item .type-1{color:#1a1a1a}
.honors-qualifications-item .type-1 span{display:inline-block;vertical-align:middle}
.honors-qualifications-item .type-1 span:first-child::after{content:'';width:1px;height:14px;display:inline-block;vertical-align:middle;margin:0 5px 0 10px;background:#ccc}
.honors-qualifications-item .type-1 span:last-child{color:#999999;font-family:'Manrope-Regular'}
.honors-qualifications-item .title-1{margin-top:3%}
.honors-qualifications-item .honors-1{position: relative;}
.honors-qualifications-item .honors-1 .img-center {max-width: 80%; max-height: 70%;}
.honors-qualifications-item .pic{background:#fff}
.honors-qualifications-item a:hover{box-shadow:0px 20px 100px 0px rgba(0,23,77,0.2);z-index:11;}
.return-page{text-align:center;margin-top:5%}
.return-page .pagination {justify-content: center;}
.return-page li {margin: 0 5px;line-height: 55px;/* width: 55px; *//* background-color: #EEE; */padding: 0 15px;}
.return-page li a{display:block;color:#666; width: 100%; height: 100%; font-size: inherit;}
.return-page li.prev,.return-page li.next{width:55px;height:55px;border:1px solid var(--zt-color);padding:0}
.return-page li.prev{background: url('../images/l3.png') center no-repeat;}
.return-page li.next{background: url('../images/r3.png') center no-repeat;}
.return-page li.prev:hover{background:url('../images/l2.png') center no-repeat var(--zt-color)}
.return-page li.next:hover{background:url('../images/r2.png') center no-repeat var(--zt-color)}
.return-page li.cur a,.return-page li:hover a{color:var(--zt-color)}
.div-product{padding:5% 0;}
.div-product-top{width:81.7%;margin:auto}
.div-product-list{width:81.7%;margin:auto}
.div-product-swiper{margin-top:3%}
.div-product-item{overflow:hidden}
.div-product-item a{display:block;position:relative}
.div-product-item .product{position:absolute;left:0;top:0;width:100%;height:60%;z-index:11;mix-blend-mode:multiply}
.div-product-item .text{position:absolute;left:6%;bottom:6%;width:80%;z-index:12}
.div-product-item .title-1{font-weight:bold;font-family:'Manrope-Bold'}
.div-product-item .text-1{margin-top:3.5%;color:#666}
.div-product-item .text-1 li{list-style:none;margin:0;padding:.5% 0;padding-left:20px;color:#666;position:relative}
.div-product-item .text-1 li::before{content:'';width:5px;height:5px;position:absolute;left:0;top:13px;background:#999999}
.div-product-item .text-1 p,.div-product-item .text-1 ul{margin:0;padding:0}
.div-product-item .pic{background:#f7f8fa}
.div-product-item a:hover .product img{transform:scale(1.05)}
.div-supporting-facilities{padding:4% 0 1.5% 0;overflow:hidden}

.product-bg {background-color: #F5F5F5; background-image: url(/static/style/images/bg_product.webp); background-size: 100%; background-repeat: repeat-y;}
.product-list {width:100%;margin: auto;display: grid;gap: 1vw;grid-template-columns: repeat(3, 1fr);grid-auto-columns: 1fr;}
.product-list > * {min-width: 0;overflow-wrap: break-word; }
.product-item {background-color: #FFF;/* background: linear-gradient(135deg, #f0f4f8 0%, #f8f7f6 100%); */ transition: all 0.5s;}
.product-item:hover .title-1 {color: var(--zt-color);}
.product-item:hover .img >img {transform: translateZ(0) scale(1.1); -webkit-transform: translateZ(0) scale(1.1); -ms-transform: translateZ(0) scale(1.1);}

/* .product-item:hover {background-color: #f5f6f8;} */
.product-item.tpi1 {width: 49.5%;}
.product-item.tpi3,.product-item.mr0 {margin-right: 0;}
.product-item.item1 {clear: left;}
.product-item a {display: block;position: relative;height: 100%;}
.product-item .img {/* background-color: #fff; */background-color: initial;z-index: 9;}
.product-item .img-block {width: 100%;height: 0; padding-bottom: 80%;}
.product-item a:hover{position:relative}
.product-item a::after{content:'';position:absolute;left:0;right:0;bottom:0;margin:0 auto;width:0;height:2px;background:#142888;z-index:2}
.product-item a::before {content: '';position: absolute;top:0; left: 0; right:0;bottom:0;    background-image: url(/uploadfile/202602/be6aa57b4538c.svg); background-repeat: no-repeat; background-position: center; background-size: 80%; opacity: 0;}
.product-item a:hover::after {width: 3.5vw;}
.product-item a:hover::before {opacity: 0.05;}
.product-item * {transition: all 0.5s;}
.product-item .title-1 {color: #000;position: relative;/* text-align:center; */}
.product-item .title-1::before {content: '';width: 5px;height: 100%;position: absolute;left: -1rem;top: 0;background: #e3030d;}
.product-item .text {padding: 1.666vw 1vw;position: relative;z-index: 10;text-align: center;}
.product-item .text-1 {color: #333;margin-top: .4rem;}

.product-box {display: flex;flex-wrap: nowrap;}
.p-nav-box {width: 20rem;}
.p-nav-box .sticky { position: -webkit-sticky; position: sticky; top: calc(80px + 2vw);}
.p-list-box {flex: 1; margin-left: 2vw;overflow: hidden;}

.product-nav {background: #FFF;}
.product-nav .p-nav-item .one a {color: #333;padding: 1.5rem 2rem;cursor: pointer;transition: 0.6s;align-items: center;justify-content: space-between;}
.product-nav .p-nav-item.active .one a {background: var(--zt-color); color: #FFF;}
.product-nav .p-nav-item.active.i-menu i {transform: rotate(90deg);}
.product-nav .p-nav-item .two {padding: 1.5rem 2rem 1.5rem 2.6rem;}
.product-nav .p-nav-item .two ul {display: grid; gap: 1.5rem;}
.product-nav .p-nav-item .two ul li a {display: block;width: 100%;}
.product-nav .p-nav-item .two ul li.active a {color: var(--zt-color); font-weight: bold;}
.product-nav .p-nav-item + .p-nav-item {border-top: 1px solid rgba(0, 0, 0, 0.04);}
.product-nav .p-nav-item a:hover,.process-item:hover .process-cent-box .title-1,.preview-arrow:hover {color: var(--zt-color);}

.substrate-list {display: grid;gap: 1.5vw;/* grid-template-columns: repeat(2, 1fr); */grid-auto-columns: 1fr;}
.substrate-list {
	> * {min-width: 0; overflow-wrap: break-word;}
	.substrate-item {
		background: #FFF;padding: 2rem;
		a {
			display: flex;justify-content: space-between;align-items: center;
			.img {width: 40%; overflow: hidden;}
			.img-block {width: 100%; height: 0; padding-bottom: 75%;}
			.text {width: 55%;}
			.text-1 {margin-top: 1rem; color: #444;}
		}
		a:hover {
			.text .title-1 {color: var(--zt-color);}
			.img img {transform: translateZ(0) scale(1.1); -webkit-transform: translateZ(0) scale(1.1); -ms-transform: translateZ(0) scale(1.1);}
		}
	}
	
}

.bdt-table {
	background:#FFF;
	table{
		width:100%;
		border-spacing:0;
		* {word-break: break-all; white-space: normal;border: none;}
		th{padding:1.5rem 1.5rem;font-weight:bold;text-align:center;color:var(--zt-color);background:var(--zt-color);border:none;color:#FFF}
		td{
			padding:1rem 1.5rem;text-align:center;border:none;/* border-bottom:1px solid #eee */;
			a {display: flex;justify-content: flex-start; align-items: center; width: 100%; height: auto; /* padding: 0 2rem; */}
			.img {width: 20%;}
			.img-block {width: 100%;height: 0; padding-bottom: 100%;}
			.text {flex: 1;text-align: left;margin-left: 1rem;}
			a:hover {
				.text .title-1 {color: var(--zt-color);}
				.img img {transform: translateZ(0) scale(1.1); -webkit-transform: translateZ(0) scale(1.1); -ms-transform: translateZ(0) scale(1.1);}
			} 
		}
		tr+tr td {border-top:1px solid #eee}
		
	}
	
}


.product-show-box {padding: 3rem;}
.product-show-head {display: flex;flex-wrap: wrap;max-height: 600px;}
.product-show-head > * {min-width: 0; flex-shrink: 1;}
.product-pic-box {width: 50%;min-width: 0;}
.product-pic {display: flex;flex-wrap: nowrap;}
.product-detail-box {flex: 1; margin-left: 3.5rem; padding-top: 1rem;}
.product-detail {display: flex;flex-wrap: wrap;align-content: space-between; height: 100%;}
.product-detail > * {min-width: 0;flex-shrink: 1; box-sizing: border-box; width: 100%;}
.product-detail .more-3 {width: fit-content;}
.preview-box {width: 6rem;overflow: hidden;}
.preview-con{height:100%;position: relative;padding: 50px 0;box-sizing: border-box;}
.product-pic-list {overflow: hidden;}
.arrow-top,.arrow-bottom{width:100%;display:block;background:#EEE;text-align:center;height:35px;line-height:35px;color:#666;position: absolute;}
.arrow-top {top: 0;}
.arrow-bottom {bottom: 0;}
.preview-arrow.swiper-button-disabled {opacity: 0.5; cursor: not-allowed;}
.max-img {width: calc(100% - 8rem);margin-left: 2rem;max-width: 500px;}
.product-show-box .detail-head .title-1{font-family: 'mr';min-width: 0;overflow-wrap: break-word;}
.product-show-box .detail-head .text-1 {margin-top: 0.5rem;min-width: 0;}
.product-show-box .detail-bottom {margin-top: 2rem;width: 100%;}
.product-show-box .product-introduce table {width: 100%;table-layout: fixed;border-collapse: collapse;color: #444;}
.product-show-box .product-introduce table,.product-show-box .product-introduce table tr,.product-show-box .product-introduce table th,.product-show-box .product-introduce table td {border: none;}
.product-show-box .product-introduce table tr {/* padding: 10px 0; */line-height: 1.5em;border-bottom: 1px solid #eee;}
.product-show-box .product-introduce table tr th {text-align: left;width: 30%;word-break: break-all;white-space: normal}
.product-show-box .product-introduce table tr td {padding: 12px 0;word-break: break-all; width: 70%;white-space: normal}
.product-show-box .text-feature .tit,.product-show-box .text-field .tit {font-weight: bold; color: var(--zt-color);}
.product-show-box .text-feature .cont,.product-show-box .text-field .cont {margin-top: .5rem;}
.product-show-box .text-field {margin-top: 1.5rem;}
.product-pic-list .img-block,.product-pic-max .img-block {width: 100%; height: 0; padding-bottom: 100%;}
.product-pic-list .img,.product-pic-max .img {border: 1px solid #eee;box-sizing: border-box;}
.product-pic-list .img .img-center  {opacity: .5;transition: all 0.5s;}
.product-pic-list .swiper-slide-thumb-active .img {border: 1px solid var(--zt-color);}
.product-pic-list .swiper-slide-thumb-active .img-center,.product-pic-list .swiper-slide:hover .img .img-center {opacity: 1;}

.product-show-bottom {margin-top: 3rem;}
.product-content-box {padding-top: 2rem; color: #111;min-height: 10rem;}
.content-tab img {max-width: 100%;}
.content-tab .swiper-slide {opacity: 0 !important;}
.content-tab .swiper-slide-active {opacity: 1 !important;}
.more-product-list ul {display: grid;gap: 1vw;grid-template-columns: repeat(4, 1fr);grid-auto-columns: 1fr;}
.more-product-list ul li * {transition: all 0.5s;}
.more-product-list ul > * {min-width: 0; overflow-wrap: break-word;}
.more-product-list .img-block{width:100%;height:0;padding-bottom:80%}
.more-product-list .text{padding:1rem}
.more-product-list .text-1 {color: #666; margin-top: 0.3rem;}
.more-product-list ul li:hover .title-1 {color: var(--zt-color);}
.more-product-list ul li:hover .img >img { transform: translateZ(0) scale(1.1); -webkit-transform: translateZ(0) scale(1.1); -ms-transform: translateZ(0) scale(1.1);}

.product-content {
	table {
		width: 100%;
		border: none;
		border-collapse: collapse;
		thead {
		    background: #1b238929;
		    color: #111;
		    font-weight: bold;
		}
		tr {
			 th {padding: 0.8rem;}
			 td {padding: 0.8rem;}
		}
		tr:nth-child(even) {background:#F5F5F5;}
	}
}
 



.technical_service_box {align-items: center;}
.scientific-box,.process-box {padding: 6% 0;}
.technical_service_pic_wrap{width:43.2291666vw;z-index:9;border-radius: 5px;overflow: hidden;}
.technical_service_pic_box{width:100%;padding-bottom:75.3012%;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
.technical_service_pic_max{left:0;top:0;width:100%;height:100%;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
.technical_service_pic_max img {width: 100%;}
.technical_service_content {flex:1; margin-left: 6.7708333vw; /* -webkit-align-content: space-between; align-content: space-between; */}
.technical_service_big {margin-top: 5%;}
.technology-process-bottom{margin-top:3%}
.process-pic-box{}
.process-list{display:flex;flex-wrap:wrap;gap:2%}
.process-item{width:23.5%;background:#FFF;position:relative; border-radius: 5px;overflow: hidden;}
.process-pic{width:100%;height:0;padding-bottom:65%}
.process-cent-box{padding:2rem}
.process-cent-box .title-1 {color: #111; font-weight: bold;}
.process-cent-box .text-1{margin-top:3%;color: #333;}
.process-item::after {content: '';position: absolute;bottom: 0; height: 2px; left: 0; right: 0; width: 0; margin: auto; transition: all 0.5s; background: var(--zt-color);;}
.process-item:hover::after {width: 100%;}
.technical_team_content {flex:1; margin-right: 6.7708333vw;}
.team-layout{margin-top:6%;justify-content:space-between}
.team-item{width:calc(100% / 2 - 1rem);height:auto}
.team-layout-pic img{width:100%;transition:all 0.5s}
.team-layout-pic{overflow:hidden}
.team-item:hover .team-layout-pic img {transform:scale(1.1,1.1) translateZ(0);-o-transform:scale(1.1,1.1) translateZ(0);-moz-transform:scale(1.1,1.1) translateZ(0);-webkit-transform:scale(1.1,1.1 translateZ(0));}

.supporting-facilities-top{width:81.7%;margin:auto}
.supporting-facilities-list{width:81.7%;margin:auto}
.supporting-facilities-swiper{margin-top:3%}
.div-consulting-service{position:relative;margin-top:4%}
.div-consulting-service .title-1{position:absolute;left:9%;top:50%;color:#fff;transform:translateY(-50%);z-index:11}
.div-consulting-service .text{position:absolute;right:9%;top:50%;color:#fff;transform:translateY(-50%);z-index:11;text-align:right}
.div-consulting-service .text *{display:inline-block;vertical-align:middle}
.div-consulting-service .text-1{color:#fff}
.div-consulting-service .tel-1{margin-left:20px;border:1px dashed rgba(255,255,255,.3);padding:0px 20px;line-height:55px}
.div-consulting-service .text-2{border:1px dashed rgba(255,255,255,.3);margin-left:5px;line-height:55px}
.div-consulting-service .text-2 a{padding:0 25px;display:block}
.div-consulting-service .text-2 i{width:26px;height:21px}
.div-consulting-service .text-2 i img{display:block}
.div-consulting-service .text-2 span{margin-left:10px;color:#fff}
.div-consulting-service .text-2 a:hover{background:#fff}
.div-consulting-service .text-2 a:hover span{color:var(--zt-color)}
.div-consulting-service .text-2 a:hover i img{opacity:0}
.div-consulting-service .text-2 a:hover i{background:url('../images/wx2.png') center no-repeat}
.wxewm-show{width:150px;height:158px;background:url('../images/ewmbg.png') center no-repeat;position:absolute;right:0;bottom:60px;box-shadow:0px 12px 60px 0px rgba(0,0,0,0.24);display:none;opacity:0;z-index:-1}
.wxewm-show.cur{opacity:1;z-index:11}
.div-solution{overflow:hidden;padding: 6% 0;}
.div-solution-top{}
.div-solution-bottom {margin-top: 3%;}
.div-solution-nav{text-align:left;padding:1% 0;overflow:hidden}
.div-solution-nav a{display:inline-block;vertical-align:middle;width:13%;position:relative;margin-bottom:4%;text-align:center}
.div-solution-nav a::after{content:'';width:1px;height:100%;position:absolute;right:4%;top:0;background:#e5e5e5}
.div-solution-nav a:last-child::after{display:none}
.div-solution-nav .icon-1{width:65px;height:65px;margin:auto;position:relative}
.div-solution-nav .icon-1 img{filter:grayscale(100%);opacity:.5}
.div-solution-nav .title-1{color:#999999;font-weight:bold;margin-top:8%}
.div-solution-nav a.cur .title-1{color:var(--zt-color)}
.div-solution-nav a.cur .icon-1 img{filter:grayscale(0);opacity:1}
.div-solution-pic{position:relative;margin-top:2%}
.div-solution-pic-swiper{position:relative}
.div-solution-item{position:relative}
.div-solution-item .text{position:absolute;top:50%;transform:translateY(-50%);width:50%;z-index:11;left:10%;color:#fff}
.div-solution-item .title-1{padding-bottom:2%}
.div-solution-item .text-2{opacity:.8}
.div-solution-item .pic{overflow:hidden}
.solution-animation-bar{overflow:hidden;position:relative;margin-top:0px;width:94%;margin:auto;margin-top:-2%}
.solution-animation-bar .anibar-1{width:7%;clear:both;position:absolute;left:0}
.solution-animation-bar .anibar-1 i{display:block;height:56px;background:#8f00d2}
.solution-animation-bar .anibar-2{width:28%;float:right;clear:both}
.solution-animation-bar .anibar-2 i{display:block;height:56px;background:#0500d7}
.solution-animation-bar .anibar-3{width:56px;clear:both;margin-right:28%;float:right}
.solution-animation-bar .anibar-3 i{display:block;height:56px;background:#963fff}
.solution-animation-bar .anibar-4{width:22%;clear:both;margin-left:36%}
.solution-animation-bar .anibar-4 i{display:block;height:56px;background:#0b069d}
.div-system-architecture{padding:4% 0;overflow:hidden}
.system-architecture-top{text-align:center;margin-top:3%}
.system-architecture-bottom{margin-top:3%;text-align:center}
.div-system-solution{padding:4% 0;overflow:hidden;width:99%;margin:auto}
.system-solution-top{text-align:center}
.system-solution-bottom{padding-top:3%;overflow:hidden}
.system-solution-item{overflow:hidden;float:left;width:49.7%;margin-right: 1rem;margin-bottom: 1rem;width: calc(100% / 2 - 1rem);}
.system-solution-item.mr0,.system-solution-item:nth-child(2n){margin-right:0}
.system-solution-item a{display:block;position:relative}
.system-solution-item .text{position:absolute;left: 7%;top:10%;width:54%;z-index:11;color:#fff}
.system-solution-item .title-1{font-weight:900}
.system-solution-item .text-2{margin-top:2.5%;opacity:.8}
.system-solution-item .more-3{position:absolute;left: 7%;bottom:10%;z-index:12}
.system-solution-item .more-3 span{color:#fff;border:1px solid #fff;background:none}
.system-solution-item .more-3 span::before{background:#fff}
.system-solution-item .more-3 span::after{background:url('../images/r2.png')}
.system-solution-item .pic::after {content:'';position:absolute;left:0;top:0;height:100%;width:100%;z-index:2;background-image:linear-gradient(to right,#000000bd 25%,#00000061);}
.system-solution-item .pic img{overflow:hidden;opacity:.4}
.system-solution-item .img-block{width:100%;height:0;padding-bottom:62%}
.system-solution-item a:hover .pic{transform:scale(1.05)}
.system-solution-item a:hover .pic img{opacity:.6}
.system-solution-item a:hover .more-3 span{color:#fff;border:1px solid #0058d3;background:#0058d3}
.system-solution-item a:hover .more-3 span::before{opacity:.2}
.div-scheme-advantages{padding:5% 0;overflow:hidden}
.scheme-advantages-top{text-align:center}
.scheme-advantages-bottom{padding-top:3%;font-size:0;width:86%;margin:auto}
.scheme-advantages-item{display:inline-block;vertical-align:top;width:27%;position:relative;padding:0 3%;text-align:center;margin-bottom:5%}
.scheme-advantages-item.mr0::after{display:none}
.scheme-advantages-item::after{content:'';width:1px;height:100%;position:absolute;right:0;top:0;background:#e6e6e6}
.scheme-advantages-item .icon-3{width:80px;height:80px;margin:auto;position:relative}
.scheme-advantages-item .pic-3{position:relative;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat}
.scheme-advantages-item .title-1{margin-top:5%;font-weight:bold}
.scheme-advantages-item .text-2{margin-top:5%}
.div-application-scenario{width:81.7%;margin:auto;padding:1% 0}
.div-application-scenario .class-1{overflow:hidden}
.application-scenario-top{padding-bottom:1.5%;position:relative;border-bottom:1px solid #e6e6e6}
.application-scenario-nav{position:absolute;right:0;bottom:0;z-index:11}
.application-scenario-nav a{color:#999999;position:relative;display:inline-block;vertical-align:middle}
.application-scenario-nav a::before{content:'';width:4px;height:4px;display:inline-block;vertical-align:middle;background:#ccc;margin:0 20px}
.application-scenario-nav a.cur span{color:var(--zt-color)}
.application-scenario-nav a:first-child::before{display:none}
.application-scenario-nav span{display:inline-block;vertical-align:middle;position:relative;padding:20px 0}
.application-scenario-nav span::after{content:'';width:100%;height:3px;background:var(--zt-color);position:absolute;left:0;bottom:0;z-index:1;display:none}
.application-scenario-nav a.cur span::after{display:block}
.application-scenario-bottom{margin-top:3%;padding-bottom:5%}
.application-scenario-item{overflow:hidden;background:#fff;box-shadow:0px 10px 40px 0px rgba(0,0,0,0.06);float:left;width:32.6666%;margin-right:1%;margin-bottom:1%}
.application-scenario-item.mr0{margin-right:0}
.application-scenario-item .img{overflow:hidden}
.application-scenario-item .title-1{text-align:center;padding:6% 0}
.application-scenario-swiper{overflow:visible}
.application-scenario-swiper .swiper-slide.swiper-slide-active{opacity:1 !important}
.application-scenario-swiper .swiper-slide{opacity:0 !important}
.div-test-account-application{overflow:hidden;background:#f7f8fa}
.test-account-application-top{position:relative}
.test-account-application-top .class-1{position:absolute;left:0;top:30%;text-align:center;color:#fff;z-index:11;width:100%}
.test-account-application-top .pic{overflow:hidden}
.test-account-application-bottom{overflow:hidden;position:relative;margin-top:-10%;padding-bottom:5%}
.test-account-application-from{width:72%;margin:auto;padding:4% 4% 1% 4%;overflow:hidden;background:#fff;position:relative}
.from-item-3{overflow:hidden;margin-bottom:2%}
.from-item-3 .item-3{float:left;width:32%;margin-right:1%}
.from-item-3 .item-3:last-child{margin-right:0}
.from-item-3 .title-1{overflow:hidden;padding-bottom:1%}
.from-item-3 .input-1{margin-top:1%}
.input1,.textarea1{display:block;border:1px solid #ccc;padding:16px 20px;box-sizing:border-box;background:#fff;width:100%;outline:none;color:var(--zt-color)}
.input1:focus,.textarea1:focus{border:1px solid var(--zt-color)}
.from-item-1{overflow:hidden;margin-bottom:2%}
.from-item-1 .textarea-1{margin-top:.8%}
.textarea1{min-height:120px}
.test-account-application-from .more-1{position:relative;left:auto;top:auto;right:auto}
.test-account-application-from .more-1 a{padding-left:50px}
.div-solution-detail{margin-top:90px;padding:5% 0 0 0;overflow:hidden}
.solution-detail-top{width:100%;margin:auto}
.solution-detail-top .class-1{text-align:center}
.solution-detail-pic{text-align:center;position:relative;padding:3% 0;overflow:hidden;margin-top:4%;font-size:0}
.solution-detail-pic::after{content:'';width:50%;height:100%;right:0;top:0;z-index:1;background-image:-webkit-linear-gradient(0deg,rgb(247,248,250) 0%,rgba(247,248,250,0) 100%);position:absolute}
.solution-detail-pic img{max-width:100%;display:inline-block;position:relative;z-index:11}
.solution-detail-center{overflow:hidden;position:relative}
.solution-detail-center .class-1{position:absolute;left:9%;top:10%;color:#fff;z-index:11}
.solution-detail-li{position:absolute;right:9%;top:10%;z-index:11;width:44%}
.solution-detail-li .item-1:first-child{padding:0 0 3% 0;margin-top:-2%}
.solution-detail-li .item-1{padding:3% 0;border-bottom:1px solid rgba(255,255,255,.2)}
.solution-detail-li .item-1 a{display:block;padding:3% 0;overflow:hidden;color:#fff;opacity:.8}
.solution-detail-li .item-1 a:hover{opacity:1}
.solution-detail-li .item-1 a *{transition:none}
.div-data-management-subsystem{padding:7% 0 4% 0;overflow:hidden}
.div-data-management-subsystem .class-1{text-align:center}
.data-management-subsystem-list{overflow:hidden;padding:2.5% 0;text-align:center;margin-top:2%}
.data-management-subsystem{width:24.8%;position:relative;display:inline-block;vertical-align:top;margin:1%}
.data-management-subsystem a{display:block;position:relative;background:var(--zt-color);text-align:left}
.data-management-subsystem .pic img{opacity:.07}
.data-management-subsystem .text{position:absolute;width:80%;z-index:11;left:10%;top:50%;color:#fff;transform:translateY(-50%)}
.data-management-subsystem .icon-1{position:relative;width:100px;height:100px;margin-top:15%}
.data-management-subsystem .title-1{margin-top:5%}
.data-management-subsystem .text-1{margin-top:5%;opacity:.6}
.data-management-subsystem.cci2 a{background:#8400d2}
.data-management-subsystem.cci3 a{background:#0561e6}
.data-management-subsystem a:hover{transform:translateY(-10px)}
.ai-auxiliary-analysis-subsystem{background:url('../images/bg4.jpg') center no-repeat;background-size:cover;padding:2% 0 6% 0;overflow:hidden}
.auxiliary-analysis-subsystem-center{overflow:hidden;width:81.7%;margin:auto;position:relative}
.auxiliary-analysis-subsystem-center .class-1{text-align:center;margin-top:2%}
.auxiliary-analysis-box{margin:auto;position:relative;width:40%;margin-top:3%}
.auxiliary-analysis-box .yuan{position:absolute;width:50%;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}
.auxiliary-analysis-box .huan{position:absolute;width:70%;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;animation:turnrotate 8000ms linear infinite}
.auxiliary-analysis-box .text-1{position:absolute;width:50%;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;color:var(--zt-color);font-weight:bold}
.auxiliary-analysis-box .auxiliary{position:absolute;z-index:4}
.auxiliary-analysis-box .auxiliary span{display:block;font-weight:bold;padding:10px 20px;border:2px solid var(--zt-color);border-radius:50px;color:var(--zt-color)}
.auxiliary-analysis-box .auxiliary i{display:block;width:10px;height:10px;margin:auto;border:2px solid var(--zt-color);border-radius:100%;margin-top:15%}
.auxiliary-analysis-box .auxiliary.item-1{top:7%;left:50%;transform:translateX(-50%)}
.auxiliary-analysis-box .auxiliary.item-2{left:5%;bottom:25%}
.auxiliary-analysis-box .auxiliary.item-3{right:5%;bottom:25%}
.auxiliary-analysis-box .auxiliary.item-4{right:5%;top:25%}
.auxiliary-analysis-box .auxiliary.item-5{left:5%;top:25%}
.auxiliary-analysis-box .auxiliary.item-6{left:50%;bottom:5%;transform:translateX(-50%)}
.auxiliary-analysis-box .auxiliary.item-2 i{position:absolute;right:-30px;top:50%;transform:translateY(-50%);margin:0}
.auxiliary-analysis-box .auxiliary.item-3 i{position:absolute;left:-30px;top:50%;transform:translateY(-50%);margin:0}
.auxiliary-analysis-box .auxiliary.item-4 i{position:absolute;left:-30px;top:50%;transform:translateY(-50%);margin:0}
.auxiliary-analysis-box .auxiliary.item-5 i{position:absolute;right:-30px;top:50%;transform:translateY(-50%);margin:0}
.auxiliary-analysis-box .auxiliary.item-6 i{position:absolute;left:50%;top:-60%;margin:0;transform:translateX(-50%)}
.auxiliary-analysis-left{position:absolute;left:0;top:0;width:20%;z-index:11}
.auxiliary-analysis-right{position:absolute;right:0;top:0;width:20%;z-index:11}
.auxiliary-analysis-item{display:block;position:relative;overflow:hidden;margin-bottom:3%}
.auxiliary-analysis-item .img::before{content:'';width:100%;height:100px;position:absolute;left:0;bottom:0;z-index:1;background-image:-webkit-linear-gradient(90deg,rgb(0,43,140) 0%,rgba(0,43,140,0) 100%);opacity:.8;transition:all .4s ease}
.auxiliary-analysis-item .title-1{position:absolute;text-align:center;left:0;bottom:10%;width:100%;z-index:11;color:#fff;font-weight:bold}
.auxiliary-analysis-item:hover .pic{transform:scale(1.05)}
.auxiliary-analysis-item:hover .img::before{height:160px}
.div-solution-faq{overflow:hidden;padding-bottom:6%;position:relative}
.solution-faq-top{position:relative}
.solution-faq-top .class-1{position:absolute;left:0;top:40%;color:#fff;z-index:11;width:100%;text-align:center}
.solution-faq-list{width:81.7%;margin:auto;margin-top:-5%;z-index:11;position:relative}
.solution-faq-item{display:block;overflow:hidden;position:relative;float:left;width:23%;margin-right:2%;margin-bottom:1%;box-shadow:0px 10px 40px 0px rgba(0,0,0,0.06)}
.solution-faq-item .title-1{text-align:center;padding:5% 0;font-weight:bold}
.solution-faq-item:hover .pic{transform:scale(1.05)}
.solution-faq-item:hover{transform:translateY(-10px)}
.div-service-process{padding:5% 0;overflow:hidden;width:81.7%;margin:auto}
.div-service-process-top{text-align:left}
.div-service-process-bottom{padding-top:3%;overflow:hidden;position:relative}
.service-process-lou{position:absolute;right:5%;top:0;width:25%;z-index:11}
.service-process-pic{background:#f7f8fa;padding:5% 3%;overflow:hidden;font-size:0}
.service-process-pic img{max-width:100%}
.div-service-content{padding:3% 0 0 0;overflow:hidden}
.div-service-content-top{text-align:left;overflow:hidden;width:81.7%;margin:auto}
.div-service-content-top .class-1{float:left}
.service-content-right{float:right;width:70%}
.service-content-right li{list-style:none;margin:0;padding:0;float:left;width:43%;border-bottom:1px solid #ccc;padding:2.5% 0;margin-right:5%}
.service-content-right li span{display:block}
.service-content-right li p{display:block;color:#666666}
.digital-achievements-display{padding:6% 0 0 0;background:#f7f8fa}
.digital-achievements-display-top{overflow:hidden;position:relative}
.digital-achievements-display-ctrl{position:absolute;right:0;top:0;z-index:11}
.swiper-achievements-prev,.swiper-achievements-next{display:inline-block;vertical-align:middle;position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:auto;opacity:1;width:53px;height:53px;border:1px solid var(--zt-color);border-radius: 5px;overflow: hidden;}
.swiper-achievements-prev::after,.swiper-achievements-next::after{display:none}
.swiper-achievements-prev{background:url('../images/l3.png') center no-repeat}
.swiper-achievements-next{background:url('../images/r3.png') center no-repeat}
.swiper-achievements-prev:hover{background:url('../images/l2.png') center no-repeat var(--zt-color)}
.swiper-achievements-next:hover{background:url('../images/r2.png') center no-repeat var(--zt-color)}
.achievements-pagination{display:inline-block;vertical-align:middle;position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:auto;width:auto;padding:0 20px}
.digital-achievements-display-bottom{}
.digital-achievements-display-swiper{position:relative;padding:5% 0 9% 0}
.achievements-display-item{display:block;position:relative;background:#fff;border-radius: 5px;overflow: hidden;}
.achievements-display-item .title-1{padding:5% 0;text-align:center;font-weight:bold}
.achievements-display-item:hover .pic{transform:scale(1.00)}
.achievements-display-item:hover{background:var(--zt-color);transform:translateY(-10px);box-shadow:0px 20px 60px 0px rgba(0,23,77,0.4)}
.achievements-display-item:hover .title-1{color:#fff}
.achievements-display-item .fbig{width:55px;height:55px;position:absolute;left:50%;top:50%;transform:translateX(-50%);z-index:11;background:#fff url('../images/big.png') center no-repeat;margin-top:-25px;opacity:0;border-radius: 5px;overflow: hidden;}
.achievements-display-item:hover .fbig{opacity:1}
.div-utc-training{overflow:hidden}
.utc-training-banner{position:relative;overflow:hidden}
.utc-training-banner .title-1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:11;color:#fff;mix-blend-mode:screen}
.utc-training-banner .title-1 strong{display:block;margin:0;padding:0;font-size:120px;font-weight:900;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-repeat:no-repeat;background-position:center center;background-attachment:fixed}
.utc-training-banner .text-2{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:13;text-align:center}
.utc-training-banner .text-2 span{display:block;color:#fff;opacity:0}
.utc-training-banner .img{opacity:0}
.utc-course-content{padding:5% 0;overflow:hidden}
.utc-course-content-top{text-align:center}
.utc-course-content-list{width:81.7%;margin:auto;margin-top:3%}
.course-content-item{overflow:hidden;position:relative}
.course-content-item .pic{float:left;width:50%;position:relative}
.course-content-item .absolute{position:absolute;right:5%;width:40%;top:0;height:100%}
.course-content-item .text{position:absolute;left:0;top:50%;transform:translateY(-50%);width:88%}
.course-content-item .title-1{font-weight:bold}
.course-content-item .text-1{margin-top:2%;color:#666666}
.course-content-item.fr .pic{float:right}
.course-content-item.fr .absolute{right:auto;left:0}
.enrollment-process{padding:3% 0 5% 0;overflow:hidden;background:url('../images/bg5.jpg') center top no-repeat;background-size:cover}
.enrollment-process-top{text-align:center}
.enrollment-process-top .class-1{text-align:center}
.enrollment-process-bottom{margin-top:5%;padding-bottom:4%;overflow:hidden}
.enrollment-process-list{overflow:hidden;text-align:center}
.enrollment-process-item{display:inline-block;vertical-align:middle;width:8%;position:relative}
.enrollment-process-item .absolute{width:100%;border:2px dashed #c2cbe0;height:100px;position:relative;margin:40px auto}
.enrollment-process-item .absolute.opacity1{opacity:1}
.enrollment-process-item .absolute.opacity0{opacity:0}
.enrollment-process-item .text{position:absolute;width:100%;top:50%;transform:translateY(-50%);left:0;z-index:1}
.enrollment-process-item .icon-1{position:relative;height:40px}
.enrollment-process-item .title-1{margin-top:5%;color:var(--zt-color)}
.enrollment-process-item .yuan-1{position:relative;margin:auto}
.enrollment-process-item .yuan-1 span{display:block;border:2px solid var(--zt-color);border-radius:100%;width:22px;height:22px;line-height:22px;text-align:center;font-family:'Manrope-Bold';color:var(--zt-color);margin:auto;position:relative;z-index:11}
.enrollment-process-item .yuan-1 span::before{content:'';width:2px;height:15px;position:absolute;left:50%;top:-15px;background:var(--zt-color);margin-left:-1px}
.enrollment-process-item .yuan-1::after{content:'';width:88%;height:2px;position:absolute;left:58%;top:50%;margin-top:-1px;background:var(--zt-color);opacity:.2}
.enrollment-process-item:hover .absolute{border:2px dashed transparent;background:#fff;box-shadow:0px 10px 80px 0px rgba(0,24,77,0.12)}
.enrollment-process-item:nth-child(2) .yuan-1 span::before,.enrollment-process-item:nth-child(4) .yuan-1 span::before,.enrollment-process-item:nth-child(6) .yuan-1 span::before,.enrollment-process-item:nth-child(8) .yuan-1 span::before{top:auto;bottom:-15px;opacity:1}
.enrollment-process-item:last-child .yuan-1::after{display:none}
.certificate-style{position:relative;overflow:hidden;padding:0 0 5% 0}
.certificate-style .class-1{position:absolute;left:0;top:20%;width:100%;text-align:center;color:#000;z-index:11}
.registration-conditions{overflow:hidden;padding:2% 0}
.registration-conditions .class-1{text-align:center}
.registration-conditions-bottom{margin-top:4%;text-align:center}
.registration-conditions-item{display:inline-block;vertical-align:middle;position:relative;width:22%;padding:0 5%}
.registration-conditions-item::after{content:'';width:1px;height:100%;position:absolute;right:0;top:0;background:#000;opacity:.1}
.registration-conditions-item:last-child::after{display:none}
.registration-conditions-item .icon-1{position:relative;width:100px;height:100px;margin:auto}
.registration-conditions-item .title-1{margin-top:10%}
.div-industry-dynamics{padding:4% 0;overflow:hidden}
.industry-dynamics-list{overflow:hidden;}
.industry-dynamics-item{width:31.333%;margin-right:3%;margin-bottom:3%}
.industry-dynamics-item:nth-child(3n) {margin-right: 0;}
.industry-dynamics-item.mr0{margin-right:0}
.industry-dynamics-item a{display:block;position:relative}
.industry-dynamics-item .img{overflow:hidden}
.industry-dynamics-item .text{padding:5% 0;overflow:hidden}
.industry-dynamics-item .title-1{overflow:hidden;font-weight:bold}
.industry-dynamics-item .text-1{margin-top:3%;color:#666666;min-height:50px}
.industry-dynamics-item .detail-1{margin-top:8%;color:var(--zt-color);position:relative;display:inline-block}
.industry-dynamics-item .detail-1::after{content:'';width:6px;height:10px;position:absolute;right:-15px;top:50%;margin-top:-5px;background:url('../images/r3.png') center no-repeat}
.industry-dynamics-item a:hover .pic{transform:scale(1.05)}
.industry-dynamics-item a:hover .title-1{color:var(--zt-color)}
.industry-dynamics-item.idi1{width:65.777%}
.industry-dynamics-item.idi1 .text{position:absolute;left:5%;bottom:0;width:80%;z-index:11;color:#fff}
.industry-dynamics-item.idi1 .text .text-1{margin-top:1.5%;color:#fff}
.industry-dynamics-item.idi1 .text .detail-1{display:none}
.industry-dynamics-item.idi1 a:hover .title-1{color:#fff}
.industry-dynamics-item.idi2{width:31.11%;margin-right:0}
.linex-1{width:100%;height:1px;clear:both;background:#ccc;opacity:.5;margin:3% 0}
.div-industry-dynamics .return-page{margin-top:1%}
.div-customer-cases{overflow:hidden}
.customer-cases-nav{position:relative;overflow:hidden;border-bottom:1px solid #e7e7e7;}
.customer-cases-nav a{color:#666;position:relative;display:inline-block;vertical-align:middle}
.customer-cases-nav a::before{content:'';width:4px;height:4px;display:inline-block;vertical-align:middle;background:#ccc;margin:0 20px}
.customer-cases-nav a.cur span{color:var(--zt-color)}
.customer-cases-nav a:first-child::before{display:none}
.customer-cases-nav span{display:inline-block;vertical-align:middle;position:relative;padding:25px 0}
.customer-cases-nav span::after{content:'';width:0;height:3px;background:var(--zt-color);position:absolute;left:0;bottom:0;z-index:1;right: 0; margin: 0 auto; transition: all 0.5s;}
.customer-cases-nav a.cur span::after{width: 100%;}
.customer-cases-nav a:hover span{color:var(--zt-color)}
/* .customer-cases-nav a:hover span::after{width: 100%;} */
.customer-cases-bottom{overflow:hidden;padding:4% 0;background:#f7f8fa}
.customer-cases-list{width:81.7%;margin:auto}
.customer-cases-list .customer-stories-item{width:31.333%;float:left;margin-right:3%;margin-bottom:3%}
.customer-cases-list .customer-stories-item.mr0{margin-right:0}
.customer-cases-list .customer-stories-item .more-2{width:40px;height:40px}
.div-news-detail{margin-top:80px;padding:5% 0 0 0;background:#f7f8fa}
.news-detail-top{width:60%;margin:auto;position:relative}
.news-detail-top .title-2{font-weight:bold;/* padding-bottom:2%; *//* border-bottom:1px solid #dee3ef; */}
.news-detail-top .title-bottom-1{padding:2% 0;position:relative;border-bottom: 1px solid #dee3ef;margin-bottom: 3%;}
.news-detail-top .title-bottom-1 span{color:#999}
.news-detail-center{padding:0;overflow:hidden;position:relative;width:60%;margin:auto}
.news-detail-center img{max-width:100%}
.news-detail-bottom{border-top:1px solid #dedfe1;clear:both;padding:1.5% 0;overflow:hidden;position:relative;width:60%;margin:auto;margin-top:3%}
.news-detail-bottom a{display:block}
.news-detail-bottom a i{width:40px;height:40px;display:inline-block;vertical-align:middle;border:var(--zt-color) 1px solid}
.news-detail-bottom a span{display:inline-block;vertical-align:middle;margin:0 15px;color:var(--zt-color)}
.news-detail-bottom a.news-prev{float:left;text-align:left}
.news-detail-bottom a.news-next{float:right;text-align:right}
.news-detail-bottom a.news-prev i{background:url('../images/l3.png') center no-repeat}
.news-detail-bottom a.news-next i{background:url('../images/r3.png') center no-repeat}
.news-detail-bottom a.news-return{position:absolute;left:50%;top:50%;text-align:center;transform:translate(-50%,-50%)}
.news-detail-bottom a.news-prev:hover i{background:url('../images/l2.png') center no-repeat var(--zt-color)}
.news-detail-bottom a.news-next:hover i{background:url('../images/r2.png') center no-repeat var(--zt-color)}
.div-news-detail-other{padding:4% 0 2% 0;overflow:hidden;border-top:1px solid #dedfe1;background:#f7f8fa}
.news-detail-other-top{overflow:hidden;/* width:81.7%; *//* margin:auto; */}
.news-detail-other-bottom{/* width:81.7%; *//* margin:auto; */margin-top:3%}
.title-bottom-1 .share-1{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1111}
.social-share{display:block;position:relative;z-index:1111}
.social-share a{position:relative;text-decoration:none;margin:3px;display:inline-block;outline:none}
.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:1111;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}
.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}
.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}
.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}
.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}
.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}
.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.social-share .icon-wechat:hover .wechat-qrcode{display:block}
.social-share-icon{display:block;width:32px;height:32px;position:relative;opacity:.2}
.social-share-icon:hover{opacity:1}
.return-1{position:absolute;left:10%;top:18%;z-index:11}
.return-1 a{display:block;width:80px;height:80px;border-radius:100%;background:url('../images/l5.png') center no-repeat;box-shadow:0px 10px 60px 0px rgba(9,19,45,0.08)}
.return-1 a:hover{background:url('../images/l4.png') center no-repeat var(--zt-color)}
.div-cases-windows{width:100%;height:100%;position:fixed;left:0;top:0;z-index:2111;transform:scale(0);transition:all .4s ease}
.div-cases-windows.cur{transform:scale(1)}
.cases-windows-show{width:66%;left:50%;top:50%;background:#fff;padding:1.5% 3% 2% 3%;box-sizing:border-box;z-index:11;position:absolute;transform:translate(-50%,-50%)}
.cases-windows-show.cur{display:block}
.div-cases-mark{background:#000f33;opacity:.3;width:100%;height:100%;z-index:1;left:0;top:0}
.cases-windows-detail{position:relative;padding-top:40px;overflow:hidden}
.cases-windows-detail-left{float:left;width:50%;position:relative}
.cases-windows-detail-right{float:left;padding-left:5%;width:45%}
.cases-windows-detail-right .text-1{color:#999;margin-top:15%}
.cases-windows-detail-right .title-1{position:relative;padding-top:3%}
.cases-windows-detail-right .title-1::after{content:'';width:100%;height:2px;background:#e6e6e6;position:absolute;left:0;bottom:0}
.cases-windows-detail-right .title-1 strong{display:inline-block;position:relative;padding-bottom:5%}
.cases-windows-detail-right .title-1 strong::before{content:'';width:100%;height:2px;background:var(--zt-color);position:absolute;left:0;bottom:0;z-index:11}
.cases-windows-detail-right .text-2{color:#666666;padding-top:3%}
.cases-ctrl{position:absolute;right:0;bottom:0;z-index:111;background:#002f93;text-align:right;padding-left:5%}
.cases-ctrl *{user-select:none;outline:none}
.swiper-cases-prev,.swiper-cases-next{display:inline-block;vertical-align:middle;position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:auto;opacity:1;width:60px;height:60px}
.swiper-cases-prev::after,.swiper-cases-next::after{display:none}
.cases-pagination{display:inline-block;vertical-align:middle;left:auto;right:auto;top:auto;bottom:auto;margin:auto;opacity:1;width:auto;position:relative;color:#fff;margin-right:20px}
.swiper-cases-prev{background:url('../images/l2.png') center no-repeat}
.swiper-cases-next{background:url('../images/r2.png') center no-repeat}
.swiper-cases-prev::before,.swiper-cases-next::before{content:'';width:1px;height:60%;position:absolute;left:0;top:20%;background:#fff;opacity:.1}
.cases-anibar{position:absolute;width:100%;left:0;top:0;z-index:11}
.cases-anibar .anibar-1{clear:both;position:relative;left:auto;width:28%;margin-left:35%}
.cases-anibar .anibar-1 i{background:#8f00d2;display:block;width:100%;height:40px}
.cases-anibar .anibar-2{width:40px;float:right;clear:both;margin-right:33.5%;margin-left:40px}
.cases-anibar .anibar-2 i{display:block;width:100%;height:40px;background:#2380ff}
.div-contact-us{padding:3% 0 0 0;overflow:anibar-1}
.contact-us-top{}
.contact-us-top .title-1{font-weight:bold;border-bottom:2px solid #000;padding:2% 0;overflow:hidden}
.contact-us-center{padding:3% 0;overflow:hidden}
.contact-us-item{float:left;width:28%;margin-right:8%;margin-bottom:3%}
.contact-us-item.mr0{margin-right:0}
.contact-us-item .icon-1{position:relative;width:80px;height:90px}
.contact-us-item .icon-1 img{right:auto}
.contact-us-item .text{padding:25px 0;border-top:2px solid #e5e5e5;margin-top:10px}
.contact-us-item .text-1{font-family:'Manrope-Bold'}
.contact-us-item .text-2{margin-top:10px;color:#999999;color: var(--zt-color);}
.contact-us-item .item-2{float:left;width:50%;position:relative}
.contact-us-item .item-2::after{content:'';width:1px;height:100%;position:absolute;right:15%;top:0;background:#ccc;opacity:.3}
.contact-us-item .item-2:last-child::after{display:none}
.contact-us-item:last-child{width:100%}
.div-feedback{width:50%;margin:auto;padding:5% 0;overflow:hidden}
.feedback-top{text-align:center}
.feedback-top a{position:relative}
.feedback-top a::after{content:'';width:100%;height:1px;background:#000;position:absolute;left:0;bottom:3px}
.feedback-center{padding:5% 0;overflow:hidden;width:75%;margin:auto}
.feedback-from{overflow:hidden}
.feedback-from .item-1{margin-bottom:4%}
.feedback-from .item-1 .title-1{padding-bottom:1%}
.feedback-from .more-1{clear:both;position:relative;left:auto;right:auto;top:auto;margin:auto}
.feedback-from .more-1 a{padding-left:50px;margin:auto}
.div-careers{overflow:hidden;background:#f7f8fa}
.div-careers .customer-cases-nav{background:#fff}
.div-careers-list{padding:4% 0;width:81.7%;margin:auto}
.div-careers-item{float:left;width:31.333%;margin-right:3%;margin-bottom:3%}
.div-careers-item.mr0{margin-right:0}
.div-careers-item a{display:block;background:#fff;position:relative;overflow:hidden}
.div-careers-item .pic{overflow:hidden}
.div-careers-item .text{position:absolute;left:10%;top:10%;width:80%;z-index:11;color:#000}
.div-careers-item .title-1{overflow:hidden;background:url('../images/rt1.png') right center no-repeat;font-weight:bold}
.div-careers-item .text-1{margin-top:5%;color:#999999}
.div-careers-item .detail-1{position:absolute;left:10%;bottom:2%;width:80%;z-index:11;border-top:1px solid #e8e8e8;padding:4% 0}
.div-careers-item .detail-1 span{display:block}
.div-careers-item .detail-1 i{display:block;width:6px;height:17px;background:url('../images/r3.png') center no-repeat;position:absolute;right:0;top:50%;margin-top:-8px;filter:grayscale(100%)}
.div-careers-item a:hover{background:var(--zt-color);box-shadow:0px 40px 100px 0px rgba(0,23,77,0.4)}
.div-careers-item a:hover .title-1{background:url('../images/rt2.png') right center no-repeat;color:#fff}
.div-careers-item a:hover .detail-1 span{color:#fff}
.div-careers-item a:hover .detail-1 i{background:url('../images/r2.png') center no-repeat}
.div-careers-windows{width:100%;height:100%;position:fixed;left:0;top:0;z-index:2111;transform:scale(0);transition:all .4s ease}
.div-careers-windows.cur{transform:scale(1)}
.div-careers-mark{background:#000f33;opacity:.3;width:100%;height:100%;z-index:1;position:absolute;left:0;top:0}
.careers-windows-show{width:31%;left:50%;top:50%;background:#fff;padding:3% 3% 2% 3%;box-sizing:border-box;z-index:11;position:absolute;transform:translate(-50%,-50%)}
.careers-windows-show.cur{display:block}
.careers-windows-show .title-1{text-align:center;padding-bottom:3%}
.careers-windows-show .text-1{text-align:center;color:#999999;padding-bottom:6%}
.careers-windows-show .input-2{margin-bottom:2%}
.careers-windows-show .input-2 .input1{background:#f7f8fa;border:none}
.careers-windows-show .upload-2{position:relative}
.careers-windows-show .upload-2 .text-1{text-align:left;padding-bottom:2%;margin-top:4%}
.careers-windows-show .upload-2 .text-1 strong{color:#1a1a1a;margin:0;padding:0}
.careers-windows-show .upload-2 .text-1 span{margin-left:10px}
.careers-windows-show .upload-2 .input-1{position:relative}
.careers-windows-show .upload-2 .input-1 .button1{position:absolute;right:1%;top:10%;width:100px;height:80%;z-index:11;border:none;background:var(--zt-color);color:#fff;cursor:pointer}
.careers-windows-show .upload-2 .input-1 .button1:hover{background:#0058d3}
.careers-windows-show .input-2 a{display:block;background:var(--zt-color);color:#fff;text-align:center;margin-top:3%;padding:3% 0}
.careers-windows-show .input-2 a:hover{background:#0058d3}
.close-1{cursor:pointer;position:absolute;width:40px;height:40px;right:2%;top:3%;transform:rotate(45deg);z-index:20}
.close-1::after,.close-1::before{content:'';background:#000;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.close-1:hover{opacity:0.5}
.close-1::after{width:26px;height:2px}
.close-1::before{width:2px;height:26px}
.careers-detail-center{color:#666666;width:60%;margin:auto;position:relative;overflow:hidden;padding:3% 0}
.careers-detail-center ul{list-style:none;margin:0;padding:0}
.careers-detail-center ul li{color:#666666;list-style:none;margin:0;padding:0;padding-left:20px;position:relative}
.careers-detail-center ul li::before{content:'';width:6px;height:6px;position:absolute;left:0;top:12px;background:#999999}
.careers-title{font-weight:bold;color:#000;display:block;padding-bottom:1%}
.news-detail-top .more-1{bottom:auto;top:50%;transform:translateY(-50%)}
.div-news-detail.careers-detail{position:relative}
.div-news-detail.careers-detail .news-detail-top{padding-bottom:1.5%}
.div-news-detail.careers-detail .news-detail-top .title-2{padding-bottom:0;border-bottom:none}
.div-news-detail.careers-detail .news-detail-top::after{content:'';width:100%;height:2px;position:absolute;left:0;bottom:0;background:#dedfe1}
.div-news-detail.careers-detail .news-detail-top::before{content:'';width:47%;height:2px;position:absolute;left:0;bottom:0;background:var(--zt-color);z-index:11}
.div-service-network{padding:2%;overflow:hidden}
.service-network-map{position:relative;overflow:hidden}
.service-network-add-list{position:absolute;z-index:111;width:20%;overflow:hidden;left:8%;top:50%;transform:translateY(-50%)}
.service-network-add-list .title-1{overflow:hidden}
.service-network-add-list .add-list{margin-top:10%;height:345px;overflow:auto;padding-right:10%}
.service-network-add-list .add-list::-webkit-scrollbar{height:4px;width:3px}
.service-network-add-list .add-list-item{overflow:hidden;padding:8% 0;border-bottom:1px solid #e5e5e5;display:block;margin-top:3%}
.service-network-add-list .add-list-item:last-child{border:none}
.service-network-add-list .icon-1{overflow:hidden}
.service-network-add-list .icon-1 img{filter:grayscale(100%)}
.service-network-add-list .title-2{font-weight:bold;margin-top:1%}
.service-network-add-list .text-1{color:#999999;margin-top:3%}
.service-network-add-list .add-list-item.cur .icon-1 img{filter:none}
.service-network-add-list .add-list-item.cur .title-2{color:var(--zt-color)}
.service-network-add-list .add-list-item.cur .text-1{color:var(--zt-color)}
.network-add-list{background:#fff;padding:15% 5% 10% 15%}
.div-service-cooperation{padding:4% 0 6% 0;overflow:hidden}
.cooperation-from{width:62%;margin:auto;text-align:center}
.cooperation-from .title-1{overflow:hidden}
.cooperation-from-list{margin-top:5%;text-align:left}
.cooperation-from-list .item-1{text-align:left}
.cooperation-from-list .item-1 .title-1{padding-bottom:1%}
.cooperation-from-list .list-2{overflow:hidden;margin-bottom:2%}
.cooperation-from-list .list-2 .item-1{float:left;width:49.5%}
.cooperation-from-list .list-2 .item-1:last-child{float:right}
.cooperation-from-list .more-1{position:relative;clear:both;left:auto;top:auto;bottom:auto;right:auto;margin-top:3%}
.cooperation-from-list .more-1 a{margin:auto;padding-left:50px}
.cooperation-from-list .select-1{width:100%;position:relative}
.select1{display:block;width:100%;border:1px solid #ccc;padding:16px 20px;box-sizing:border-box;background:none;-webkit-appearance:none;position:relative;color:#999999}
.select-1::after{content:'';width:6px;height:17px;position:absolute;right:5%;top:50%;background:url('../images/r3.png') center no-repeat;transform:translateY(-50%) rotate(90deg);filter:grayscale(100%)}
.galleryOverlay{width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;z-index:100000;background-color:rgba(0,0,0,.7);overflow:hidden;display:none;-moz-transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}
.galleryOverlay.visible{opacity:1}
.gallerySlider{height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute}
.gallerySlider .placeholder{background:url("../images/loading.gif") no-repeat center center;height:100%;line-height:1px;text-align:center;width:100%;display:inline-block}
.gallerySlider .placeholder:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
.gallerySlider .placeholder img{display:inline-block;max-height:100%;max-width:100%;vertical-align:middle}
.prevArrow,.nextArrow{border:none;text-decoration:none;opacity:0.5;cursor:pointer;position:absolute;width:50%;height:100%;top:0;margin-top:0px}
.prevArrow:hover,.nextArrow:hover{opacity:1}
.prevArrow{background-position:left top;left:0}
.nextArrow{background-position:right top;right:0}
.pagelimit{position:absolute;bottom:20px;left:50%;margin-left:-18px;color:#fff;font-size:18px}
.closed{cursor:pointer;position:absolute;width:40px;height:40px;right:2%;top:3%;transform:rotate(45deg)}
.closed::after,.closed::before{content:'';background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.closed:hover{opacity:0.5}
.closed::after{width:26px;height:2px}
.closed::before{width:2px;height:26px}

/* 英文版调整 */
.lan .header-xiala-show a {display: flex; align-items: center;}
.lan i.gq {width: 20px;height: 20px;margin-right: 10px;background-repeat: no-repeat;display: inline-block;background-size: auto 100%;display: flex;align-items: center;}
.max100,.max100 img{max-width: 100%;}
.lan_en {
	.header-xiala-show {width: 260px;padding: 0 10px;}
	.header-xiala-show a {padding: 7% 0;width: 80%;}
	.index_head_box .en-title {display: none;}
}



@keyframes bigimgani{0%{transform:scale(1.1)}
100%{transform:scale(1.0)}
}@keyframes fadesandan{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
0%{width:0}
100%{width:100%}
}.fadesandan{-webkit-animation-name:fadesandan;animation-name:fadesandan;-webkit-animation-duration:.9s;animation-duration:.9s}
@keyframes turnrotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg)}
25%{-webkit-transform:translate(-50%,-50%) rotate(90deg)}
50%{-webkit-transform:translate(-50%,-50%) rotate(180deg)}
75%{-webkit-transform:translate(-50%,-50%) rotate(270deg)}
100%{-webkit-transform:translate(-50%,-50%) rotate(360deg)}
}@media screen and (max-width:3840px){}
@media screen and (max-width:2560px){}
@media screen and (max-width:2048px){}
@media screen and (max-width:1920px){}
@media screen and (max-width:1680px){.honors-qualifications-item .honors-1 img{max-height:140px}
}@media screen and (max-width:1440px){.index-banner-item .title-1{line-height:40px}
.scroll-center::after{width:420%}
.number-prevnext{margin-top:-11.5px}
.header-content{height:60px}
.header-nav-show{top:60px}
.header-nav ul li a.nav{line-height:60px}
.header-logo{/* transform:translateY(-40%); */}
.header-xiala-show{top:60px;width:160px;left:-25px}
.nav-product-show-list{width:70%}
.header-xiala-show a{padding:6% 0}
.more-1 a{width:160px;height:45px;line-height:45px;padding-left:30px}
.div-banner-top .text{width:35%}
.div-banner-top .kuai-1,.div-banner-top .tiao-2{height:40px}
.div-banner-top .tiao-2{margin-right:-40px;width:40px}
.div-banner-top .kuaitiao-1{right:-100px;top:-40px}
.div-animation-bar .anibar-1 i,.div-animation-bar .anibar-2 i,.div-animation-bar .anibar-3 i,.div-animation-bar .anibar-4 i,.solution-animation-bar .anibar-1 i,.solution-animation-bar .anibar-2 i,.solution-animation-bar .anibar-3 i,.solution-animation-bar .anibar-4 i{height:46px}
.div-animation-bar{margin-top:-46px}
.enterprise-concept-text{padding-top:10%}
.corporate-culture-item .icon-1{width:90px;height:90px}
.corporate-culture-item .text-1{width:80%;margin:3% auto}
.corporate-culture-item .title-1{margin-top:20%}
.honors-qualifications-item .honors-1 img{max-height:140px}
.return-page a.prev,.return-page a.next{width:46px;height:46px}
.div-product-item .product img{max-height:50%}
.div-product-item .product{height:55%}
.div-product-item .text{width:90%}
.div-product-item .text-1 li{font-size:14px}
.div-product-item .text-1 li::before{top:9px}
.div-consulting-service .tel-1,.div-consulting-service .text-2{line-height:45px}
.wxewm-show{width:140px;height:148px;background-size:100%}
.div-solution-nav .icon-1{width:45px;height:45px}
.scheme-advantages-item .icon-3{width:65px;height:65px}
.system-architecture-bottom img{max-width:100%}
.input1,.textarea1{padding:12px 15px}
.test-account-application-from .more-1 a,.feedback-from .more-1 a,.cooperation-from-list .more-1 a{padding-left:40px}
.solution-detail-pic{width:80%;margin:auto;margin-top:5%}
.solution-detail-li{width:50%}
.solution-detail-li .item-1 a{padding:1% 0}
.solution-detail-li .item-1:first-child{margin-top:0}
.data-management-subsystem{width:25.5%}
.data-management-subsystem .icon-1{width:70px;height:70px;margin-top:10%}
.swiper-achievements-prev,.swiper-achievements-next{width:43px;height:43px}
.digital-achievements-display-top{padding-bottom:3%}
.digital-achievements-display-swiper{padding:1% 0 9% 0}
.utc-training-banner .title-1 strong{font-size:100px}
.return-1 a{width:60px;height:60px}
.div-news-detail{margin-top:60px}
.contact-us-item .icon-1{width:60px;height:70px}
.contact-us-item .item-2::after{display:none}
.network-add-list{padding:10%}
.header-nav ul li{margin-left:40px}
.cases-windows-show{width:80%}
.swiper-cases-prev,.swiper-cases-next{width:40px;height:40px}
.service-network-add-list .add-list{margin-top:5%;height:300px}
}@media screen and (max-width:1366px){.nav-product-show-list{width:80%}
.scroll-center::after{width:390%}
.header-nav ul li{margin-left:30px}
}@media screen and (max-width:1280px){.nav-product-show-list{width:90%}
.scroll-center::after{width:360%}
.div-aboutus-left .text{margin-top:10%}
.div-aboutus-left{width:40%;margin-left:5%}
.honors-qualifications-item .honors-1 img{max-height:100px}
.system-architecture-bottom{width:90%;margin:auto;margin-top:5%}
.scheme-advantages-item{width:29%;padding:0 2%}
.return-1{left:5%}
.careers-windows-show{width:40%}
}@media screen and (max-width:1152px){.nav-product-show-list,.feedback-center{width:100%}
.scroll-center::after{width:300%}
.service-network-add-list{left:5%}
.header-content,.index-customer-stories-top,.index-customer-stories-bottom,.index-industry-trends-top,.index-industry-trends-center,.index-industry-trends-bottom,.industry-logo-swiper,.footer-content-top,.footer-content-bottom,.enterprise-concept-top,.honors-qualifications-list,.div-product-list,.div-product-top,.supporting-facilities-top,.supporting-facilities-list,.div-application-scenario,.div-service-process,.div-service-content-top,.digital-achievements-display-top,.digital-achievements-display-bottom,.industry-dynamics-list,.news-detail-other-bottom,.news-detail-other-top,.customer-cases-list,.contact-us-top,.contact-us-center,.div-careers-list{/* width:90%; */}
}@media screen and (max-width:1024px){.scroll-center::after{width:230%}
}@media screen and (max-width:980px){.header-nav,.number-prevnext,.scroll-center,.left-pagination::before,.index-customer-stories-top .more-1,.industry-trends-item a::after,.footer-content-right,.div-product-item .pic,.div-consulting-service .img,.scheme-advantages-item::after,.achievements-pagination,.customer-cases-nav a::before,.return-1{display:none}
.header-logo{width:50%;}
.left-pagination{left:0;width:100%}
.index-scope-business,.index-customer-stories,.index-industry-trends,.div-enterprise-concept,.div-cooperative-partner,.div-honors-qualifications,.div-product,.digital-achievements-display{padding:10% 0}
.index-scope-business .title-1,.index-customer-stories-top .text-1{font-size:20px;line-height:30px}
.scope-business-item,.customer-stories-item,.index-industry-trends-item .text,.index-industry-trends-item .img,.industry-trends-item,.footer-content-left,.div-aboutus-right,.enterprise-concept-left,.corporate-culture-item,.honors-qualifications-item,.system-solution-item,.application-scenario-item,.from-item-3 .item-3,.service-content-right,.div-service-content-top .class-1,.service-content-right li,.data-management-subsystem,.solution-faq-item,.customer-cases-list .customer-stories-item,.industry-dynamics-item,.contact-us-item,.div-careers-item,.cooperation-from-list .list-2 .item-1{float:none;width:100%;margin-right:0}
.footer,.div-system-architecture,.div-application-scenario,.div-contact-us,.div-careers-list,.div-feedback{padding:10% 0}
.div-solution-nav,.news-detail-top .title-bottom-1,.news-detail-bottom{padding:5% 0}
.customer-stories-item,.application-scenario-item,.from-item-3 .item-3,.div-service-content-top .class-1{margin-bottom:4%}
.div-aboutus-right .pic,.corporate-culture-item,.cooperation-from-list .list-2 .item-1{margin-top:5%}
.industry-trends-item.mr0 .title-1{padding-left:0;width:80%}
.industry-trends-item a:hover .date-1,.industry-trends-item a .date-1{right:0}
.div-banner-top .pic img{max-width:200%;width:200%}
.div-solution-item .pic img{max-width:300%;width:300%}
.contact-us-item{overflow:hidden}
.solution-detail-center .pic img{max-width:300%;width:300%}
.div-consulting-service .img img{max-width:500%;width:500%}
.div-banner-top .text{width:70%}
.div-aboutus-left .text {margin-top: 0;}
.div-aboutus,.enterprise-concept-bottom,.corporate-culture-bottom,.index-customer-stories-bottom {display: block;}
.div-aboutus {padding: 6% 0 0;}
.index-about {padding: 10% 0;}
.index-about .desc {margin-top: 2%;margin-bottom: 5%;}
.i-about-box .more-3 {margin-top: 15%;}
.index-about::before,.index_solution_tab {width: 100%;}
.index_solution_nav_box {gap: 10px;}
.page_center {padding: 0 5vw;}

.index-about .infobox {width: 100%; padding-bottom: 200px;}
.system-solution-top,.scheme-advantages-item,.solution-detail-top .class-1{width:80%;margin:auto}
.scheme-advantages-item,.digital-achievements-display-bottom{margin-top:15%}
.div-aboutus-left,.news-detail-top,.news-detail-center,.news-detail-bottom,.div-feedback{width:90%;overflow:hidden}
.div-banner-top .title-2{font-size:20px}
.div-banner-top .kuai-1,.div-banner-top .tiao-2{height:30px}
.div-banner-top .kuaitiao-1{top:-30px;width:50%;right:-50px}
.div-animation-bar{margin-top:-2px}
.div-animation-bar .anibar-1{width:30%}
.cooperative-partner-list{display:block}
.solution-detail-li{right:5%;top:30%;width:90%}
.solution-detail-center .class-1{left:5%}
.enterprise-concept-right{float:none;width:90%;margin-left:5%}
.div-animation-bar .anibar-1 i,.div-animation-bar .anibar-2 i,.div-animation-bar .anibar-3 i,.div-animation-bar .anibar-4 i,.solution-animation-bar .anibar-1 i,.solution-animation-bar .anibar-2 i,.solution-animation-bar .anibar-3 i,.solution-animation-bar .anibar-4 i{height:30px}
.industry-trends-logo{width:30%;display:inline-block;vertical-align:top}
.header.scroll-top .menu-toggle span.hamburger,.detail .header .menu-toggle span.hamburger,.header.scroll-top .menu-toggle span.hamburger:after,.detail .header .menu-toggle span.hamburger:after,.header.scroll-top .menu-toggle span.hamburger:before,.detail .header .menu-toggle span.hamburger:before{background:#000}
.div-product-item .text{position:relative;left:auto;bottom:auto;padding:5% 0;width:100%}
.div-product-item .product{position:relative;left:auto;top:auto;width:100%;height:200px;background:#f7f8fa}
.div-consulting-service .title-1{text-align:center;width:90%;left:auto;transform:none;top:auto;margin:auto}
.div-consulting-service .text,.div-consulting-service .title-1{right:auto;top:auto;transform:none;text-align:center;width:90%;position:relative;margin:auto}
.div-consulting-service .text *{clear:both}
.div-consulting-service .text .text-1{display:block}
.div-consulting-service .text-2{margin-left:auto;margin-top:5%}
.div-consulting-service .tel-1{margin-left:auto;margin-top:5%;clear:both}
.div-consulting-service{background:url('../images/bg2.jpg') center;background-size:cover;padding:20% 0}
.wxewm-show{right:auto;left:50%;transform:translateX(-50%)}
.div-solution-nav .icon-1{width:35px;height:35px}
.div-solution-nav a{width:18%}
.div-solution-item .text{width:90%;left:5%}
.system-solution-item .text{left:5%;top:10%;width:90%}
.system-solution-item .more-3{left:5%}
.test-account-application-bottom{margin-top:0;width:100%}
.auxiliary-analysis-box,.auxiliary-analysis-left,.auxiliary-analysis-right,.auxiliary-analysis-subsystem-center,.solution-faq-list,.industry-dynamics-item.idi1,.industry-dynamics-item.idi2,.careers-windows-show,.network-add-list,.cooperation-from{width:100%}
.test-account-application-from{width:100%;box-sizing:border-box}
.auxiliary-analysis-left,.auxiliary-analysis-right{position:relative;left:auto;top:auto;right:auto;bottom:auto;transform:none}
.solution-faq-item{margin-top:5%}
.industry-dynamics-item .text-1{min-height:auto}
.customer-cases-nav a{padding:0 5px}
.service-network-map,.div-service-cooperation,.registration-conditions,.enrollment-process{padding:15% 0}
.service-network-add-list .add-list{margin-top:auto}
.div-service-cooperation{width:90%;margin:auto}
.network-add-list,.service-network-add-list{position:relative;left:auto;padding:0;width:100%;transform:none}
.industry-logo-swiper .industry-trends-logo,.course-content-item .pic{width:100%;overflow:hidden}
.course-content-item .absolute{position:relative;right:auto;width:100%;top:auto;height:100%;overflow:hidden}
.course-content-item .text{position:relative;left:auto;top:auto;transform:none;width:100%;padding:5% 0;overflow:hidden}
.application-scenario-item{width:48%;float:left;margin:1%}
.utc-training-banner .title-1{width:100%;text-align:center}
.registration-conditions-item .icon-1{width:50px;height:50px}
.utc-training-banner .title-1 strong{font-size:80px}
.registration-conditions-item{width:30%}
.certificate-style .class-1{top:5%}
.enrollment-process-item{width:42%;margin:0 3%}
.enrollment-process-item .yuan-1{position:absolute;left:50%;bottom:0;transform:translateX(-50%)}
.enrollment-process-item:nth-child(2) .yuan-1 span::before,.enrollment-process-item:nth-child(4) .yuan-1 span::before,.enrollment-process-item:nth-child(6) .yuan-1 span::before,.enrollment-process-item:nth-child(8) .yuan-1 span::before{top:-15px;bottom:auto;opacity:1}
.enrollment-process-item .absolute.opacity0,.enrollment-process-item .yuan-1::after{display:none}
.auxiliary-analysis-item{width:48%;margin:1%;float:left}
.solution-faq-list{margin-top:10%;overflow:hidden;padding-bottom:10%}
.solution-faq-item{float:left;width:48%;margin:1%}
.utc-training-banner .text-2,.cases-windows-detail-left,.cases-windows-detail-right{width:100%}
.cases-windows-show{width:100%;height:100%;left:0;top:0;transform:none}
.cases-windows-detail-right{padding:5% 0}
.cases-anibar{display:none}
.close-1{top:1%}
.cases-windows-detail-right .text-1{margin-top:1%}
.service-network-add-list .add-list{height:auto}
.service-networkmap{position:relative !important;left:auto !important;top:auto !important}
.mapshow{height:400px !important}
.service-network-map .img-block,.product-view .p-nav-box{display:none}
.scheme-advantages-item{width:100%}

.product-box,.product-show-head,.product-detail {display: block;max-height: max-content;}
.p-nav-box,.product-pic-box {width: 100%;}
.product-nav .p-nav-item .one a {padding: 1rem 1.5rem;}
.product-nav .p-nav-item .two {padding: 1rem 1.5rem 1rem 2rem;}
.product-nav .p-nav-item .two ul {gap: 1.2rem;}
.p-list-box {width: 100%; margin-top: 1.2rem; margin-left: 0;}
.product-list {gap: 0.5rem; grid-template-columns: repeat(1, 1fr); grid-auto-columns: 1fr;}
.product-show-box {padding: 1rem;}
.preview-box {width: 16%;}
.max-img {width: 80%; margin-left: 4%;}
.arrow-top, .arrow-bottom {height: 30px; line-height: 30px;}
.preview-con {padding: 40px 0;}
.product-detail-box {width: 100%; margin-left: 0; margin-top: 1rem;}
.product-show-box .product-introduce table tr th {width: 40%;}
.product-show-bottom {margin-top: 1rem;}
.product-tab a span {font-size: 17px !important; font-weight: bold;}
.more-product-list ul {    grid-template-columns: repeat(2, 1fr);}
.product-view .p-list-box {margin-top: 0;}
.product-view,.product-view .page_center {padding: 0;}


}@media screen and (max-width:860px){.pcshow{display:none !important}
.mbshow{display:block !important}
}@media only screen and (min-device-width:768px) and (max-device-width:1024px){}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){}