/* html { font-size: 10px; text-size-adjust: 100%;-webkit-text-size-adjust: 100%;} */
body{font-size: .83333vw; --top:1rem ;--width:86vw ; overflow-x: hidden; background: #03298f; color: #fff;
/* background: url(../images/bodyBg.jpg) repeat-y center top; */
}
@media (max-width:1920px) and (min-width:551px) { body {font-size: calc(12px + .20833vw) }}
@media (max-width:550px) { body {font-size: 13.14583px }}
/* ============ ① 隐藏原生滚动条（这是"没有滚动条"的关键） ============ */
html, body{ -ms-overflow-style:none; scrollbar-width:none; }
body::-webkit-scrollbar,
html::-webkit-scrollbar{ width:0; height:0; display:none; }
body, html {height: auto;min-height: 100vh;}
.inner{ width:86vw; margin: 0 auto; }
.pl-inner{ padding-left: 7vw;}
.pr-inner{ padding-right: 7vw;}
.ml-inner{ margin-left:7vw;}
.mr-inner{ margin-right: 7vw;}
.zwHeader{ height: var(--top);}
.zw{ margin-top: calc(-1 * var(--top)); padding-top: var(--top);}
header{ position: fixed; left: 0; top: 0; width: 100%; z-index: 100; transition: all .1s;}
header .con{ }
header.scroll{ background: rgba(255, 255, 255, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.48);
-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px); }
.logoImg{ height: .6rem;}
.oneNav{ line-height:var(--top); white-space: nowrap; display: block; padding: 0 .25rem; }
.oneNav span { position: relative;}
.oneNav span::after{ width: 100%; height: 2px; display: block; content: ''; background:var(--green); transition: all .36s; transform:scale(0,1) ; position: absolute; left: 0; bottom: -10px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform:scale(0,1) ; -moz-transform:scale(0,1) ; -ms-transform:scale(0,1) ; -o-transform:scale(0,1) ; }
nav li{ position: relative;}
nav li.on .oneNav span ,nav li:hover .oneNav span { color: var(--green);}
nav li.on .oneNav span::after,nav li:hover .oneNav span::after{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }
/* nav:hover > li:not(:hover) .oneNav{ color: #333; } */
nav:hover > li:not(:hover) .oneNav span::after{ transform:scale(0,1) ; }
nav li dl{position:absolute;text-align: center;min-width:150px; width: auto;top:100%;left: 50%; }
nav li dl .box{
background: rgba(255, 255, 255, 0.5);
/* background: hsl(0deg 0% 100% / 10%); */
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
padding: 15px 20px;
border-radius: 10px;
}
nav li dl dd{white-space: nowrap;height:50px;line-height:50px; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}
nav li dl dd:last-child{border-bottom:0}
nav li dl dd a{ padding: 0 20px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }
/* nav li dl dd:hover{background:var(--green)} */
nav li dl dd:hover a{color:var(--green) !important; }
/* nav li dl:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #f6f1e1;top:-9px;left:50%;margin-left:-9px} */
nav li dl{pointer-events: none; visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
nav li:hover dl{ pointer-events: auto;visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }
.lanBtn dl{ line-height: 40px; position:absolute;text-align: center; width:100px; top:100%;left: 50%; background:#fff; -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15); }
.lanBtn dl a{ display: block; border-bottom: 1px solid #e5e5e5;}
.lanBtn dl a:hover{ background: var(--green); color: #fff;}
.lanBtn dl{pointer-events: none; visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
.lanBtn:hover dl{ pointer-events: auto;visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }
.h_nav{ height: 60px; width: 60px; padding: 18px 15px ; align-items: flex-end; display: flex;}
.h_nav .burger{ width: 100%; height: 2px ; background: #fff; transition: .8s; display:inline-block; }
header.scroll .h_nav .burger,header:hover .h_nav .burger{ background: #fff;}
.h_nav .burger:nth-of-type(2){ width:66%;}
/* .h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation: long 2s linear infinite; }
.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; } */
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) { position: relative; z-index: 1; width: 80%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0; z-index: 1;}
.h_nav.close .burger:nth-of-type(2) { background: transparent; transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after { opacity: 1; transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before { transform: rotate(45deg); } .h_nav .burger:nth-of-type(2):after { transform: rotate(-45deg); }
.nav{ padding-bottom: 60px; width: 100vw; display: none; height: 130vh ; animation: leftFloat .8s; transition:all .6s ; background: #fff; position: fixed; top: 60px; right: 0; flex-direction: column; -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; -webkit-animation: leftFloat .8s; }
.nav.show{ display: block; }
.nav li.go-child{ border-top: 1px solid rgba(0, 0, 0, 0.15); position: relative;}
.nav li.go-child>a{ line-height: 60px; padding: 0 20px; font-size: 16px;}
.h_nav.close{align-items: center; justify-content: center;}
.erji{ width: 60px; height: 60px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;
background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}
.nav li.go-child.on .erji{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}
.nav-down li a{ line-height: 50px; border-top: 1px solid rgba(0, 0, 0, 0.15); display: block; padding-left: 25px; font-size: 14px; opacity: 0.8; }
.nav{ overflow-y: scroll; }
.nav::-webkit-scrollbar {/*滚动条整体样式*/ /*高宽分别对应横竖滚动条的尺寸*/ width: 1px;}
.nav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #fff; width: 1px; }
.nav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #efefef; width: 1px; }
.idxBody{ color: #fff;
background: url(../images/bodyBg.jpg) repeat-y center top / 100% auto;
/* background: url(../images/bodyby.jpg) center center / cover no-repeat fixed; */
}
.idxBan{ height:100vh;}
.idxBanImg{ width: 100%; height:100vh; object-fit: cover; min-height: 360px; object-fit: cover;
-webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 70%, transparent 100%);
mask-image: linear-gradient(to bottom, black 0%, black 70%, transparent 100%);
}
.idxBan .text{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; }
.idxBan .swiper-slide::after{ display: block; content: ''; width: 100%; height: calc(var(--top) * 2); position: absolute; left: 0; top: 0; background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent); }
.ScroolBox{ position: absolute; z-index: 15; left: 50%; bottom: .36rem; transform: translateX(-50%);}
.ScroolIcon{ animation: hintDrop 1.8s ease-in-out infinite;}
.hero-title .line { display: block; overflow: hidden; }
.hero-title .char { display: inline-block; will-change: transform; }
/* PSD border: a complete, consistently thin capsule with a continuous gradient.
.section-tag {
position: relative;
isolation: isolate;
border-color: transparent;
overflow: visible;
background: transparent;
transition: color .35s ease, box-shadow .5s ease;
}
.section-tag.tag-dark { border-color: transparent; }
.section-tag:is(:hover, :focus-visible) {
background: transparent;
border-color: transparent;
color: #fff;
box-shadow: 0 5px 18px #a30b4014;
}
.section-tag .tag-label {
display: inline-block;
transition: transform .5s cubic-bezier(.22, .61, .36, 1);
}
.section-tag > i { transition: transform .5s cubic-bezier(.22, .61, .36, 1), background-color .35s ease; }
.section-tag:is(:hover, :focus-visible) .tag-label { transform: translateX(2px); }
.section-tag:is(:hover, :focus-visible) > i { background: #fff; transform: translateX(-2px) scale(1.08); }
.tag-border {
--tag-stop-0: #8b0037;
--tag-stop-1: #a11045;
--tag-stop-2: #b9426d;
--tag-stop-3: #d57f9d;
--tag-stop-4: #efb9ca;
--tag-stop-5: #fedae5;
position: absolute;
inset: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
overflow: visible;
border-radius: inherit;
pointer-events: none;
z-index: -1;
}
.tag-dark .tag-border {
--tag-stop-0: #fff; --tag-stop-1: #dedfe1; --tag-stop-2: #b6b8bc;
--tag-stop-3: #8b8e93; --tag-stop-4: #5d6066; --tag-stop-5: #393d43;
}
.tag-border .tag-outline {
fill: none;
stroke-width: clamp(.75px, calc(1 * var(--u)), 1px);
vector-effect: non-scaling-stroke;
}
.tag-border stop { transition: stop-color .45s ease; }
.tag-border .tag-fill {
fill: var(--accent);
opacity: 0;
transition: opacity .5s ease;
}
.section-tag:is(:hover, :focus-visible) .tag-fill { opacity: 1; }
.section-tag:is(:hover, :focus-visible) .tag-border {
--tag-stop-0: #e06b91; --tag-stop-1: #d4547f; --tag-stop-2: #c83d6c;
--tag-stop-3: #ba285a; --tag-stop-4: #ad1647; --tag-stop-5: #a30b40;
}*/
.idxMore{ background: url(../images/buttonBg.png) no-repeat center center / 100% 100% ; transition: all .36s;
}
.idxMore:hover{ letter-spacing: .2em; background: rgba(255,255,255,.05);-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 0 16px rgba(255,255,255,0.48);}
.idxAboutImg{ position: absolute; left: 0; bottom: 0; width: 49%;}
.idxAboutPlay{ width: 2.3rem; height: 2.3rem; background: rgba(255,255,255,0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.idxAboutPlay::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/idxAboutPlayBg.png) no-repeat center center / 100% 100% ;
animation: rotate 15s linear infinite; transition: ease 1s; -webkit-animation: rotate 15s linear infinite;}
.idxAboutPlay .play{background:linear-gradient(45deg,#03298f,#1966ce); width: 47%;}
.idxAboutCon{ margin-top: -1rem;}
.idxAboutNum li{ width: 2em;}
.line-height1-3{ line-height: 1.3;}
.idxTechBg{ width: 52%; position: absolute; top: 2rem; right: 0;}
.idxTechUl li{ height: 6.6rem; width: 8.5%; background: rgba(3,41,143,0.4); overflow: hidden; box-shadow: .05rem 0 .2rem rgba(3,41,143,0.6);}
.idxTechUl li .tit{ letter-spacing: 0;writing-mode: vertical-lr;
}
.idxTechUl li .left .img{ width: .7rem; transition: all .36s;}
.idxTechUl li .right { display: none;animation: leftFloat .66s;}
/* display: grid; grid-gap: .2rem; grid-template-columns: repeat(2,1fr); */
.idxTechUl li .right .item{gap:.2rem;}
.idxTechUl li .right .item a{ min-width: calc(50% - .1rem); border: 1px dashed rgba(255,255,255,0.48);}
.idxTechUl li .right .item a:hover{ background: rgba(255,255,255,0.2); box-shadow: 0 0 .16rem rgba(255, 255, 255, 0.48);}
.idxTechUl li.active{ width: 67%; border-radius: 0; background: url(../images/idxTechUlActive.png) no-repeat center center / 100% 100% ;-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.idxTechUl li.active .left .img{ width: 1.4rem; position: absolute; right: .6rem; top: .6rem;}
.idxTechUl li.active .left .tit{ display: none;}
.idxTechUl li.active .right{ display: block;}
.idxSerText{ width: 26.8%;}
.idxSerText figure .img{ background: rgba(255,255,255,0.1);}
.idxSerText figure + figure { margin-top: .7rem;}
/* 左上 + 右下角高光描边 */
.btn-glow::before {
content: ""; transition: all .36s;
position: absolute;
inset: 0;
border-radius: inherit;
padding: 1px;
background: linear-gradient(135deg,
#fff 0%,
rgba(255,255,255,.5) 15%,
rgba(255,255,255,0) 50%,
rgba(255,255,255,.5) 85%,
#fff 100%);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
}
.btn-glow:hover::before {
background: linear-gradient(135deg,
#fff 0%,
rgba(255,255,255,.7) 25%,
rgba(255,255,255,0) 50%,
rgba(255,255,255,.7) 75%,
#fff 100%);
}
.idxSerText figure:hover{ transform: translateY(-5px); background: rgba(255,255,255,0.06);-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.idxSerCenter{ width: 41.8%;}
.idxSerCenter .idxSerRound{animation: 35s linear 0s infinite normal none running rotate;}
.idxNewsBg{ position: absolute; top: 40%; left: 2%;}
.idxNewsLeft{ width: 36.5%;}
.idxNewsRight{ width: 56%;}
.idxNewsLeftImg{ width: 100%; aspect-ratio: 1 / .93;}
.idxNewsUl li::after{ display: block; content: ''; width: 0%; transition: all .36s; height: 2px; position: absolute; left: 0; top: 0; background:#fff }
.idxNewsUl li a{ height: 1.35rem;}
.idxNewsUl li a .double-right{ transform: translateX(1vw);}
.idxNewsUl li.active a .tit{ font-weight: bold;}
.idxNewsUl li.active a .double-right{ transform: translateX(0); opacity: 1;}
.idxNewsUl li.active::after{ width: 100%;}
.idxNewsLeftImg img{ display: none;animation: rightFloat .36s;}
.idxNewsLeftImg img.active{ display: block;}
footer{ background: url(../images/footerBg.png) no-repeat center bottom / 100% auto var(--color);}
.color-foot{ color: #5b8aba;}
footer .top .dd { line-height: 2.7;}
footer a:hover{ color: rgba(255, 255, 255, 0.8);}
.outLink li .img{ width: 1.3rem; display: none;animation: rightFloat .36s; min-width: 88px; position: absolute; left: 0; bottom: calc(100% + 8px);}
.outLink li:hover .img{ display: block;}
.sec-title .char { display: inline-block; will-change: transform; }
.aboutBan{ background: url(../images/aboutBan.jpg) no-repeat center center / cover ; background-attachment: fixed; }
.biref{ margin-top: -20vw;}
.w85{ width: 85%;}
.color-jian{-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(to right, #074ce7, #077ef8);}
.honorUl li .img img{ height: 3.05rem;}
.cultureUl{display: grid; grid-gap: 0; grid-template-columns: repeat(4,1fr);}
.cultureUl li .Shu{ font-size: 13.5vw;}
.cultureUl li:nth-child(2) .Shu{background-image: linear-gradient(to right, #07a6f8, #077ef8); }
.cultureUl li:nth-child(3) .Shu{background-image: linear-gradient(to right, #07a6f8, #07c2f8); }
.cultureUl li:nth-child(4) .Shu{background-image: linear-gradient(to right, #07a6f8, #07f8de); }
.cultureBg{ width: 25%; position: absolute; left: 0; top: -50%;}
.honorSwiper .swiper-slide .img{ width: 100% ;aspect-ratio: 1 / 1.5;}
.honorSwiper .swiper-slide .text{ padding-top: 1rem;}
.honorLine{ position: absolute; right: 0; height:1.35rem ; bottom: 1rem;}
.honor button{ background: rgba(255, 255, 255, 0.1);}
.honor button:hover{ background: #fff; color: var(--color);}
.honorShu{ position: absolute; right: 0; bottom: 0; width: 47.5%;}
.honorShu .honorShudian{ animation: opacityMove 2s linear infinite;}
.honorShu .honorShudian.img2{animation-delay: 0.6s;}
.honorShu .canvas {
position: absolute;
width:66%;
height:70%;
bottom: 10%;
left: 50%;
transform: translateX(-50%);
overflow: hidden;
}
.honorShu .canvas .element {
width: 2px;
height: 2px;border-radius: 50%;
position: absolute;
bottom: -100%;
background: linear-gradient(to bottom, #28c1de, rgba(40, 193, 222, 0.8), rgba(40, 193, 222, 0.2));
transform: scale(var(--s));
}
.neiBan .text{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.neiBanImg{ width: 100%; min-height: 260px; object-fit: cover;}
.enterprise .left::after{ display: block; content: ''; width: 1px; height: 100%; position: absolute; right: 0; top: 0; background:var(--color) }
.enterpriseTeam .con{ border-top-left-radius: .2rem; border-bottom-left-radius: .2rem; height: 28vw; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; }
/*
.enterpriseCase .item{ width: 2rem;}
.enterpriseCase .items .item:first-child{ width: 2.4rem;} */
.enterpriseCase .title{ position: sticky; left: 0; top: var(--top); z-index: 15;}
.enterpriseCase .item{ width: calc(var(--width) / 8); flex-shrink: 0; }
.enterpriseCaseUl li:nth-child(2n){ background: #fff;}
.enterpriseCaseUl li .tip{ position: absolute; left: 0;}
.progress-bar{ height: .3rem;border-top-left-radius:0; border-bottom-left-radius: 0; }
.gqimg{ z-index: 10; }
/* .gqimg img{ margin-left: .1rem;} */
.enterpriseStudy .con{ border-top-right-radius: .2rem; border-bottom-right-radius: .2rem; height: 28vw; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; }
.enterpriseSwiper .img{ width: 100%; aspect-ratio: 1 / .68;}
.platformTitle h1::after{ display: block; content: ''; width: 1px; height: 100%; position: absolute; right: 0; top: 0; background:var(--color) }
.serviceCon table tr td{ padding: 1em; text-align: center; border: 1px solid #e5e5e5; white-space: nowrap;}
.serviceCon table tr:nth-child(2n-1) td{ background: #edf5fe;}
.serviceCon table tr:first-child td{ background: var(--color); color: #fff; font-size: 1.2em;}
/* .serviceCon table tr td:first-child{ background: var(--color); color: #fff; font-size: 1.2em;} */
.equipmentDisUl{ display: grid; grid-gap: .5rem .3rem; grid-template-columns: repeat(4,1fr);}
.equipmentDisUl li .img{ border-radius: .4rem; width: 100%; aspect-ratio: 5 / 4 ;}
.cmcTitle .left{ width: auto; padding-right: 5em; padding-left: 1em;}
.cmcTitle .left::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:linear-gradient(120deg, #03298f, #1966ce);
-webkit-clip-path: polygon(100% 0,95% 100%, 0 100%, 0 0); }
.cmcTextUl li{ position: relative;padding-left: 2.5em; }
.cmcTextUl li::after{ display: block; content: ''; width: 1.5em; height: 1em; position: absolute; left: 0; top: 1em; background:url(../images/cmcTextIcon.png) no-repeat center center / cover }
.cmcImgUl{ display: grid; grid-gap:.3rem .7rem; grid-template-columns: repeat(3,1fr);}
.cmcImgUl li .img{ border-radius: .4rem; width: 100%; aspect-ratio: 10 / 7;}
.cmcImgUl li:hover{ color: var(--color);}
.molecul{ display: grid; grid-gap: .4rem; grid-template-columns: repeat(4,1fr);}
.molecul .card .tip{width: 78.9%; height: .1rem;-webkit-clip-path: polygon(98% 0, 100% 100%, 0 100%, 2% 0);}
.molecul .card .title{ background: var(--blue); margin-top: -.1rem; width: 96%; border-bottom-left-radius: .15rem; border-bottom-right-radius: .15rem;}
.card-text strong{ width: 7em; flex-shrink: 0;}
.card-text li::marker { color: var(--blue); /* 和主标题深蓝色一致，和页面主题统一 */}
.process-item .title{ width: 4.5em;}
.process-bar-wrap .bar-cell{ width: calc(100% / 8);}
.process-bar-wrap .bar-cell .bar-fill{ height: .28rem;}
.process-bar-wrap .bar-cell:nth-child(1) .bar-fill{ background:linear-gradient(to right, #1d68cd, #155cc3);}
.process-bar-wrap .bar-cell:nth-child(2) .bar-fill{ background:linear-gradient(to right, #155cc3, #1151b8);}
.process-bar-wrap .bar-cell:nth-child(3) .bar-fill{ background:linear-gradient(to right, #1151b8, #0e46ad);}
.process-bar-wrap .bar-cell:nth-child(4) .bar-fill{ background:linear-gradient(to right, #0e46ad, #0b3ea5);}
.process-bar-wrap .bar-cell:nth-child(5) .bar-fill{ background:linear-gradient(to right, #0b3ea5, #08379d);}
.process-bar-wrap .bar-cell:nth-child(6) .bar-fill{ background:linear-gradient(to right, #08379d, #063096);}
.process-bar-wrap .bar-cell:nth-child(7) .bar-fill{ background:linear-gradient(to right, #063096, #042b91);}
.process-bar-wrap .bar-cell:nth-child(8) .bar-fill{ background:linear-gradient(to right, #042b91, #03298f);}
.process-bar-wrap .bar-cell:first-child .bar-fill{ border-top-left-radius: .5rem; border-bottom-left-radius: .5rem;}
.process-bar-wrap .bar-cell:last-child .bar-fill{ border-top-right-radius: .5rem; border-bottom-right-radius: .5rem;}
.regulatoryCon table tr td{ padding: 1em; text-align: left; border-right: 1px solid #fff; padding-left: 2em; white-space: nowrap;}
.regulatoryCon table tr:nth-child(2n-1) td{ background: #edf5fe;}
.regulatoryCon table tr:first-child td{ background: var(--color); color: #fff; font-size: 1.2em;}
.erformaUl li{ position: relative; padding-left: 2em;}
.erformaUl li::after{ display: block; content: ''; width: 1em; height: 1em; position: absolute; left: 0; top: 1em; background:url(../images/duiIcon.png) no-repeat center center / cover }
.techSub{ margin-top: -3.6em; text-align: center;}
.techSub a{ background: rgba(255, 255, 255, 0.8); height: 3.6em; width: auto; padding: 0 2em; border-right: 1px solid var(--color);}
.techSub a.active{ background: var(--color); color: #fff;}
.techSub a:last-child{ border-right: none;}
.ResearchImg{ filter: drop-shadow(.1rem 0 .1rem rgba(16,49,122,.25));}
.spcUl{ display: grid; grid-gap: .25rem; grid-template-columns: repeat(6,1fr);}
.spcUl li { border-bottom-left-radius: .6rem; border-bottom-right-radius: .6rem;}
.spcUl li .img{ width: 100% ;aspect-ratio: 1 / .6;}
.spcUl li .num{ width: 2.2em; height: 2.2em;}
.spcUl li .text{ height: 3em;}
.spcUl::after{ display: block; content: ''; width: 100%; height: 1px; border-top: 1px dashed #d7d7d7; position: absolute; left: 0; bottom: .65rem; }
.spcUl li:hover{ box-shadow: 0 0 .15rem rgba(16,49,122,.25); transform: translateY(-.1rem); position: relative; z-index: 10;}
.spcTextUl{ display: grid; grid-gap: .25rem; grid-template-columns: repeat(5,1fr);}
.spcTextUl li .line{ height: 3px; width: 2em;}
.spcTextUl li .line::after{ display: block; content: ''; width: 50%; height: 100%; position: absolute; right: 0; top: 0; background:var(--green) }
.spcTextUl li:hover{ box-shadow: 0 0 .15rem rgba(16,49,122,.25); transform: translateY(-.1rem); position: relative; z-index: 10;}
.spcTextUl li:hover .line{ width: 4em;}
.highligTit{ background:linear-gradient(to right, #1863cb, #03298f);}
.highligTit::after{ display: block; content: ''; width: .1rem; height: 100%; position: absolute; right: 100%; top: 0; background:#1863cb }
.highligTit::before{ display: block; content: ''; width: .1rem; height: .1rem; position: absolute; right: 100%; top: 100%; background:var(--black);
-webkit-clip-path: polygon(0 0, 100% 0,100% 100%); }
.techTwoSub a.active{ color: var(--color); font-weight: bold;}
.techTwoSub a.active::after{ display: block; content: ''; width: 4.4em; height: 3px; position: absolute; left: 50%; margin-left: -2.2em; bottom: -1px; background:var(--color) }
.serviceBg{ background: url(../images/serviceBg.jpg) no-repeat center top / 100% auto #ffffff;}
.serviceTitle{ padding-top: 2.8rem;}
.serviceTitle .entit{ font-size: 10.4vw; filter: drop-shadow(0 5px 5px rgba(0,0,0,0.15)); background: url(../images/huaban-6726268676.gif) no-repeat center center var(--color); background-size: cover; -webkit-background-clip: text; background-clip: text; color:transparent;}
.transrecoItem .img{ width: 100%; aspect-ratio: 1 / .64;}
.transrecoItem li{ position: relative; padding-left: 2em; min-width: 50%;}
.transrecoItem li::after{ display: block; content: ''; width: 1em; height: 1em; position: absolute; left: 0; top: 1em; background:url(../images/duiIcon.png) no-repeat center center / cover }
.caselist li:nth-child(2n){background-color: #edf5fe;}
.contactMain{ padding-top: 3.5rem; background: url(../images/contactMainBg.png) no-repeat right top / 64% auto;}
.contactMainIcon{ position: absolute; left: 0; top: 0; width: 60%; opacity: .2;}
.mapMain::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.7) }
.mapMain .pageMore{ position: absolute; left: 50%; bottom: 10%; transform: translateX(-50%); z-index: 10;}
.pageMore{ padding: 2px; }
.pageMore .round{ width: .56rem; height: .56rem; background:linear-gradient(120deg, #1966ce, #03298f);}
.pageMore::after{ transition: all .36s; display: block; content: ''; width: .56rem; height: .56rem; border-radius: 40px; position: absolute; right: 2px; top: 2px;background:linear-gradient(120deg, #1966ce, #03298f); z-index: 1; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.pageMore:hover{ box-shadow: 0 0 .25rem rgba(255, 255, 255, 0.25); color: #fff; box-shadow: 0 0 10px rgba(28,50,133,.3);}
.pageMore:hover::after{ width: calc(100% - 4px); height: calc(100% - 4px);}
.pageMore:hover .round{ background: transparent;}
.newsTj{ padding-top: 2.4rem; background: url(../images/newsTjbg.jpg) no-repeat center center / cover;}
.newsTj .img{ width: 100%; aspect-ratio: 1 / .6;}
.newsTj .text .more{ position: absolute; left: 0; bottom: 0;}
.newsTj .text .more a:hover{ background: var(--color); color: #fff;}
.myPagination .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 5px; opacity: 1; background: rgba(255, 255, 255, 0.3);}
.myPagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}
.newslist{ display: grid; grid-gap: .7rem; grid-template-columns: repeat(3,1fr);}
.newslist li .img{ width: 100%; aspect-ratio: 1 / .7;}
.newslist li .tit{ height: 3em;}
.newslist li .tit span{
/*text-decoration: underline;
*/background-image: linear-gradient(currentColor 0, currentColor 0);
background-image: linear-gradient(currentColor 0 0);
background-position: 0 calc(100% - 1px);
background-size: 0 1px;
background-repeat: no-repeat;
transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
-webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
-moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
-ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
-o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
}
.newslist li:hover .tit span{ background-position: 100% calc(100% - 1px); background-size: 100% 1px}
.newslist li:hover{ box-shadow: 0 0 .15rem rgba(16,49,122,.25);}
.newslist li .more::after{ display: block; content: ''; transition: all .3s; border-radius: 50%; transform: scale(0); width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:var(--color) }
.newslist li:hover .more::after{ transform: scale(1);}
.newslist li:hover .more{ color: #fff;}
.bg-news{background: url(../images/newsTjbg.jpg) no-repeat top center / 100% auto #edf5fe;}
.newsrightUl{ position: sticky; right: 0; top: 0;}
.bg-white1{ background: rgba(255, 255, 255, 0.1);}
.radio-th input[type="checkbox"] {-moz-appearance: none; appearance: none; /*清楚默认样式*/-webkit-appearance: none;/* opacity: 0; */outline: none;position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;
}
/* .radio-th label img{ width: 40px; } */
.radio-th .roud{ width: .2rem; height: .2rem; ; min-height: 1em; min-width: 1em;}
.radio-th input[type="checkbox"]:checked {opacity: 0;}
.radio-th input[type="checkbox"]:checked + label .roud{ background: url(../images/agree.png) no-repeat center center / 100% 100% ; border-color: var(--green); }
.radio-th input[type="checkbox"]:checked + label { }
.color-foot a:hover{ color: rgba(255, 255, 255, 0.95);}
.mapMainPic{ width: 100%; min-height: 300px; object-fit: cover;}
.layui-layer-msg{ color: #333 !important;}
/*
.Blogul{ display: grid; grid-gap: 20px; grid-template-columns: repeat(5,1fr);}
*/