﻿/*search*/
.common-header .navigation .search .secrch-form div input[type="submit"]{background: url(search.svg) no-repeat center center/20px 20px;}
/*引领微流控技术 赋能绿色化工未来*/
#app-20220920 .bg-slider {position:absolute;width:100%;height:100%;top:0;left:0;display:block;z-index:1;overflow:hidden;background-color:#ffffff;user-select:none;pointer-events:none;}
#app-20220920 .bg-slider .img {position:absolute;top:0;left:0;width:100%;height:100%;}
#app-20220920 .bg-slider .img img {position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:cover;}
#app-20220920 .bg-slider .img:nth-child(1) {animation-delay:0s;}
#app-20220920 .bg-slider .img:nth-child(2) {animation-delay:4s;}
#app-20220920 .bg-slider .img:nth-child(3) {animation-delay:8s;}
#app-20220920 .bg-slider .img:nth-child(4) {animation-delay:12s;}
#app-20220920 .bg-slider .img:nth-child(5) {animation-delay:16s;}
@keyframes fadeInAndOut {0% {opacity:0;}
10% {opacity:1;}
20% {opacity:1;}
30% {opacity:0;}
100% {opacity:0;}
}
/*技术与服务*/
.index-page .box9 ul {max-width:1600px;margin-top:45px;display:flex;}
.index-page .width {max-width:1400px;}
.width {max-width:1280px;margin:0 auto;margin-top:0px;width:calc(100% - 100px);}
.index-page .box9 li:first-child {margin-right:80px;}
.index-page .box9 li {width:calc(50% - 40px);height:890px;display:flex;flex-direction:column;position:relative;}
.index-page .box9 li > .img-div {height:500px;position:relative;z-index:3;}
.img-div {display:flex;justify-content:center;align-items:center;}
.lazyload.loaded {opacity:1;}
.img-div img {max-width:100%;max-height:100%;}
.lazyload {opacity:0;transition:transform .8s,opacity .8s ease-in-out;}
img {display:block;}
.index-page .box9 .info {height:390px;padding:80px 70px 0;position:absolute;top:500px;left:0;display:flex;width:100%;transition:.5s;}
.index-page .box9 .info > .img-div {width:120px;height:120px;border-radius:50%;border:1px solid #eee;position:relative;z-index:2;background:#fff;}
.index-page .box9 .info > .img-div > img {max-width:45%;max-height:45%;}
.index-page .box9 .txt {flex:1;padding:23px 0 0 40px;}
.l {font-weight:300;}
.index-page .box9 .txt > p {font-size:36px;line-height:46px;}
.b {font-weight:bold;}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.index-page .box9 .note {margin:20px 0 25px;}
.index-page .box9 .note > p {font-size:16px;line-height:24px;color:#666;display:block;padding-left:15px;position:relative;margin-bottom:10px;}
.index-page .box9 .items {display:flex;flex-wrap:wrap;}
.index-page .box9 .item {line-height:40px;border-radius:20px;border:1px solid rgba(102,102,102,.2);position:relative;padding:0 20px 0 50px;margin:0 15px 15px 0;transition:.3s;}
.index-page .box9 .item .img-div {width:42px;height:42px;border:1px rgba(102,102,102,.2) solid;border-radius:50%;position:absolute;top:-1px;left:-1px;}
.index-page .box9 .item .img-div > img {max-width:65%;max-height:65%;}
.index-page .box9 .note > p::before {content:'';position:absolute;top:10px;left:0;width:5px;height:5px;background:#666;border-radius:50%;}
.click {position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;}
.index-page .box9 li::after {content:'';width:100%;height:500px;background:url(/Content/rxwlkong/neusoft/images/33.jpg) no-repeat center top/100%;border-radius:20px;top:0;left:0;position:absolute;transition:.8s;z-index:2;}
@media (any-hover:hover) {.index-page .box9 li:hover .info {z-index:3;padding-top:56px;}
}
@media (any-hover:hover) {.index-page .box9 li:hover::after {height:100%;background-size:cover;}
.index-page .box9 li:hover .info > .img-div {border:0;}
.index-page .box9 li:hover .info > .img-div::after {display:none;}
}
.index-page .box9 .info > .img-div::after {content:'';position:absolute;top:-500px;left:50%;transition:translateX(-50%);width:1px;height:500px;background:#eee;}
.index-page .box9 li:nth-child(2) {justify-content:flex-end;}
.index-page .box9 li:nth-child(2)::after {bottom:0;top:auto;background-position:center bottom}
.index-page .box9 li:nth-child(2) .info {top:0;padding-top:38px}
.index-page .box9 li:nth-child(2) .info > .img-div::after {top:120px;}
/*关于我们*/
.index-page .box4 .width {position:relative;z-index:2;}
.index-page .box4 .width > p {text-align:center;}
.index-page .box4 .width > p:nth-of-type(1) {font-size:72px;line-height:82px;margin:5px 0 15px}
.index-page .box4 .width > p:nth-of-type(2) {font-size:36px;line-height:46px;color:#666;}
.index-page .box4 .num {display:flex;justify-content:center;margin:30px 0 25px}
.index-page .box4 .num ul {display:flex;}
.index-page .box4 .num li {text-align:center;margin-right:120px;}
.index-page .box4 .num li:last-child {margin-right:0;}
.index-page .box4 .num li > p:nth-of-type(1) {color:#0076ff;display:flex;align-items:center;}
.index-page .box4 .num li > p:nth-of-type(1) > span:nth-of-type(1) {font-size:80px;}
.index-page .box4 .num li > p:nth-of-type(1) > span:nth-of-type(2) {font-size:36px;}
.index-page .box4 .num li > p:nth-of-type(2) {font-size:20px;line-height:30px;}
.index-page .box4 .width > a {width:180px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:.3s;margin:0 auto;border-radius:30px;line-height:58px;}
.index-page .box4 .width > a > span:first-child {font-size:16px;margin-right:10px;transition:.3s;}
.index-page .box4 .width > a > span:last-child {width:34px;height:34px;border-radius:50%;background:#0076ff url(../images/arrow2.png) no-repeat center center/15px;transition:.3s;}
.index-page .box4 .img-div {position:relative;/*                padding-top:150px;*/    padding-top:50px;}
.index-page .box4 .img-div > img {position:relative;z-index:3;}
.index-page .box4 .img-div::after {content:'';position:absolute;top:0;left:0;/*background:url(logo_333_1427.png) no-repeat center 5%/35.41%;*/        /*                    background:url(logo_333_1427.png) no-repeat center 5%/55.41%;*/        width:100%;height:100%;z-index:2;}
.index-page .box4 .img-div ul {position:absolute;top:0;left:0;width:100%;height:100%}
.index-page .box4 .img-div li {width:10px;height:10px;border-radius:50%;background:#666;position:absolute;}
.index-page .box4 .img-div li::before {content:'';width:100%;height:100%;border-radius:50%;background:#666;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:index-box4-play 1s linear infinite;opacity:.8}
.index-page .box4 .img-div li:first-child {background:#0076ff;}
.index-page .box4 .img-div li:first-child::before {background:#0076ff;}
.index-page .box4 .img-div li:first-child::after {content:'';width:100%;height:100%;border-radius:50%;background:#0076ff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:index-box4-play1 1s linear infinite;opacity:.5;}
.index-page .box4 .waves {position:absolute;bottom:0;left:0;height:500px;width:100%}
@keyframes index-box4-play {to {transform:translate(-50%,-50%) scale(2.6);opacity:0;}
}
@keyframes index-box4-play1 {to {transform:translate(-50%,-50%) scale(5);opacity:0;}
}
@media (any-hover:hover) {.index-page .box3 .info > a:hover {background:#0076ff;border-color:#0076ff}
.index-page .box3 .info > a:hover > span:first-child {transform:translateX(22px);color:#fff}
.index-page .box3 .info > a:hover > span:last-child {transform:translateX(100px);}
.index-page .box4 .width > a:hover {background:#0076ff;border-color:#0076ff}
.index-page .box4 .width > a:hover > span:first-child {transform:translateX(22px);color:#fff}
.index-page .box4 .width > a:hover > span:last-child {transform:translateX(100px);}
}
.box4 a {text-decoration:none;display:block;color:#333;}
/*页脚*/
.zfoot {width:100%;height:auto;background:#111111;}
.zfoott {padding-bottom:30px;}
.zfoottr {}
.zfoottr a {padding-left:40px;font-size:16px;color:#333333;line-height:28px;}
.zfoottr a:hover {color:#e60012;}
.zfootc {padding:40px 0 80px 0;border-bottom:1px #292929 solid;}
.zfootc_1 {height:auto;border-right:1px #292929 solid;width:calc(25% - 1px);width:-moz-calc(25% - 1px);width:-webkit-calc(25% - 1px);min-height:208px;}
.zfootc_1 .con {}
.zfootc_1c {margin-top:55px;}
.zfootc_1c .tit {color:#a6a6a6;font-size:18px;line-height:30px;}
.zfootc_1c .info {font-size:30px;line-height:46px;color:#fff;margin-top:10px;font-family:'HarmonyOS_Sans_SC_Bold',Arial,Helvetica,sans-serif;}
.zfootc_4 {height:auto;border-right:1px #292929 solid;width:calc(25% - 1px);width:-moz-calc(25% - 1px);width:-webkit-calc(25% - 1px);min-height:208px;}
.zfootc_4 .con {padding:0 20%;}
.zfootc_4 .con .zfootc_4_c {line-height:35px;}
.zfootc_4 .con .zfootc_4_c a {color:#a6a6a6;font-size:15px;display:inline-block;width:49%;}
.zfootc_4 .con .zfootc_4_c a:hover {color:#d1151a;}
.zfootc_3 {height:auto;width:35%;}
.zfootc_3 .con {padding:0 5% 0 15%;}
.zfootc_2 {width:120px;height:auto;}
.zfootc_2 .con {padding:0 10%;}
.zfootc_1_t {font-size:18px;color:#fff;font-weight:600;}
.zfootc_1_line {width:20px;height:2px;background:#0076ff;margin:15px 0 25px 0;}
.zfootc_1_c {font-size:15px;color:#a6a6a6;line-height:30px;}
.zfootc_1_c1 {width:60%;}
.copyright a {color:#a6a6a6;}
.zfoot .container {padding:50px 0 0 0;width:86%;height:auto;min-width:1200px;color:#a6a6a6;}
.container {width:1200px;margin:0 auto;}
.fl {float:left;}
.fr {float:right;}
.cl {clear:both;}
.copyright {width:100%;line-height:90px;font-size:15px;}

.bkt {
    background: #008fd3 url(top.svg) center center/40% auto no-repeat;
}
