body {font-size: 16px;}

.inner {width:1600px;margin: 0 auto;}
.pl-inner {padding-left: calc((100vw - 1600px)/2);}
.pr-inner {padding-right: calc((100vw - 1600px)/2);}
.ml-inner {margin-left: calc((100vw - 1600px)/2);}
.mr-inner {margin-right: calc((100vw - 1600px)/2);}
header {width: 100%;left: 0;right: 0;top: 0;z-index: 100;position: fixed;color: #fff;}
header .con {padding-left: 4vw;}
.logoImg {height: 60px;filter: grayscale(100%) brightness(500%);transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s;-o-transition:all 0s;}
.oneNav {line-height:100px;white-space: nowrap;display: block;padding: 0 1.6vw;font-size: 18px;font-weight: bold;}
.oneNav span {position: relative;}
 .oneNav span::after {width: 100%;height: 2px;display: block;content: '';background:#fff;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::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%;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);border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
nav li dl dd {white-space: nowrap;height:50px;line-height:50px;border-bottom:1px solid #eee;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;font-size:14px;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(--color)}
nav li dl dd:hover a {color:#fff!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%);}
.icon-erweima dl {position:absolute;text-align: center;width: 130px;top:100%;left: 50%;background:#fff;}
.icon-erweima 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;}
.icon-erweima: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%);}
header {transition: all .36s;-webkit-transition: all .36s;-moz-transition: all .36s;-ms-transition: all .36s;-o-transition: all .36s;}
header.sticky {transform: translateY(-105px);-webkit-transform: translateY(-105px);-moz-transform: translateY(-105px);-ms-transform: translateY(-105px);-o-transform: translateY(-105px);}
 header::after {position: absolute;left: 0;bottom: 0;display: block;content: '';transition: all .36s;width: 100%;height:  1px;background-color: rgba(255, 255, 255, .15);-webkit-transition: all .36s;-moz-transition: all .36s;-ms-transition: all .36s;-o-transition: all .36s;}
header.scroll, header:hover {border-bottom: 1px solid #e5e5e5;color: #333;}
 header.scroll::after, header:hover::after {background-color: #fff;height: 100%;}
header.scroll .logoImg, header:hover .logoImg {filter: none;-webkit-filter: none;}
 header.scroll .oneNav span::after, header:hover .oneNav span::after {background: var(--color);}
header.scroll .on .oneNav, header:hover .on .oneNav {color: var(--color);}
.searchBox {background :  var(--color);z-index: 60;transform: translateY(-105%);transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;-webkit-transform: translateY(-105%);-moz-transform: translateY(-105%);-ms-transform: translateY(-105%);-o-transform: translateY(-105%);}
.searchBox .form {width: calc(100% - 80px);}
.searchBox .keys {width: 80%;background: url(../image/search-w.png) no-repeat left center;}
.searchBox .submit {width: 90px;height: 40px;border: 1px solid #fff;}
 .searchBox input::-webkit-input-placeholder {color:rgba(255, 255, 255, .65);}
 .searchBox input:-moz-placeholder {color:rgba(255, 255, 255, .65);;}
 .searchBox input::-moz-placeholder {color:rgba(255, 255, 255, .65);;}
 .searchBox input:-ms-input-placeholder {color: rgba(255, 255, 255, .65);;}
.searchBox.show {transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);}
.zw {margin-top: -100px;padding-top: 100px;}
.zwHeader {height: 100px;}
.rightBtn {width: 66px;height: 100px;}
.navClose {position: absolute;right: 20px;top: 20px;z-index: 10;}
.navClose:hover {letter-spacing: 5px;}
.navs__pop {z-index: 101;position: fixed;left: 0;top: 0;width: 100vw;background: var(--color);overflow: hidden;height: 0;transition: 1s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);-ms-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);-o-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);}
.navs__pop.show {height: 100%;}
.navs__menu-wrap {position: relative;height: 100vh;}
.Circles {position: absolute;overflow: hidden;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none !important;z-index: 0;}
.Circles-circle {display: block;position: absolute;will-change: transform;transition: 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);}
 .Circles-circle:nth-child(1) {width: 21.87vw;height: 21.87vw;top: -7.26vw;left: -7.26vw;}
 .Circles-circle:nth-child(1) .Circles-dot {opacity: 0.05;}
 .Circles-circle:nth-child(2) {width: 35vw;height: 35vw;top: -11.7vw;left: -11.7vw;transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);}
 .Circles-circle:nth-child(2) .Circles-dot {opacity: 0.04;}
 .Circles-circle:nth-child(3) {width: 48vw;height: 48vw;top: -16vw;left: -16vw;transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: 2.4s cubic-bezier(0.165, 0.84, 0.44, 1);}
 .Circles-circle:nth-child(3) .Circles-dot {opacity: 0.03;}
 .Circles-circle:nth-child(4) {width: 63.4vw;height: 63.4vw;top: -21.1vw;left: -21.1vw;transition: 3.6s cubic-bezier(0.165, 0.84, 0.44, 1);}
 .Circles-circle:nth-child(4) .Circles-dot {opacity: 0.02;}
 .Circles-circle:nth-child(5) {width: 92vw;height: 92vw;top: -30.7vw;left: -30.7vw;transition: 3.6s cubic-bezier(0.165, 0.84, 0.44, 1);}
 .Circles-circle:nth-child(5) .Circles-dot {opacity: 0.02;}
.Circles-dot {position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.Circles-dot:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #f2f2f2;border-radius: 50%;transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;will-change: transform;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;-webkit-transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;-moz-transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;-ms-transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;-o-transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;}
.navs__menus {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.navs__logos {text-align: center;}
.navs__logos img {display: block;/* width: 233px; */margin: auto;}
.navs__li {margin-top: 90px;}
.navs__li .left .navs__item {white-space: nowrap;}
.navs__li .left dt {margin-bottom: 8px;}
.navs__li .left dt a {color: #fff;}
.navs__li .left dd {color: rgba(255, 255, 255, 0.6);margin-bottom: 10px;}
.navs__li .left dd a:hover {color: #fff;}
.ewmImg {width: 140px;}
.banImg {width: 100%;height: 100vh;object-fit: cover;min-height: 360px;}
.idxBan .swiper-slide-active .banImg {animation: swiper_img_move 8s linear 0s infinite normal both;-webkit-animation:;}
.idxBan .swiper-slide .text {position: absolute;left: 0;z-index: 10;top: 35%;}
.idxBanDown {position:absolute;bottom: 0;z-index: 10;left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}

.mouse-tip {width:24px;height:60px;overflow:hidden}
 .mouse-tip::after {display: block;content: '';width: 1px;height: 100%;background: rgba(255, 255, 255, .15);left:50%;position: absolute;}
.mouse-tip:before {content:'';position:absolute;width:2px;left:50%;margin-left:-1px;top:3px;height:4px;background-color:#fff;animation:mouse 2s ease infinite;-webkit-animation:mouse 2s ease infinite;}
.idxBan .button {position: absolute;right: 0;bottom: 30px;z-index: 15;}
.banBtn {width: 70px;height: 70px;}
.banBtn:hover {opacity: 1;}
.dotBox {position: absolute;bottom:30px;left: 0;height: 50px;z-index: 10;display: flex;align-items: center;}
.dotBox > li {position: relative;margin: 0 10px;cursor: pointer;}
.dotBox > li svg {display: block;width: 38px;height: 38px;position: relative;z-index: 5;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.dotBox > li svg circle {stroke-width: 2px;stroke: #ffff;stroke-dasharray: 300%;stroke-dashoffset: 300%;transition: stroke-dashoffset 0.6s ease-out;-webkit-transition: stroke-dashoffset 0.6s ease-out;-moz-transition: stroke-dashoffset 0.6s ease-out;-o-transition: stroke-dashoffset 0.6s ease-out;-ms-transition: stroke-dashoffset 0.6s ease-out;}
.dotBox > li span {position: absolute;z-index: 4;top: 0;left: 0;width: 38px;height: 38px;border: 2px solid transparent;border-radius: 50%;transition: border-color 0.3s ease-out;-webkit-transition: border-color 0.3s ease-out;-moz-transition: border-color 0.3s ease-out;-o-transition: border-color 0.3s ease-out;-ms-transition: border-color 0.3s ease-out;}
.dotBox > li span:after {content: "";width: 5px;height: 5px;border-radius: 50%;background-color: #fff;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.dotBox > li.on svg circle {stroke-dashoffset: 0;transition: stroke-dashoffset 6s ease-out;-webkit-transition: stroke-dashoffset 6s ease-out;-moz-transition: stroke-dashoffset 6s ease-out;-o-transition: stroke-dashoffset 6s ease-out;-ms-transition: stroke-dashoffset 6s ease-out;}
.dotBox > li.on span {border-color: rgba(255, 255, 255, 0.3);}
.idxMore .left {height: 3.3em;}
.idxMore .round {height: 3.3em;width: 3.3em;margin-left: -15px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);}
.idxMore:hover .left {letter-spacing: 2px;}
.idxMore:hover .round {transform: rotate(0);-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);}
.numUl {width: 110%;}
.idxAboutImg {width: 37.5%;box-shadow: 1vw 0 2vw rgba(25, 44, 137, .3);border-radius: 6vw 15px 6vw 15px;-webkit-border-radius: 6vw 15px 6vw 15px;-moz-border-radius: 6vw 15px 6vw 15px;-ms-border-radius: 6vw 15px 6vw 15px;-o-border-radius: 6vw 15px 6vw 15px;}
.idxAboutBg {position: absolute;right: 0;bottom: 0;z-index: 3;}
.s1_logo {position: absolute;right: -10vw;bottom: -5vw;}
.s1_logo img {height: 16.3vw;}

/* .idxPro {background: url(../image/idexProBg.jpg) no-repeat center center / cover;background-attachment: fixed;margin-top: -1px;}
 .idxPro::after {display: block;content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(25, 44, 137, .8);}
.idxProSwiper .swiper-slide .img {width: 100%;padding-bottom: 76%;height: 0;}
.idxProSwiper .swiper-slide:hover .more {letter-spacing: 3px;color: var(--color);}
.idxProSwiper .swiper-slide a {background: url(../image/idxProSwiperBg.png) no-repeat center top #fff;background-size: cover;}
 */

.idxMap {background: url(../image/idxMapBg.png) no-repeat center center;background-size: 100% auto;}
.w26 {width: 26%;}
.idxMapLeft {border-left: 2px solid #e8e9f3;}
 .idxMapLeft .tit::after {display: block;content: '';width: 2px;height: 100%;position: absolute;left: -2px;top: 0;background: var(--color);}
.dot {position:absolute;z-index: 10;}
.dot .dot_circle {width:.6vw;height:.6vw;background:var(--color);border: 1px solid #fff;position:relative;z-index:3;border-radius:50%;}
.idxMapUl .dot:after, .idxMap .dot:before {content:"";position:absolute;border-radius:50%;top:0;left:0;;z-index:1;}
.idxMapUl .dot:before {width:150%;height:150%;background:transparent;background:rgba(25, 44, 137, 0.3);top:-25%;left:-25%;-webkit-animation:warn 2s linear 0.4s infinite;-moz-animation:warn 2s linear 0.4s infinite;animation:warn 2s linear 0.4s infinite;opacity:0;}
.idxMapUl .dot:after {width:200%;height:200%;background:transparent; /*background:#7e9ec3;*/background:rgba(25, 44, 137, 0.2);left:-50%;top:-50%;-webkit-animation:warn 2s linear 0s infinite;-moz-animation:warn 2s linear 0s infinite;animation:warn 2s linear 0s infinite;opacity:0;}
.scrollCon {height: 27vw;}
.idxCooUl .item {width: 20%;height: 9vw;}
.idxCooUl .item:hover {box-shadow: 0 0 3vw rgba(0, 0, 0, .15);z-index: 10;}
.idxClass li .text {background-image: linear-gradient(to right, rgba(25, 44, 137, 6), transparent);}
.idxClass li:hover .more {letter-spacing: 3px;}
footer {background: url(../image/footBg.jpg) no-repeat center center / cover;color: rgba(255, 255, 255, .5);}
.footEwm {width: 95px;}
.footLogo {height: 78px;}
.footNav {width: 53%;}
footer a:hover {color: #fff;}
 .typeName h1::after {display: block;content: '';width: .26em;height: .26em;border-radius: 50%;position: absolute;left: 106%;top: -15px;background: var(--color);-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;}
.subNav{ line-height:1.5}
.subNav a.on {color: var(--color);font-weight: bold;}
.subNav a:first-child {margin-left: 0;}
 .subNav a::after {display: block;content: '';width:0;transition: all .36s;height: 3px;position: absolute;left: 50%;bottom: -10px;background:  var(--color);transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);-webkit-transition: all .36s;-moz-transition: all .36s;-ms-transition: all .36s;-o-transition: all .36s;}
 .subNav a.on::after, .subNav a:hover::after {width: 1.6em;}
 .subNav:hover a:not(:hover)::after {width:0;}
.neiBan{}
.neiBan .inner { position:relative}
.neiBan .inner .sortname{ position:absolute; left:0; bottom:10vh; color:#fff;}
.neiBanImg {width: 100%;object-fit: cover;min-height: 200px;}
/* .brief{ background: url(../images/briefBg.jpg) no-repeat center right  /cover ;   background-attachment: fixed;}
 */.tuji .swiper {      width: 100%;      height: 350px;    }
.tuji .swiper-slide{ text-align:center}
    .tuji  .swiper-slide img {      height: 100%;      object-fit: cover;    }
.cultureUl li {width: calc((100% - 40px)/3);margin-right: 20px;}
.cultureUl li:last-child {margin-right: 0;}
.cultureUl li .img {width: 100%;height: 0;padding-bottom: 70%;}
.cultureUl li .line {width: 1.8em;height: 2px;}
.cultureUl li .desc {line-height: 1.3;height: 4em;}
.cultureUl li:hover .line {width: 5em;}
.cultureUl li:hover {box-shadow: 1vw 0 2vw rgba(25, 44, 137, .1);transform: translateY(-8px);-webkit-transform: translateY(-8px);-moz-transform: translateY(-8px);-ms-transform: translateY(-8px);-o-transform: translateY(-8px);}
.history {background: url(../image/historyBg.jpg) no-repeat center bottom;background-size:cover;background-attachment: fixed;position: relative;overflow:hidden;height:auto;}
 .history::after {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;display: block;content: '';background-image: linear-gradient(to top, rgba(25, 44, 137, 0.8), rgba(25, 44, 137, 0.2));opacity: .6;}
.clound {width: 100%;height: 590px;z-index: 2;position: absolute;left: 0;bottom: 0;background: url(../image/cloundy.png) repeat-x left center;-webkit-animation: animate-cloud 30s linear infinite;animation: animate-cloud 30s linear infinite;}
.history-top .years {font-size: 220px;}
.history-top .img {width: 450px;}
.history-thumbs .yuan {width: 40px;height: 40px;}
.history-thumbs .yuan i {display: block;width:20%;height: 20%;}
 .history-thumbs .yuan::after {width: 100%;transform: scale(0);transition: all .36s;height: 100%;position: absolute;left: 0%;top: 0%;background-color: rgba(255, 255, 255, 0.3);display: block;content: '';border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);-webkit-transition: all .36s;-moz-transition: all .36s;-ms-transition: all .36s;-o-transition: all .36s;}
 .history-thumbs .swiper-slide-thumb-active .yuan::after {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}
 .historyBot::after {width: 100%;height: 1px;position: absolute;left: 0;top: 20px;background: rgba(255, 255, 255, 0.25);z-index: 1;display: block;content: '';}
.history-thumbs .swiper-slide-thumb-active .yuan i {background-color: var(--color);}
.swbutton {width: 65px;height: 65px;}
.swbutton:hover {background: var(--color);color: #fff;}
.history .prev, .history .next {z-index: 20;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.history .prev {left: -30px;}
.history .next {right: -30px;}
.layoutUl li {width: 12.5%;height: 580px;}
.layoutUl li.on {width: 34.3%;}
 .layoutUl li::after {display: block;content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(25, 44, 137, .3);}
.layoutUl li h1 {position: absolute;letter-spacing: 5px;left: 0;right: 0;top: 0;z-index: 5;writing-mode:  vertical-rl;-webkit-writing-mode:  vertical-rl;-ms-writing-mode:  vertical-rl;}
.layoutUl li .text {position: absolute;left: 0;right: 0;bottom: 0;transform: translateY(100%);opacity: 0;-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);-o-transform: translateY(100%);}
.layoutUl li.on h1 {left: 100%;opacity: 0;}
 .layoutUl li.on::after {opacity: 0;}
.layoutUl li.on .text {transform: translateY(0);opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);}
.layoutSwiper .swiper-slide .img {height: 280px;}
.layoutSwiper .swiper-slide .text {position: absolute;left: 0;right: 0;bottom: 0;}


.technical{ background: url(../images/technicalBg.jpg) no-repeat center center / cover; background-attachment: fixed;}
.technical::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.65) }
 
.technicalTit{ position: sticky; left: 0; top: 7vw;}

.technicalUl{ width: 53.4%; } 

.technicalUl li.on{background:rgba(255, 255, 255, 0.04);  backdrop-filter: blur(40px); color: #fff;}
.technicalUl li.on .color-color{ color: #fff;}


.technicalUl li .num{ position: absolute;  right: 0; bottom: 0; opacity: .06;}

@media screen and (min-width:900px) { 
.technicalUl li{ width: calc((100% - 2vw)/2); height: 22vw; margin-top: 3vw;}
.technicalUl li:nth-child(2){ margin-top: 13vw;}
.technicalUl li:nth-child(3){ margin-top: -7vw;}
.technicalUl li .text{ position: absolute; bottom: 0; left: 0; right: 0;}
}

.idxWhySwiper .swiper-slide { height: auto;}
.idxWhySwiper .swiper-slide .img{ aspect-ratio: 1 / .66;}

.idxTeam{background: url(../images/idxProBg.jpg) no-repeat center center / cover;}
.idxTeamUl{display: grid; grid-gap:1vw 2vw; grid-template-columns: repeat(2,1fr);}

.inlogo dd {background: #f9f9f9;height: 250px;}
.inlogo {display: block;overflow: hidden;}
.inlogo .la {overflow: visible;white-space: nowrap;height: 250px;margin-bottom: 20px;position: relative;}
.inlogo .la dl {-webkit-animation: kf-client-wall-1 50s linear 0s infinite forwards;-moz-animation: kf-client-wall-1 50s linear 0s infinite forwards;-ms-animation: kf-client-wall-1 50s linear 0s infinite forwards;-o-animation: kf-client-wall-1 50s linear 0s infinite forwards;animation: kf-client-wall-1 50s linear 0s infinite forwards;position: absolute;top:0;left:0;height: 100%;}
.inlogo .la dl dd {position: relative;height: 100%;margin: 0 5px;overflow: hidden;border-radius: 15px;display: inline-flex;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;}
/* .inlogo .la dl dd img{ display: block;width: auto;height: 100%;}
 */@keyframes kf-client-wall-1 {0% {-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
100% {-webkit-transform: translate(-33.333%, 0);-moz-transform: translate(-33.333%, 0);-ms-transform: translate(-33.333%, 0);-o-transform: translate(-33.333%, 0);transform: translate(-33.333%, 0);}
}
.inlogo .gd2 dl {-webkit-animation: kf-client-wall-2 50s linear 0s infinite forwards;-moz-animation: kf-client-wall-2 50s linear 0s infinite forwards;-ms-animation: kf-client-wall-2 50s linear 0s infinite forwards;-o-animation: kf-client-wall-2 50s linear 0s infinite forwards;animation: kf-client-wall-2 50s linear 0s infinite forwards;position: absolute;top:0;left:0;height: 100%;}
 @keyframes kf-client-wall-2 {0% {-webkit-transform: translate(-33.333%, 0);-moz-transform: translate(-33.333%, 0);-ms-transform: translate(-33.333%, 0);-o-transform: translate(-33.333%, 0);transform: translate(-33.333%, 0);}
100% {-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
}
.honorImg {max-height: 100%;opacity: .08;transition: all 0s;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;-o-transition: all 0s;}
.inlogo .la dl dd:hover {color: #fff;background-image: linear-gradient(to bottom, #4463fa, #192c89);}
.inlogo .la dl dd:hover .honorImg {opacity: 1;}
.prolist li {width: calc((100% - 100px)/3);margin-right: 50px;border: 1px solid transparent;}
 @media screen and (min-width:1100px) {.prolist li:nth-child(3n) {margin-right: 0;}
}
.prolist li .img {width: 100%;height: 0;padding-bottom: 80%;}
.prolist li:hover {border-radius: 20px;background: #fff;box-shadow: 1vw 0 2vw rgba(25, 44, 137, .15);-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-color: var(--color);}
.prolist li:hover .tit {color: var(--color);font-weight: bold;}
.prolist li:hover .more {letter-spacing: 3px;}
.proInfoTop {background: url(../image/proInfoTopBg.jpg) no-repeat center top / cover;padding-bottom: 13vw;}
.proinfoBot {margin-top: -11vw;}
.proinfoCon table tr td {line-height: 4.3;}
.proinfoCon table tr:first-child td {background: var(--color);color: #fff;font-weight: bold;}
.newslist li .left {width: 79%;}
.newslist li .left .img {width: 100%;height: 0;padding-bottom: 65%;}
.newslist li .round {border-color: #d1d5e7;width: 60px;height: 60px;}
 .newslist li .round::before, .newslist li .round::after {position: absolute;display: block;content: '';}
 .newslist li .round::after {width: 40%;height: 40%;border-radius: 50%;left: 30%;top: 30%;background: #f3f7fb;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;}
 .newslist li .round::before {background: var(--color);opacity: 0;transform: scale(0);transition: all .36s;width: 100%;height: 100%;top: 0;left: 0;border-radius: 50%;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);-webkit-transition: all .36s;-moz-transition: all .36s;-ms-transition: all .36s;-o-transition: all .36s;}
 .newslist li:hover .round::before {background: var(--color);opacity: 1;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}
.newslist li:hover .round {box-shadow: 1vw 0 2vw rgba(25, 44, 137, .3);}
 .newslist li::after {display: block;content: '';width: 0;height: 2px;position: absolute;left: 0;bottom: -1px;transition: all .36s;background: var(--color);-webkit-transition: all .36s;-moz-transition: all .36s;-ms-transition: all .36s;-o-transition: all .36s;}
 .newslist li:hover::after {width: 100%;}
.newsPage a {border-color: transparent;}
.newsPage a:hover {border: 1px solid var(--color);background: #fff;color: var(--color);}
/* .jobCon{ height: 40vw; background: url(../images/jobBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
 */.jobCon .infoImg {position: absolute;left: -2vw;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.jobList li .bottom {display: none;}
.jobList li.on .top {background: var(--color);color: #fff;}
.jobList li.on .top .color-aaa, .jobList li.on .top .color-888 {color: #fff;}
.jobList li.on .icon-add:before {content: "\e681";}
.pop {width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 250;display: none;}
.pop .bg {background: rgba(0, 0, 0, .4);}
.jobPop .con {width: 96%;z-index: 10;max-width: 1200px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);}
.w120 {width: 10em;}
.piacke .icon-arrow-down {position: absolute;top: 50%;transform: translateY(-50%);right: 0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.jobPop .close {transform: rotate(45deg);position: absolute;right: 0;top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);}
.jobPop .close:hover {transform: rotate(180deg);color: red;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);}
.schoolPop .con {z-index: 10;max-width: 750px;}
.city-picker-dropdown {position: absolute;top: 100%;left: 0;width: 100%;margin-top: 5px;background: #fff;border: 1px solid #ddd;border-radius: 4px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);display: none;z-index: 1000;}
.city-picker-tabs {display: flex;border-bottom: 1px solid #eee;}
.city-picker-tab {flex: 1;text-align: center;padding: 10px 0;cursor: pointer;background: #f5f5f5;}
.city-picker-tab.active {background: #fff;color: var(--color);border-bottom: 2px solid var(--color);}
.city-picker-content {padding: 10px;max-height: 300px;overflow-y: auto;}
.city-picker-list {display: none;}
.city-picker-list.active {display: block;}
.city-picker-item {padding: 8px 15px;cursor: pointer;border-radius: 4px;}
.city-picker-item:hover {background-color: #f0f7ff;}
.city-picker-item.selected {background-color: #e6f7ff;color: var(--color);}
.city-picker-path {padding: 10px 15px;border-top: 1px solid #eee;font-size: 14px;color: #666;}
label {position: relative;}
#fileinp {position: absolute;height: 100%;cursor: pointer;left: 0;top: 0;opacity: 0;}
#btn {margin-right: 5px;}
#btn {border: none;}
#x_nei_content>span {display: inline-block;width: 228px;height: 38px;line-height: 38px;text-align: center;background-color: #f8f8f8;border: 1px solid #c7c7c7; /* position: absolute; */bottom: -2rem;margin-left: calc((100% - 114px) / 2);cursor: pointer;}
#x_down_all {margin-top: 8rem;}
.schoolTop {width: 28.5vw;position: absolute;left: 0;top: 0;}
.schoolBot {width: 22.8vw;position: absolute;right:  0;bottom: 0;}
 @media screen and (min-width:900px) { .jobSchool .params-container {display: table;}
 .jobSchool .param-item {display: table-row;}
 .jobSchool .param-cell {display: table-cell;}
}
.caselist li {width:  calc((100% - 60px)/ 2);margin-right: 60px;}
 @media screen and (min-width:600px) {.caselist li:nth-child(2n) {margin-right: 0;}
}
.caselist li .img {width: 100%;height: 0;padding-bottom: 65%;}
.caselist li .text .con {height: 100px;margin-top: -50px;box-shadow: 1vw 0 2vw rgba(25, 44, 137, .2);}
.caselist li:hover .text .con {background: var(--color);color: #fff;}
.caselist li:hover .text .con div {color: #fff !important;}
.mapBox {width: 100%;width: 140vw;height: 90vh;transform: translateX(-40vw);-webkit-transform: translateX(-40vw);-moz-transform: translateX(-40vw);-ms-transform: translateX(-40vw);-o-transform: translateX(-40vw);}
.contacttypeCon {width: 54%;position: absolute;right: 0;bottom: 0;z-index: 15;}
.messageBox .button {border-bottom-right-radius: 0;}
.srcachBox .keys {width: calc(100% - 84px);}
.srcachBox .submit {cursor: pointer;height: 84px;width: 84px;background: url(../image/sarchbtn.png) no-repeat center center;background-size: auto 30%;}


.idxPro{ background: url(../images/idxProBg.jpg) no-repeat center center / cover;}

.idxProTab li.on{ background: var(--color); color: #fff;}
/* .swiTabCon .slide-c .swiper-slide::after{ display: block; content: ''; width: 100%; height: 90%; border-radius: 1vw; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background:#fff ; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-border-radius: 1vw; -moz-border-radius: 1vw; -ms-border-radius: 1vw; -o-border-radius: 1vw; }
.swiTabCon .slide-c .swiper-slide .img{ width: 100%; height: 0; padding-bottom: 60%;}
.swiTabCon .slide-c .swiper-slide:hover::after{ height: 100%; background: var(--color);}
.swiTabCon .slide-c .swiper-slide:hover{ color: #fff;} */
.swiTabCon .slide-c .swiper-slide .img{ aspect-ratio: 1 / 1;}
.swiTabCon .slide-c .swiper-slide .bar{   height: 2.2em; padding: 0 15px; }

.relatedSwiper.slide-c .swiper-slide .img{ aspect-ratio: 1 / 1;}
.relatedSwiper.slide-c .swiper-slide .bar{   height: 2.2em; padding: 0 15px; }


.h-50{ height: 50px;}.w-50{ width: 50px; }
.h-60{ height: 60px;}.w-60{ width: 60px;}
.w-70{ width: 70px;} .h-70{ height: 70px;}

 .idxNumUl li{ flex: 1;}
.idxNumUl li:last-child{ border-right: none}
.indexAbout .img{ aspect-ratio: 1 / .7;}


.footerTop{background: url(../images/footerTopBg.jpg) no-repeat center center / cover; background-attachment: fixed;}
.footerTop::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.48) }

 .jsnllist li:nth-child(2n){ background: #fff;}
.jsnllist li:nth-child(2n) a{ flex-direction: row-reverse;}
.jsnllist li .img{ aspect-ratio:  1 / .55;}

.idxCareerTit{ position: sticky; top: 110px; left: 0;}
.idxCareerUl li h3::after{ display: block; content: ''; width: 1em; height: 1em; position: absolute; left: -.5em; top: 50%; transform: translateY(-50%); background:#fff; border-radius: 50%; border: 2px solid var(--color); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.idxCareerUl li:last-child{ margin-bottom: 0;}

.SpecificationsBox table{ max-width: 100%;}
    .SpecificationsBox table tr td{ padding: 1em .5em  1em 1.5em ; text-align: left; border-color: #e5e5e5;}
     .SpecificationsBox table tr:nth-child(2n) td{ background: #f5f5f5; }

.Applications{ height: 30vw; min-height: 260px; background: url(../picture/ApplicationsBg.jpg) no-repeat center center / cover; background-attachment: fixed;}
 .Applications::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.2) }
.Applications::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.2) }
.ApplicationsUl{ position: absolute; left: 0; bottom: 0;}
.ApplicationsUl li{ flex: 1;}
.ApplicationsUl li:last-child{ border-right: none;}

 .w38{  width: 38%;}