/* ==================公用css====================== */ /* 滚动条 */ .headerNavScroll::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#01008C #DDDDDD;} /*定义滑块 内阴影*/ .headerNavScroll::-webkit-scrollbar-thumb {background: #01008C; border-radius: 5px;} /*定义滚动条轨道 内阴影*/ .headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;} /* ===============公用css end!!!!===================*/ .more1 {border: 1px solid #000000;border-radius: 60px; padding: .18rem; padding-left: .25rem; display: inline-flex; align-items: center; transition: .5s; position: relative; z-index: 1;overflow: hidden;} .more1 span {color: rgba(51,51,51,0.8); transition: .5s;} .more1 .jt {width: 0.35rem; height: 0.35rem;background: #143a85; border-radius: 50%; margin-left: .45rem; min-width: 22px; min-height: 22px; transition: .5s;} .more1 .jt svg {max-width: 80%;} .more1::after {content: ""; background: #143a85; width: 0; height: 100%; position: absolute; left: 0; z-index: -1; transition: .5s;border-radius: 60px} .more1 .jt svg path {transition: .5s;} .more1:active {border-color: #143A85; background: #143A85;} .more1:active {color: #fff;} @media (any-hover: hover) { .more1:hover::after {width: 100%; border-color: #143A85;} .more1:hover {color: #fff;} .more1:hover span {color: #fff;} .more1:hover .jt {background: #fff; transition-delay: .25s;} .more1:hover .jt svg path {fill: #143A85;transition-delay: .25s;} } .c{*zoom:1;} .c:after{content: ""; display: block; height: 0; clear: both;} .txt-c{text-align: center;} .txt-l{text-align: left;} .txt-r{text-align: right;} .col-white{color: #fff;} .line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} .flex{display: flex;} .flex-sbc{display: flex; justify-content: space-between; align-items: center;} .flex-c{display: flex; align-items: center;} .flex-cc{display: flex; align-items: center; justify-content: center;} .flex-ccc{display: flex; align-items: center; justify-content: center; flex-direction: column;} .flex-dcsb{display: flex; flex-direction: column; justify-content: space-between;} .flex-sb{display: flex; justify-content: space-between;} .flex-sbw{display: flex;justify-content: space-between; flex-wrap: wrap;} .flex-cw{display: flex; align-items: center; flex-wrap: wrap;} .flex-dc{display: flex; flex-direction: column;} .flex-w{display: flex; flex-wrap: wrap;} .flex-sbcw{display: flex;justify-content: space-between; align-items: center; flex-wrap: wrap;} /* =====头部===== */ body {} #c-placeholder {height: .97rem; min-height: 80px;} .header,.header-zw,.head-box{height: .97rem; min-height: 80px;} .header{box-shadow: 0px 0px 11px 0px rgba(117,117,117,0.45); position: fixed; width: 100%; z-index: 1000; background: #fff;} .header .container-s{max-width:92%; margin: 0 auto;} .pc-logo a img{display: block;} .pc-nav{width: 54%;} .pc-nav ul li{width: 20%; position: relative; text-align: center;} .pc-nav ul li h3{font-weight: 400; letter-spacing: 1px; line-height: .97rem;} .pc-nav ul li .subnav-box{ box-shadow: 0px 0px 10px 0px rgba(117, 117, 117, 0.14); z-index: 55; transform: translateY(50px);opacity: 0;pointer-events: none;left: 0;position: absolute;top: 100%;transition: all 0.4s ease;width: 100%;background: #ffffff; padding: .23rem 0; box-sizing: border-box;} .pc-nav ul li .subnav {display: flex;box-sizing: border-box;z-index: 3;background: #fff;} .pc-nav ul li .subnav .list{width: 100%;} .pc-nav ul li .subnav .list a{display: block; letter-spacing: 0.8px;position: relative; transition: 0.6s; font-weight: 400; margin-bottom: .13rem;} .pc-nav ul li .subnav .list a:last-child{margin-bottom: 0;} .pc-nav ul li .subnav .list a:hover{color: #23d7e1; } .pc-nav ul li:hover h3,.pc-nav ul li.on h3{color: #23d7e1;} .pc-nav ul li:hover .subnav-box {transform: translateY(0);opacity: 1;pointer-events: auto;} .pc-ver a{font-family: Arial; margin-left: .37rem;} .pc-ver a:hover{color: #23d7e1;} .heSearch{cursor: pointer;} .heSearch img{} .heSearch img:hover{filter: invert(61%) sepia(83%) saturate(884%) hue-rotate(140deg) brightness(110%) contrast(75%);} .hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;} .hadbox-sec4 {background-color: #fff;padding: .21rem 0 0.8rem; } .hadbox-sec4 .w1500{width: 42%;} .hadbox-sec4 .close {position: absolute; right: 1.5%; top: 5%; cursor: pointer; max-width: .3rem; display: none;} .hadbox-sec4 .close svg {max-width: 100%;} .hadbox-sec4 .f_tit {color: rgba(34,34,34,0.8);margin-bottom: 0.24rem;font-size: var(--font30);} .hadbox-sec4 .form{margin-bottom: .26rem;} .hadbox-sec4 .form img{margin-right: 0.1rem;} .hadbox-sec4 .form input {color: #676767;flex: 1;margin-right: 0.1rem;} @media screen and (min-width: 200px) and (max-width: 767px) { .hadbox-sec4 {padding: .6rem .3rem;} .hadbox-sec4 .form {padding-bottom: .2rem;} .hadbox-sec4 .f_tit {font-size: var(--font20);} } .search-list strong{display: block; color: #676767; font-weight: 400; margin-bottom: .07rem;} .search-list a{letter-spacing: 0.8px; font-weight: 400; line-height: .3rem; padding: 0 .07rem; transition: 0.6s; margin-bottom: .04rem;} .search-list img{margin-right: .14rem;} .search-list a:hover{background: #f0f0f0;} .hadbox-bg{background: rgba(232,232,237,.4);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);visibility: visible;position: fixed;opacity: 0;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;z-index: -1;transition: opacity .32s cubic-bezier(.4,0,.6,1) 80ms,visibility .32s step-end 80ms} .hadbox-bg1{opacity: 1; z-index: 5;} /* ======首页======= */ /* banner */ .banner{position: relative;} .banner .imgBox img{display: block; width: 100%;} .banner .w1684{position: absolute; top: 0; bottom: 0; left: 0; right:0; width: 100%;} .banner .info{text-align: center; color: #fff;} .banner .info h2{letter-spacing: 4.8px;text-shadow: 5px 3px 6.32px rgba(0, 0, 0, 0.5); font-weight: 400; } .banner .info h3{letter-spacing: 2.1px;text-shadow: 5px 3px 6.32px rgba(0,0,0,0.27);font-family: Arial;margin: .1rem 0 .3rem;} .banner-more a{transition: 0.6s;display: inline-block;padding: .12rem .38rem;border: 2px solid #f6f6f6;border-radius: 5px;letter-spacing: 1.2px;color: #fff;margin: 0 auto;font-weight: 700;} .banner-more a:hover{background: #fff; color: rgba(50,50,50,0.8);} /* 检测项目分类 */ .index-class{padding: .94rem 0 1.14rem;} .index-title{margin-bottom: .75rem;} .index-title strong{} .detection-list ul li{margin-bottom: .55rem;} .detection-list ul li:nth-child(2n){flex-direction: row-reverse;} .detection-list ul li .pic,.detection-list ul li .info{width: 50%; } .detection-list ul li .pic{background-size: cover!important;} .detection-list ul li .pic img{display: none; max-width: 100%; width: 100%;} .detection-list ul li .info{background: #f3f3f3; padding: .44rem 2.5% .13rem} .detection-list ul li .info strong{display: block; color: rgba(51,51,51,0.8); letter-spacing: 1.7px; margin-bottom: .33rem;} .detection-list dl{margin-bottom: .18rem;} .detection-list dl dt{letter-spacing: 1.15px; font-weight: bold; border-left: .05rem solid #802801; line-height: 0.22rem; padding-left: .13rem; margin-bottom: .11rem;} .detection-list ul li.item1 .col-1{} .detection-list ul li.item1 .col-2 dt{border-color: #8D4600;} .detection-list ul li.item1 .col-3 dt{border-color: #82533E;} .detection-list ul li.item1 .col-4 dt{border-color: #5F0101;} .detection-list dl dd{padding-left: .13rem;} .detection-list dl dd a{color:rgba(50,50,50,0.95); letter-spacing: 1.05px; font-weight: 400; font-size: var(--font21); position: relative; padding-left: 13px; margin-right: .24rem; margin-bottom: .05rem;} .detection-list dl dd a::after{position: absolute; content: ''; width: 7px;height: 7px;background: rgba(76,76,76,0.9); border-radius: 50%; top: 50%; transform: translateY(-50%); left: 0;} .detection-list ul li.item1 .col-1 dd a:hover{color: rgba(128,40,1,0.95)} .detection-list ul li.item1 .col-2 dd a:hover{color: rgba(141,70,0,0.95);} .detection-list ul li.item1 .col-3 dd a:hover{color: rgba(130,83,62,0.95);} .detection-list ul li.item1 .col-4 dd a:hover{color: rgba(95,1,1,0.95);} .detection-list ul li.item1 .col-2 dd a:hover:after{background: rgba(128,40,1,0.9);} .detection-list ul li.item1 .col-2 dd a:hover:after{background: rgba(141,70,0,0.9);} .detection-list ul li.item1 .col-3 dd a:hover:after{background: rgba(130,83,62,0.9);} .detection-list ul li.item1 .col-4 dd a:hover:after{background: rgba(95,1,1,0.9);} .detection-list ul li.item2 .col-1 dt{border-color: #416482;} .detection-list ul li.item2 .col-2 dt{border-color: #72127D;} .detection-list ul li.item2 .col-3 dt{border-color: #003c6b;} .detection-list ul li.item2 .col-4 dt{border-color: #821364;} .detection-list ul li.item2 .col-1 dd a:hover{color: rgba(65,100,130,0.95)} .detection-list ul li.item2 .col-2 dd a:hover{color: rgba(114,18,125,0.95);} .detection-list ul li.item2 .col-3 dd a:hover{color: rgba(0,60,107,0.95);} .detection-list ul li.item2 .col-4 dd a:hover{color: rgba(130,19,100,0.95);} .detection-list ul li.item2 .col-2 dd a:hover:after{background: rgba(65,100,130,0.9);} .detection-list ul li.item2 .col-2 dd a:hover:after{background: rgba(114,18,125,0.9);} .detection-list ul li.item2 .col-3 dd a:hover:after{background: rgba(0,60,107,0.9);} .detection-list ul li.item2 .col-4 dd a:hover:after{background: rgba(130,19,100,0.9);} .detection-list ul li.item3 .col-1 dt{border-color: #024814;} .detection-list ul li.item3 .col-2 dt{border-color: #82690F;} .detection-list ul li.item3 .col-3 dt{border-color: #596037;} .detection-list ul li.item3 .col-1 dd a:hover{color: rgba(2,72,20,0.95)} .detection-list ul li.item3 .col-2 dd a:hover{color: rgba(130,105,15,0.95);} .detection-list ul li.item3 .col-3 dd a:hover{color: rgba(89,96,55,0.95);} .detection-list ul li.item3 .col-1 dd a:hover:after{background: rgba(2,72,20,0.9);} .detection-list ul li.item3 .col-2 dd a:hover:after{background: rgba(130,105,15,0.9);} .detection-list ul li.item3 .col-3 dd a:hover:after{background: rgba(89,96,55,0.9);} /* “一站式”MICM 技术平台 */ .micm{background: url(../images/micm-bg.jpg) no-repeat center; background-size: cover; padding: 0.62rem 0 .87rem; background-size: cover;} .micm-list ul li{border: 1px solid #23d5df;box-shadow: 0px 0px 4.55px 0px rgba(0,0,0,0.11);width: 22%;box-sizing: border-box;background: #fff;} .micm-list ul li .icon{background: rgba(244,244,244,0.6); height: 2.37rem; display: flex; align-items: center; justify-content: center;} .micm-list ul li .icon img{max-width: 1.18rem;display: block;transform: scale(0.9);transition: 0.6s; opacity: 0.9} .micm-list ul li .info{background: #fff;/* height: 1.48rem; */box-sizing: border-box;padding: 0.2rem 7% .22rem;} .micm-list ul li .info strong{display: block; letter-spacing: 0.02rem; margin-bottom: 0.15rem} .micm-list ul li .info b{display: block; letter-spacing: 0.6px; font-family: Arial; margin-bottom: .21rem;} .micm-list ul li .info span{letter-spacing: 0.54px; font-weight: 400; position: relative; display: inline-block; font-weight: 400;} .micm-list ul li .info span::after{position: absolute; content: ''; background: #787878; height: 1px; width: 100%; bottom: 0; left: 0;} .micm-list ul li:hover .info span{color: #23d5df;} .micm-list ul li:hover .info span::after{background: #23d5df;} .micm-list ul li:hover .icon img{transform: scale(1);} /* 助力精准医学事业发展 */ .about{padding: 1.52rem 0 2.36rem;} .about .index-title{margin-bottom: 1.56rem;} .about-num ul li{width: 25%; border-right: 1px solid #EEEEEE; padding: .46rem 0; box-sizing: border-box; text-align: center;} .about-num ul li:last-child{border-right: none;} .about-num ul li img{min-width: 40px;} .about-num ul li .text{margin-left: 9%;} .about-num ul li em,.about-num ul li span,.about-num ul li h4{color: rgba(51,51,51,0.8);} .about-num ul li em,.about-num ul li span{font-family: Arial; line-height: .45rem;} .about-num ul li em{font-weight: bold;} .about-num ul li span{font-weight: lighter;} /* SANO优势 */ .sano{background: url(../images/sano-bg.jpg) no-repeat center; background-size: cover; padding: 1.04rem 0 0.86rem;} .sano-list{position: relative;} .sano-list ul:last-child{margin-top: 1.91rem;} .sano-list ul li{width: 35%;} .sano-list ul li img{margin: auto; margin-left: 0; margin-top: .38rem; margin-right: 0.3rem} .sano-list ul li .info { width: calc(100% - 80px);} .sano-list ul li .info i{} .sano-list ul li .info strong{display: inline-block; position: relative; letter-spacing: 2px; padding-top: .29rem; margin-bottom: .15rem;} .sano-list ul li .info strong::after{position: absolute; content: ''; top: 0 ; width: 100%;height: 0.03rem;background: #23d4de;border: 1px solid #23d5df; left: 0;} .sano-list ul li .info p{line-height: 1.8;letter-spacing: 1.1px;} .sano-title{position: absolute; top: 0; bottom: 0; left: 0; right:0; margin: auto; width: 3.73rem;height: 3.73rem; background-image: -moz-linear-gradient( 135deg, rgb(246,192,77) 0%, rgb(129,129,129) 0%, rgb(163,141,94) 0%, rgb(197,153,59) 0%, rgb(116,183,141) 11%, rgb(35,212,222) 81%); background-image: -webkit-linear-gradient( 135deg, rgb(246,192,77) 0%, rgb(129,129,129) 0%, rgb(163,141,94) 0%, rgb(197,153,59) 0%, rgb(116,183,141) 11%, rgb(35,212,222) 81%); background-image: -ms-linear-gradient( 135deg, rgb(246,192,77) 0%, rgb(129,129,129) 0%, rgb(163,141,94) 0%, rgb(197,153,59) 0%, rgb(116,183,141) 11%, rgb(35,212,222) 81%); opacity: 0.702; border-radius: 50%;} .sano-title .sano-bg{width: 3.21rem; height: 3.21rem; border-radius: 50%; background: rgba(242,242,242,0.3);} .sano-title h2{text-align: center; letter-spacing: 2px; font-weight: 700; color: #fff; } /* 查看更多 */ .class-more{margin-left: 11%; padding: 1.95rem 0 1.42rem;} .class-more .index-title {margin-bottom: .22rem;} .class-more .index-title strong{color: #23D5DF;} .indexclass-list{overflow: hidden;position: relative;padding: .18rem 0;} .indexclass-list ul li {position: relative;} .indexclass-list ul li .pic{overflow: hidden;} .indexclass-list ul li .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;} .indexclass-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;} .indexclass-list ul li strong{letter-spacing: 1.2px; position: absolute; bottom: 0.56rem ; text-shadow: 0px 1px 4.55px rgba(0, 0, 0, 0.31);-moz-transform: matrix( 1,0,0,0.99888518264037,0,0);-webkit-transform: matrix( 1,0,0,0.99888518264037,0,0);-ms-transform: matrix( 1,0,0,0.99888518264037,0,0); padding: 0 12%; box-sizing: border-box; width: 100%; } #indexclass-num{display: none;} #indexclass-prev,#indexclass-next{width: 68px;height: 68px;background: url(../images/indexclass-arrow.png) no-repeat center #fff; z-index: 999; border-radius: 50%; } .indexclass-list ul li.swiper-slide-active{box-shadow: 13px -4px 9px 1px #e5e5e5;} #indexclass-prev.swiper-button-disabled{opacity: 0;} #indexclass-next.swiper-button-disabled{opacity: 0;} #indexclass-prev{transform: rotateY(180deg); -webkit-transform: rotateY(180deg);} /* 公共底部 */ .footer-top{background: #24dde6; padding: .26rem 0 .19rem;} .footer-title em{margin-bottom: .08rem; display: block;} .footer-title b{font-weight: bold; font-family: Arial; text-transform: uppercase; display: block;} .footer-wechat img{display: block; margin-bottom: 0.1rem;} .footer-wechat h3{ text-align: center;} .bottom-box{padding: .69rem 0 .56rem; border-bottom: 1px solid #6E6E6E;} .bottom-box em{color: #777676;} .bottom-box b{color: #23d5df; vertical-align: middle;} .bottom-box .info{ align-items: stretch; justify-content: end; flex: 1} .bottom-box .info .text{padding-right: 2%; border-right: 1px solid rgba(62,62,62,0.8); margin-right: 2%;} .bottom-box .info strong{display: block; color: rgba(73,72,72,0.8); letter-spacing: 2.4px; line-height: 1;} .bottom-box .info strong.text1{letter-spacing: 0.43px; margin-bottom: .25rem;} .bottom-box .info p{color: #777676;} .bottom-box .info p:first-child{margin-bottom: .2rem;} .bottom-box .info p>img{margin: auto;margin-left: 0;margin-right: .1rem;} .footer-copy{padding: .09rem 0 .3rem;} .footer-copy p{color: rgba(51,51,51,0.8);line-height: .37rem;letter-spacing: 0.32px;} .bottom-box .info .wap-add{display: none;} /* 左侧栏目悬浮 */ .column{width: 2.84rem; min-width: 295px; background-image: -moz-linear-gradient( -90deg, rgb(255,255,255) 0%, rgb(243,242,242) 95%, rgb(230,229,229) 100%);background-image: -webkit-linear-gradient( -90deg, rgb(255,255,255) 0%, rgb(243,242,242) 95%, rgb(230,229,229) 100%);background-image: -ms-linear-gradient( -90deg, rgb(255,255,255) 0%, rgb(243,242,242) 95%, rgb(230,229,229) 100%);box-shadow: 0px 0px 14.55px 0.45px rgba(120, 120, 120, 0.32); position: fixed; top: .97rem; left: 0; padding: .27rem 0 0; box-sizing: border-box; height: 100vh;} .column .column-title strong{ color: rgba(50,50,50,0.8); display: block; margin-bottom: .41rem;} .column .column-list {overflow-y: auto; max-height: calc(100vh - 150px);} /* 滚动条 */ .column .column-list::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#ddd #fff;} .column .column-list::-webkit-scrollbar-thumb {background: #ddd; border-radius: 5px;} .column .column-list::-webkit-scrollbar-track {background: #fff;} .column .column-list dl{margin-bottom: .24rem;} .column .column-list dl dt{color: rgba(62,58,57,0.8);letter-spacing: 0.9px; font-weight: bold; margin-bottom: .16rem;} .column .column-list dl dd{justify-content: space-evenly;} .column .column-list dl dd a{ margin: 0 4.5% 0.22rem; border-radius: 12px;background: #fff; text-align: center; box-shadow: 0px 3px 4.7px 0.3px rgba(150, 155, 171, 0.81),-3.927px -0.763px 2.88px 0.12px rgba(255, 255, 255, 0.81),inset 0px 1px 4px 0px rgba(255, 255, 255, 0.61); line-height: 1.6; color: rgba(50,50,50,0.8); font-weight: bold; padding: 0 0.2rem; } .column .column-list dl dd a:hover,.column .column-list dl dd a.on,.column .column-list dl dd a.active{background: rgba(230,248,252,0.6);} .flex-sacw {display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap;} /* 关于我们 苏州精准医疗 */ .flex-end{display: flex; justify-content: flex-end;} .about-bg{display: flex; } /*.ny1449{margin-right: 3.5%;}*/ .about-bg{background: url(../images/about-bg.jpg) no-repeat center top; background-size: cover; padding: 2.72rem 0 3.32rem;} .about-box .info{width: 40%;} .about-box .info strong{color: rgba(69,69,69,0.8); margin-bottom: .3rem; display: block;} .about-box .info p{line-height: 2; text-align: justify} .about-box .pic{width: 43.68%;} .about-box .pic img{display: block; max-width: 100%; width: 100%;} .quality .index-title{margin-bottom: 1.43rem;} .quality-list ul li{width: 21%;} .quality-list ul li .icon{margin-bottom: .44rem; } .quality-list ul li .icon img{width: 0.6rem; min-width: 30px} .quality-list ul li em{color: rgba(69,69,69,0.9); } .quality-list ul li i{font-style: normal} .quality-list ul li span{color: rgba(50,214,224,0.98); font-family: Arial;} .quality-list ul li h3{color: rgba(69,69,69,0.9); line-height: .4rem; margin-top: .14rem;} .mission{background: url(../images/mission-bg.png) no-repeat center top; background-size: cover; padding: 4.55rem 0 1.29rem; margin-bottom: 2rem;} .mission .info span{display: block; color: rgba(51,51,51,0.8); font-family: Arial; margin-bottom: .17rem;} .mission .info h3{display: block; line-height: .52rem; color: rgba(51,51,51,0.8);} /* 关于我们-发展历程 */ .develop-bg{background: url(../images/develop-bg.jpg) no-repeat center; background-size: cover; padding: 1.52rem 0;} .develop-box{width: 100%;background: rgba(255, 255, 255, 0.9);border-radius: 5px;padding: 1.27rem 0;margin: 0 auto;} .develop-box .index-title{width: 25%;margin-bottom: 0;} .develop-box .info {width: 75%;position: relative;z-index: 1;} .develop-box .info::before {content: ""; left: 0.05rem; top: 0%; height: 100%; border-width: 0.5px; border-color: rgb(69, 69, 69); border-style: solid; background-color: rgb(69, 69, 69); opacity: 0.502; position: absolute; width: 1px; box-sizing: border-box; z-index: -1;} .develop-box li {display: flex; align-items: flex-start; margin-top: 1.1rem;} .develop-box .ul1 li:first-child {margin-top: 0;} .develop-box li .cirle i {width: 0.12rem;height: 0.12rem; opacity: 0.9; background: #454545; border-radius: 50%; display: block; transition: .5s;} .develop-box li .time {display: flex; align-items: center;} .develop-box li .year {margin: 0 .8rem 0 .6rem;font-size: var(--font42);font-weight: 700;color: rgba(69,69,69,0.8);line-height: 1;letter-spacing: 0.03rem;transition: .5s;} .develop-box li .str {width: 60%;} .develop-box li .str p {font-size: var(--font20);color: rgba(69,69,69,0.8);letter-spacing: 0.02rem; font-weight: 700; transition: .5s;} .develop-box li:hover .cirle i {background: #e5ad55; opacity: .9;} .develop-box li:hover .year {color: #E5AD55;} .develop-box li:hover .str p {color: #E5AD55;} .otherYear {position: relative;} .otherYear .ul2 {display: none;} .otherYear .ul2 li:last-child {display: none;} .otherYear .othreBox { position: absolute; top: 0%; left: 0%; transform: translate(-0%, 50%); display: flex; align-items: center; justify-content: center; white-space: nowrap;} .otherYear .othreBox li {margin-top: 0; display: flex; align-items: center;} .otherYear .othreBox span {margin: 0 .2rem 0 .4rem;} .otherYear .othreBox img {max-width: .4rem;} .otherYear .more {display: flex; align-items: center; cursor: pointer;} .otherYear .othreBox.on {top: 100%;} .otherYear .othreBox.on img {transform: rotate(180deg);} /* 关于我们-荣誉资质 */ .honor {padding: 1.5rem 0 2rem;} .honor .swiper1 .swiper-wrapper {justify-content: center;} .honor .swiper1 .slide {cursor: pointer; padding: 0 .6rem; width: auto;opacity: 0.98;font-size: var(--font40);font-weight: 700;color: #aaaaaa;line-height: 1;letter-spacing: 0.02rem; transition: color .5s;} .honor .swiper1 .slide.swiper-slide-thumb-active {color: #23D5DF;} .honor .swiper2 {margin-top: 1rem;} .honor .swiper3{padding-bottom: .6rem;} .honor .swiper3 .slide {width: 38%;border-radius: 10px; overflow: hidden;} .honor .swiper3 .slide .imgBox {overflow: hidden; position: relative;} .honor .swiper3 .slide .imgBox::after {content: ""; position: absolute; width: 100%; height: 100%; background: #fff; opacity: .4;left: 0; top: 0; transition: .5s;} .honor .swiper3 .slide .imgBox img {width: 100%;} .honor .swiper3 .slide.swiper-slide-active .imgBox::after {opacity: 0;} .honor .swiper3 .swiper-pagination {bottom: 0;} .honor .swiper3 .swiper-pagination span {width: .15rem; height: .15rem; border-radius: 50%; background-color: rgb(215, 216, 215);opacity: 0.902; transition: .5s;} .honor .swiper3 .swiper-pagination .swiper-pagination-bullet-active {width: .8rem; border-radius: 100px;background-image: -moz-linear-gradient( 15deg, rgb(216,218,216) 15%, rgb(246,246,246) 100%);background-image: -webkit-linear-gradient( 15deg, rgb(216,218,216) 15%, rgb(246,246,246) 100%); background-image: -ms-linear-gradient( 15deg, rgb(216,218,216) 15%, rgb(246,246,246) 100%);} .flex-cw{display: flex; justify-content: center; flex-wrap: wrap;} .flex-cccw{display: flex; justify-content: center; flex-wrap: wrap; align-items: center; flex-direction: column;} .team{margin-bottom: 1.66rem;} .team-btn{margin-bottom: .46rem; cursor: pointer;} .team-btn ul li{margin: 0 4.5%;} .team-btn ul li strong{color: rgba(177,177,177,0.98); letter-spacing: 2px; } .team-btn ul li.on strong,.team-btn ul li:hover strong{color: rgba(50,214,224,1);} .team-bd dl{display: none;} .team-bd dl:first-child{display: block;} .team-bd dl h2{display: block; color: rgba(69,69,69,0.8);line-height: 1.8;letter-spacing: 1.1px; text-align: center; width: 71%; margin: 0 auto 1.33rem;} .team-list ul li{background: #ffffff;border-radius: 15px;box-shadow: 0px 8px 13px 0px rgba(165, 165, 165, 0.35); width: 18%; transition: 0.6s; cursor: pointer;} .team-list ul li .pic{height: 1.18rem; background: rgba(243,243,243,0.7); border-radius: 15px 15px 0px 0px; min-height: 96px;} .team-list ul li .pic img{display: block; max-width: 100%; width: 100%;} .team-list ul li .pic em{color: rgba(69,69,69,0.8);letter-spacing: 1.2px; display: block;} .team-list ul li .info{box-sizing: border-box; padding: 0.1rem 6%;} .team-list ul li .info h3{font-weight: 400;text-align: center;color: rgba(89,87,87,0.8);} .team-list ul li:hover{transform: translateY(-20px)} /* 关于我们_苏州赛默医检所 */ .nyabout-bg{background: url(../images/nysano-bg.jpg) no-repeat center; background-size: cover; padding: 2.96rem 0 3.76rem;} .nyabout-bg .about-box { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; align-content: space-between;} .nyabout-bg .about-box .info { width: 48%;} .nyabout-bg .about-box .info p{ text-align: justify;} .nyabout-bg .about-box .info strong{line-height: .36rem; margin-bottom: .53rem;} .platform{margin-bottom: 1.74rem;} .platform .index-title{margin-bottom: 1.11rem;} .platform-btn{margin-bottom: .87rem;} .platform-btn ul li{cursor: pointer; transition: 0.6s;} .platform-btn ul li .icon{margin-right: .39rem; max-width: 0.6rem;} .platform-btn ul li .icon img{display: block; max-width: 100%;} .platform-btn ul li .text{} .platform-btn ul li b{color: rgba(69,69,69,0.8); font-family: Arial; line-height: 1} .platform-btn ul li strong{color: rgba(69,69,69,0.8); display: block; line-height: 1; margin-top: .08rem;} .platform-btn ul li:first-child.on b,.platform-btn ul li:first-child.on strong{color: #3cc599;} .platform-btn ul li:nth-child(2).on b,.platform-btn ul li:nth-child(2).on strong{color: #f8a21b;} .platform-btn ul li:nth-child(3).on b,.platform-btn ul li:nth-child(3).on strong{color: #997dde;} .platform-btn ul li:last-child.on b,.platform-btn ul li:last-child.on strong{color: #3fbcff;} .platform-btn ul li:first-child:hover b,.platform-btn ul li:first-child:hover strong{color: #3cc599;} .platform-btn ul li:nth-child(2):hover b,.platform-btn ul li:nth-child(2):hover strong{color: #f8a21b;} .platform-btn ul li:nth-child(3):hover b,.platform-btn ul li:nth-child(3):hover strong{color: #997dde;} .platform-btn ul li:last-child:hover b,.platform-btn ul li:last-child:hover strong{color: #3fbcff;} .platform-bd dl{display: none;} .platform-box{background: #f3f3f3; padding: .42rem 3.5%; box-sizing: border-box;} .platform-box .pic{width: 42%; box-shadow: 0 0 11px 6px rgba(231, 231, 231, 0.5);} .platform-box .pic img{display: block; max-width: 100%; width: 100%;} .platform-box .info{width: 54%;} .platform-box .info strong{font-weight: bold;color: rgba(34,34,34,0.8); display: block; margin-bottom: .24rem;} .platform-box .info h3{color: rgba(69,69,69,0.8);line-height: 1.8;letter-spacing: 0.9px; font-weight: 400; margin-bottom: .75rem;} .platform-list ul li em{color: rgba(69,69,69,0.8);line-height: 1.8; display: block; margin-bottom: .14rem;} .platform-list ul li span{color: #666666; display: block; position: relative; padding-left: .21rem; margin-bottom: .19rem;} .platform-list ul li span::after{position: absolute; content: ''; width: 6px;height: 6px;background: #666666; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%);} .platform-list ul li span:last-child{margin-bottom: 0;} .features{margin-bottom: 0.8rem;} .features .index-title{margin-bottom: 1.15rem;} .features-list dl{width: 100%; position: relative; margin-bottom: .92rem; } .features-list dl dd{background: #f3f3f3; width: 86.6%; padding: 1.48rem 0 1.5rem; box-sizing: border-box;} .features-list dl .text{padding-left: 8%; width: 60%; box-sizing: border-box;} .features-list dl strong{margin-bottom: .22rem; display: block;} .features-list dl p{color: rgba(69,69,69,0.8);line-height: 1.8;letter-spacing: 0.9px;} .features-list dl dt{position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 43%; } .features-list dl dt img{display: block; max-width: 100%; width: 100%;} .features-list dl:nth-child(2n){ display: flex; justify-content: flex-end;} .features-list dl:nth-child(2n) dd{display: flex; justify-content: flex-end;} .features-list dl:nth-child(2n) dt{left: 0; right: auto;} .features-list dl:nth-child(2n) .text{padding-left: 0; padding-right: 9%;} .technical{margin-bottom: 1.6rem;} .technical .index-title{margin-bottom: 1.15rem;} .technical-box .info{} .technical-box dl{margin-bottom: .67rem;} .technical-box dl:last-child{margin-bottom: 0;} .technical-box dl dt,.technical-box dl dd{ color: rgba(69,69,69,0.8); line-height: 1.6;letter-spacing: 0.01rem; font-weight: 400;} .technical-box dl dt{ font-weight: bold;} .technical-box dl dd{} .technical-box .pic{width: 37.75%;} .technical-box .pic img{display: block; max-width: 100%; width: 100%;} /* 技术平台- 骨髓涂片概述 */ .column .column-list2 dl dd a {margin: 0 0 0.22rem;min-width: 126px;padding: 0;} .ny-banner{height: 5.02rem; align-items: center; background-size: cover!important; display: flex; } .marrow-banner{background: url(../images/marrow-banner.jpg) no-repeat center right;} .marrow-banner2{background: url(../images/marrow-banner2.jpg) no-repeat center right;} .marrow-banner3{background: url(../images/marrow-banner3.jpg) no-repeat center right;} .marrow-banner5{background: url(../images/marrow-banner5.jpg) no-repeat center right;} /* .ny-banner .info{width: 2.98rem;height: 2.98rem;background: #23d4de; display: flex; flex-wrap: wrap; align-content: center; padding-left: 0.5rem; box-sizing: border-box;} .ny-banner .info strong,.ny-banner .info b{ color: #fefefe; font-weight: bold;} .ny-banner .info strong{line-height: 0.6rem;display: block;width: 80%; margin-bottom: .08rem;} .ny-banner .info b{line-height: 0.37rem; font-family: Arial; text-transform: capitalize;} */ .ny-banner .info{width: 2.98rem;height: 2.98rem;background: #23d4de; display: flex; flex-wrap: wrap; align-content: center; padding-left: 0.5rem; box-sizing: border-box;} .ny-banner .info strong,.ny-banner .info b{ color: #fefefe; font-weight: bold;} .ny-banner .info strong{line-height: 1.2;display: block; margin-bottom: .08rem; font-size: .5rem;} .ny-banner .info b{line-height: 1.4; font-family: Arial; text-transform: capitalize; width: 100%; font-size: .25rem;} .marrow-banner3 .info{padding-left: .24rem;} .marrow-banner3 .info strong{width: 100%;} .marrow-banner5 .info{padding-left: .24rem;} .marrow-banner5 .info strong{width: 100%;} .product-box{padding:1rem 0 0.85rem} .pro-class .info{width: 50%;} .product-title strong{color: rgba(35,213,223,0.95); line-height: 1;letter-spacing: 0.04rem; display: block; position: relative;} .product-title2{margin-bottom: .26rem;} .product-title2 strong{padding-left: .26rem;} .product-title2 strong::after{position: absolute; content: '' ; width: 7px;height: 20px;background: #5ddde8; left: 0; top: 50%; transform: translateY(-50%);} .pro-class .info h3{font-weight: bold;color: rgba(69,69,69,0.8);letter-spacing: 0.01rem; display: block; } .pro-right{width: 35%;} .pro-right .pic{width: 88%;box-shadow: 0px 0px 6px 1px rgba(120, 120, 120, 0.5);border-radius: 0.4rem;} .pro-right .pic img{display: block; max-width: 100%; border-radius: 0.4rem; width: 100%; } .pro-right span {display: block;color: rgba(135,230,240,0.5);font-family: Arial;letter-spacing: 0.04rem;text-transform: uppercase;writing-mode: tb;line-height: .43rem;font-size: 0.44rem;} .pro-table{width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 1.5rem; white-space: pre-wrap;} .pro-table tr{border-bottom: 0.04rem solid #fff;text-align: center; background: #f7f8f8; } /* .pro-table tr th,.pro-table tr td{padding-left: 2%; box-sizing: border-box;} */ .pro-table tr.table-title{height: 57px;background: #35d5de;} .pro-table tr th{letter-spacing: 0.01rem; font-weight: bold;} .pro-table tr td{ color: rgba(70,70,70,0.9);line-height: 1.6; padding: .2rem 0; } .pro-table tr td a{display: block; font-weight: 400; width: 0.96rem;padding: 0.05rem 0; min-width: 90px; color: #fff;background: rgba(74,228,237,0.7);border-radius: 0.05rem; text-shadow: 0px 1px 3.56px rgba(19, 69, 72, 0.13); -moz-transform: matrix( 1.23992539139495,0,0,1.23992539139494,0,0); -webkit-transform: matrix( 1.23992539139495,0,0,1.23992539139494,0,0); -ms-transform: matrix( 1.23992539139495,0,0,1.23992539139494,0,0); letter-spacing: 0.01rem; box-shadow: 0px 0px 5px rgba(0,0,0,0.1) inset; margin: 0 auto;} .pro-table tr.table-title th:nth-child(1){width: 10%;} .pro-table tr.table-title th:nth-child(2){width: 20%;} .pro-table tr.table-title th:nth-child(3){width: 20%;} .pro-table tr.table-title th:nth-child(4){width: 20%;} .pro-table tr.table-title th:nth-child(5){width: 15%;} .pro-table tr.table-title th:nth-child(6){width: 15%;} .pro-table tr td:nth-child(1){width: 10%;} .pro-table tr td:nth-child(2){width: 20%; text-align: left} .pro-table tr td:nth-child(3){width: 20%; text-align: left} .pro-table tr td:nth-child(4){width: 20%; text-align: left} .pro-table tr td:nth-child(5){width: 15%;} .pro-table tr td:nth-child(6){width: 15%;} /* 技术平台- 项目详情页 */ .proxq-bg{background: url(../images/proxq-bg.jpg) no-repeat right top; background-size: cover; padding: 1.31rem 0 2.6rem;} .proxq-top{margin-bottom: 0.21rem;} .proxq-top .product-title2{margin-bottom: 0;} .proxq-top .product-title2 strong{color: #23d5df;} .back a{display: block;padding: 0.1rem 0.15rem; letter-spacing: 0.01rem; text-shadow: 0px 2px 2.97px rgba(187, 194, 201, 0.81); color: #fff; text-align: center; background: linear-gradient(180deg,#8bf5fa 0%, #5ee4ea 100%), #f6f6f6; border-radius: 0.05rem; box-shadow: -0.01rem 0rem 0.03rem 0rem rgba(255,255,255,0.61) inset, -0.04rem 0rem 0.05rem 0rem rgba(149,154,171,0.33), -0.06rem -0.01rem 0.06rem 0rem rgba(255,255,255,0.81); } .details-bg {background: rgba(255,255,255,0.7); padding: 0.55rem 6%; box-sizing: border-box;} /* 分子遗传学实验室 */ .molecular-banner{background: url(../images/molecular-banner.jpg) no-repeat center right;} .molecular-banner .info{padding-left: .24rem;} .molecular-banner .info strong{width: 100%;} .testing-items{margin-bottom: .47rem;} .items-btn ul li{cursor: pointer; margin-left: .25rem; width: 1.81rem;padding: 0.12rem 0;background: linear-gradient(180deg,#f9f9f9 0%, #edecec 100%), #f6f6f6;border-radius: 0.05rem;box-shadow: -0.01rem 0rem 0.03rem 0rem rgba(255,255,255,0.61) inset, -0.04rem 0rem 0.05rem 0rem rgba(149,154,171,0.33), -0.06rem -0.01rem 0.06rem 0rem rgba(255,255,255,0.81);color: rgba(89,87,87,0.8);text-align: center; font-weight: bold;letter-spacing: 0.01rem;min-width: 150px;} .items-btn ul li.on{background: linear-gradient(180deg,#8bf5fa 0%, #5ee4ea 100%), #f6f6f6;color: #fff;} .items-bd dl{display: none;} .items-bd dl:first-child{display: block;} .characteristic{margin-bottom: 2.09rem;} .characteristic .product-title{margin-bottom: .45rem;} .product-title strong{margin-bottom: .34rem;} .product-title h4{color: rgba(69,69,69,0.8);letter-spacing: 0.01rem;} .characteristic-list ul li{width: 30%; border-radius: 0.15rem; box-shadow: 0px 3px 10px 0px rgba(120, 120, 120, 0.17); margin: 0 0.8%; position: relative;} .characteristic-list ul li .pic{border-radius: 0.15rem; height: 4.5rem; background-size: cover!important;} .characteristic-list ul li .pic img{display: block; width: 100%; border-radius: 0.15rem; display: none;} .characteristic-list ul li .info{position: absolute; bottom: 0.17rem; background: #ffffff;border-radius: 0.15rem; width: 92%; min-height: 2.76rem; margin: auto; left: 0; right: 0; padding: .4rem 4% 0; box-sizing: border-box;} .characteristic-list ul li .info strong{ color: #23d5df;letter-spacing: 0.01rem; display: block; margin-bottom: .14rem;} .characteristic-list ul li .info p{display: block; color: rgba(70,70,70,0.9);} .NGS{margin-bottom: 2.15rem;} .NGS .product-title strong { margin-bottom: .80rem;} .NGS-list ul li{ width: 15.5%;} .NGS-list ul li .pic{margin-bottom: .21rem;} .NGS-list ul li .pic img{display: block; max-width: 100%; border-radius: 0.1rem; width: 100%; } .NGS-list ul li em{display: block; color: rgba(69,69,69,0.98); text-align: center;color: rgba(69,69,69,0.8);letter-spacing: 0.01rem;} .sano-case{margin-bottom: 1.34rem;} .sano-case .product-title{margin-bottom: .9rem;} .sano-case-top{margin-bottom: .23rem;} .sano-case-top strong{color: #23d7e1;letter-spacing: 0.01rem; } .sano-case-top img{display: inline-block; width: 0.26rem; margin-right: .19rem;} .sano-case-top a{display: block; padding: 0.07rem 0.1rem;color: #fff; letter-spacing: 0.01rem; text-align: center;text-shadow: 0px 1px 3.56px rgba(19, 69, 72, 0.13);-moz-transform: matrix( 1.23992539139495,0,0,1.23992539139494,0,0);-webkit-transform: matrix( 1.23992539139495,0,0,1.23992539139494,0,0);-ms-transform: matrix( 1.23992539139495,0,0,1.23992539139494,0,0);background: rgba(74,228,237,0.7);border-radius: 0.05rem;box-shadow: 0rem 0rem 0.05rem rgba(0,0,0,0.1) inset; } .sano-case-list ul:after{content: ''; width: 30%;} .sano-case-list ul li{overflow: hidden;width: 32%;margin-bottom: .3rem;background: #f0f0f0;box-shadow: 8.668px 6.772px 14.4px 3.6px rgba(174, 174, 174, 0.66);position: relative;} .sano-case-list ul li a{transition: 0.6s; overflow: hidden; background: #fff; border: 1px solid #5a5250;padding: .15rem;box-sizing: border-box;display: block; margin: .15rem; height: calc(100% - 0.3rem);} .sano-case-list ul li .info{transition: 0.6s; transform: scale(0.99);} .sano-case-list ul li .info strong{display: block; color: #3bbec5; margin-bottom: .15rem;} .sano-case-list ul li .pic{overflow: hidden;} .sano-case-list ul li .pic img{display: block; max-width: 100%; width: 100%;} /*.sano-case-list ul li .pic img{display: block; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}*/ /*.sano-case-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}*/ .sano-case-list ul li:hover .info{transform: scale(1)} /* 关于我们 - 加入我们 */ .join-banner{background: url(../images/join-banner.jpg) no-repeat center; background-size: cover; } .join-banner .info strong{width: 100%;} .join-link{margin: 1.21rem 0 1.39rem;} .link-box ul li{width: 48%; box-shadow: 0px 0px 12.48px 3.52px rgba(79, 79, 79, 0.09);} .link-box ul li a{height: 2.7rem;} .link-box ul li strong{transition: 0.6s; display: inline-flex; padding-left: 9.2%; box-sizing: border-box; color: #35d5de;letter-spacing: 0.04rem; position: relative;} .link-box ul li strong::after{position: absolute;content: '';background: url(../images/join-icon1.png) no-repeat center;width: 0.2rem;height: 0.26rem;right: -.64rem;top: 50%;transform: translateY(-38%);background-size: contain;} .link-box ul li:hover strong{color: #e9a740; padding-left:10%} .link-box ul li:hover strong::after{background: url(../images/join-icon2.png) no-repeat center; background-size: contain;} .join-title{padding-bottom: .39rem; border-bottom: 0.02rem solid #dcdcdc; margin-bottom: .47rem;} .join-title strong{color: #35d5de;letter-spacing: 0.04rem; align-items: flex-end;} .join-title strong>img { margin-right: .38rem; display: block; width: .55rem;} .talent-bg{background: url(../images/talent-bg.jpg) no-repeat right center;background-size: cover!important; padding: .75rem 0; border-radius: 0.05rem; margin-bottom: .48rem;} .talent-bg .info{width: 55%; padding-left: 5%; box-sizing: border-box;} .talent-bg .info strong{display: block; margin-bottom: .29rem;} .talent-bg .info h3{color: rgba(50,50,50,0.8);line-height: 1.8;letter-spacing: 0.01rem;} .talent-list{margin-bottom: 1.31rem;} .talent-list ul li{width: 30%;} .talent-list ul li .pic{overflow: hidden; border-radius: 0.1rem 0.1rem 0rem 0rem ;} .talent-list ul li .pic img{display: block; max-width: 100%; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;} .talent-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;} .talent-list ul li .info{background: #f9f9f9;border-radius: 0rem 0rem 0.1rem 0.1rem; min-height: 2.6rem; padding: 0.39rem 7.5% 0; box-sizing: border-box;} .talent-list ul li .info strong{font-weight: 400; margin-bottom: .2rem; display: block;} .talent-list ul li .info p{ color: rgba(50,50,50,0.8);line-height: 1.6;} .pay .talent-bg{background: url(../images/pay-bg.jpg) no-repeat left center;} .pay-list{margin-bottom: 1.33rem;} .pay-list ul li{height: 1.8rem;background: #fafafa;border-radius: 0.05rem; width: 12%;} .pay-list ul li em{color: rgba(51,51,51,0.8);line-height: 0.4rem;letter-spacing: 0.01rem; display: block; transition: 0.6s; transform: scale(0.9); text-align: center;} .pay-list ul li:hover em{transform: scale(1);} .staff{margin-bottom: 1.66rem;} .staff .talent-bg{background: url(../images/staff-bg.jpg) no-repeat left center;} .staff-list{position: relative; overflow: hidden;} .staff-list ul li{} .staff-list ul li .pic{overflow: hidden;} .staff-list ul li .pic img{display: block; max-width: 100%; width: 100%; border-radius: 0.05rem; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;} .staff-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;} #staff-num{display: none;} #staff-prev,#staff-next{ z-index: 98;display: flex; align-items: center; background: url(../images/staff-bg2.png) no-repeat left center; background-size: cover; height: 100%; top: 0; margin-top: 0; width: 1.58rem;} #staff-prev{left: 0; justify-content: flex-start;} #staff-next{right: 0; background: url(../images/staff-bg3.png) no-repeat right center; justify-content: flex-end; background-size: cover;} #staff-prev img{margin-left: 0.11rem; width: 0.2rem;} #staff-next img{transform: rotateY(180deg); width: 0.2rem; -webkit-transform: rotateY(180deg); margin-right: 0.11rem;} /* 关于我们 - 联系我们 */ .contact-banner{background: url(../images/contact-banner.jpg) no-repeat center; background-size: cover; } .contact-banner .info strong{width: 100%;} .contact-box{height: 4.8rem;border-radius: 0.05rem; margin: 1.59rem 0 2.6rem; min-height: 420px;} .contact-box .info{width: 52%; box-sizing: border-box; padding: 0 6%; background: #fafafa;} .contact-box .info strong{color: rgba(89,87,87,0.8);letter-spacing: 0.06rem; display: block;} .contact-box .info strong.note{letter-spacing: 0.11rem;} .contact-box .info span{color: #666666;line-height: 0.35rem;letter-spacing: 0.05rem; display: block; font-family: Arial; margin: .05rem 0 .34rem;} .contact-box .info p{color: rgba(51,51,51,0.8);letter-spacing: 0.01rem; align-items: center;margin-bottom: .15rem;} .contact-box .info p>img{ margin-right: 0.18rem; width: 0.24rem;} .contact-box .info b{color: #23d7e1;line-height: 0.4rem;letter-spacing: 0.01rem;} .contact-box .pic{width: 48%; background-size: cover!important;} .contact-box .pic img{display: none; max-width: 100%; width: 100%;} /* 检测服务 - 血液系统肿瘤 */ .services-column{width: 2.84rem; min-width: 284px; background-image: -moz-linear-gradient( -90deg, rgb(255,255,255) 0%, rgb(243,242,242) 95%, rgb(230,229,229) 100%);background-image: -webkit-linear-gradient( -90deg, rgb(255,255,255) 0%, rgb(243,242,242) 95%, rgb(230,229,229) 100%);background-image: -ms-linear-gradient( -90deg, rgb(255,255,255) 0%, rgb(243,242,242) 95%, rgb(230,229,229) 100%);box-shadow: 0px 0px 14.55px 0.45px rgba(120, 120, 120, 0.32); position: fixed; top: .97rem; left: 0; padding: .27rem 0 0; box-sizing: border-box; height: 100vh; } .services-column .column-title strong{ letter-spacing: 0.02rem; display: inline-block; border-bottom: 0.01rem solid rgba(165,165,165,0.3); padding-bottom: .12rem; margin-bottom: .18rem;} .column-list3 {padding-left: 15%; max-height: calc(100vh - 150px); overflow-y: auto;} .column-list3::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#ddd #fff;} .column-list3::-webkit-scrollbar-thumb {background: #ddd; border-radius: 5px;} .column-list3::-webkit-scrollbar-track {background: #fff;} .column-list3{padding-bottom: .5rem;} .column-list3 dl {margin-bottom: .06rem;} .column-list3 dl dt{letter-spacing: 0.01rem; font-weight: bold; margin-bottom: .16rem;} .column-list3 dl dd{padding-left: 10%;} .column-list3 dl dd a{letter-spacing: 0.01rem; display: block; position: relative; padding-left: .18rem; font-weight: 700; margin-bottom: .04rem;} .column-list3 dl dd a::after{position: absolute; content: ''; width: 0.05rem;height: 0.05rem;background: rgba(50,50,50,0.8); left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; } .column-list3 dl dd a:hover,.column-list3 dl dd a.on{color: rgba(55,217,226,0.9);} .column-list3 dl dd a:hover::after,.column-list3 dl dd a.on::after{background: #23d5df;} .hemopoietic-banner{ background: url(../images/hemopoietic-banner.png) no-repeat right center; background-size: cover} .hemopoietic-banner .info strong{width: 100%;} .hemopoietic-banner .info b { display: inline-block; width: 99%;} .overview{background: url(../images/overview-bg.jpg) no-repeat center bottom; padding: .9rem 0 1.6rem; background-size: cover} .services-title{margin-bottom: .66rem;} .services-title strong{color: #35d5de;letter-spacing: 0.04rem;} .services-title img{margin-right: .24rem;} /*.overview .info{width: 90%;}*/ .overview .info h3{color: rgba(50,50,50,0.8);line-height: 1.6;letter-spacing: 0.01rem; font-weight: bold;} .services-title h2{color: rgba(50,50,50,0.8);letter-spacing: 0.01rem; font-weight: bold; margin-top: .44rem;} .pro-table .class-title{} .pro-table .class-title{height: .57rem;} .pro-table .class-title td{background: #efeeee; color: rgba(70,70,70,0.9);letter-spacing: 0.01rem; font-weight: 700; padding: 0;} .guide{margin-bottom: 1.11rem;} .guide-list{width: 100%;margin: 0 auto;} .guide-list dl {margin-bottom: .3rem;padding: 3% 2% 2%;box-sizing: border-box;background: #f7f8f8;} .guide-list dl dt{width: 23%; margin-right: 5%; color: #35d5de;line-height: 0.37rem;letter-spacing: 0.01rem; font-weight: bold; text-align: center} .guide-list dl dd{width: 72%;display: flex;justify-content: flex-start;} .guide-list dl dd p{color: rgba(70,70,70,0.9);line-height: 1.4; margin-bottom: 0.12rem; white-space: pre-wrap; max-width: 96%} .pro-table2 tr.table-title th:nth-child(1){width: 10%;} .pro-table2 tr.table-title th:nth-child(2){width: 18%;} .pro-table2 tr.table-title th:nth-child(3){width: 18%;} .pro-table2 tr.table-title th:nth-child(4){width: 18%;} .pro-table2 tr.table-title th:nth-child(5){width: 15%;} .pro-table2 tr.table-title th:nth-child(6){width: 15%;} .pro-table2 tr td:nth-child(1){width: 10%;} .pro-table2 tr td:nth-child(2){width: 18%; text-align: left} .pro-table2 tr td:nth-child(3){width: 18%; text-align: left} .pro-table2 tr td:nth-child(4){width: 18%; text-align: left} .pro-table2 tr td:nth-child(5){width: 15%; } .pro-table2 tr td:nth-child(5){width: 15%;} /* 检测服务 - 送检咨询 */ .consult-banner{ background: url(../images/consult-banner.jpg) no-repeat center; } .consult-banner .info strong{width: 100%;} .consult-btn{padding: .75rem 0 .59rem;} .consult-btn ul li{color: #9e9f9f;letter-spacing: 0.02rem; font-weight: 700; margin: 0 2.5%; cursor: pointer;} .consult-btn ul li.on{color: #23D7E1;} .consult-bg{background: #f7f7f7; padding: 0.6rem 0 0.5rem;} .consult-bd dl:first-child{display: block;} .consult-bd dl{display: none;} .consult-bd dl dt{width: 45%;} .consult-bd dl dd{width: 43.6%; text-align: center;} .consult-bd dl dd h3{ color: rgba(50,50,50,0.8);line-height: 1.8; margin-bottom: .42rem; text-align: justify; text-align-last: center;} .consult-bd dl dd .pic{width: 89%; margin: 0 auto .94rem; } .consult-bd dl dd .pic img{display: block; max-width: 100%; border-radius: 0.05rem;} .consult-bd dl dd strong{color: #f7ae3b; font-family: Arial;} .consult-bd dl dd strong>img{margin-right: .16rem; width: .25rem;} .consult-form b{margin-bottom: .15rem;display: block;} .consult-form ul{margin-bottom: .14rem;} .consult-form ul.items{margin-bottom: .15rem;} .consult-form ul.items-w{margin-bottom: .28rem;} .consult-form ul.items-w li{width: 100%;} .consult-form ul::after{content: ''; width: 30%;} .consult-form ul li{width: 30%;} .consult-form ul li .layui-form-radio{margin: 0; padding-right: 0;} .consult-form ul li .layui-form-radio>i{position: relative;display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 21px; margin-right: .1rem;} .consult-form ul li .layui-form-radio>i:before{color: rgba(50,50,50,0.8); width: 8px;height: 8px;background: #ffffff;border: 0.02rem solid #323232; border-radius: 50%;} .consult-form ul li .layui-icon-circle:before{content: '';} .consult-form ul li .layui-icon-radio:before {content: ""; background: url(../images/consult-radio.png) no-repeat center!important; width: 20px!important; height: 21px!important; border: 0!important;} .consult-form ul li .layui-form-radio>*{ font-size: var(--font20); margin-right:0;} .consult-form ul li span{font-weight: 400; margin-bottom: .05rem; display: block;} .consult-form ul li i{color: #ff0000; font-style: normal; margin-right: .08rem;} .consult-form .layui-input, .consult-form .layui-select, .consult-form .layui-textarea{height: 0.4rem;background: #ffffff;border: 0.01rem solid #323232;border-radius: 0.05rem;min-height: 40px;} .consult-form .layui-textarea{min-height: 1.11rem; line-height: .26rem;} .consult-form .privacy .layui-form-checkbox[lay-skin=primary]>div{font-size: var(--font17); color: rgba(51,51,51,0.8);} .consult-form .privacy.layui-form-item{margin-bottom: .25rem;} .consult-form .privacy.layui-form-item .layui-form-checkbox[lay-skin=primary] { margin-top: 0;} .consult-form .privacy a{font-size: var(--font17); color: #23d7e1;} .consult-form .privacy .layui-form-checkbox[lay-skin=primary]>div{padding-right: 0; margin-left: .13rem; margin-top: 0; } .consult-form .layui-btn{ font-size: var(--font20); background: #23d7e1;border-radius: 0.05rem;color: #fff;font-weight: 700;padding: 0.11rem 0.72rem;margin: 0 auto;display: block;line-height: normal;height: auto;} .consult-form .layui-btn:hover{background: #f7ae3b;} .consult-form .privacy .layui-form-checkbox[lay-skin=primary]>i{width: 23px;height: 23px;border: 0.01rem solid #d2d2d2;border-radius: 0.05rem; background: transparent;} .consult-form .privacy .layui-form-checked .layui-icon-ok:before{ content: ''; background: url(../images/consult-checkbox.png) no-repeat center!important; width: 100%!important; height: 100%!important; display: block; } .consult-form .privacy .layui-form-checked[lay-skin=primary]>i{border-color:#d2d2d2!important ;} .consult-form2 ul.items{margin-bottom: .8rem;} .consult-form2 ul.items2{margin-bottom: 0.6rem;} .inspection{padding: 1.07rem 0 0;} .inspection-title{margin-bottom: .87rem;} .inspection-title strong{color: #23d5df;} .notice-title h2{ font-weight: bold; letter-spacing: 0.02rem; margin-bottom: .42rem;} .notice-title img{width: .26rem; margin-right: .21rem;} .process{margin-bottom: 1.45rem;} .process-list ul li{ padding: 0.46rem 0;background: #f5f5f5;border-radius: 0.1rem; width: 31.9%; margin-bottom: .32rem;} .process-list dt{width: 38%;} .process-list dt em{display: block; letter-spacing: 0.01rem; color: #23d7e1; font-weight: bold;} .process-list dd{width: 62%;} .process-list dd p{line-height: 1.8;} .cycle-top{margin-bottom: .4rem;} .cycle-top .notice-title h2{margin-bottom: 0;} .cycle-btn ul li{width: 1.81rem;border-radius: 0.05rem;background-image: -moz-linear-gradient( -90deg, rgb(249,249,249) 0%, rgb(237,236,236) 100%);background-image: -webkit-linear-gradient( -90deg, rgb(249,249,249) 0%, rgb(237,236,236) 100%);background-image: -ms-linear-gradient( -90deg, rgb(249,249,249) 0%, rgb(237,236,236) 100%);box-shadow: 0px 4px 4.7px 0.3px rgba(150, 155, 171, 0.33),-5.89px -1.145px 5.7px 0.3px rgba(255, 255, 255, 0.81),inset 0px 1px 2.61px 0.39px rgba(255, 255, 255, 0.61);color: rgba(89,87,87,0.8);letter-spacing: 0.01rem;text-align: center;font-weight: bold;margin-left: .25rem;cursor: pointer;min-width: 181px;padding: 0.12rem 0;} .cycle-btn ul li.on{background: linear-gradient(180deg,#8bf5fa 0%, #5ee4ea 100%), #f6f6f6; color: #fff; text-shadow: 0px 2px 2.97px rgba(187, 194, 201, 0.81); } .cycle-bd dl:first-child{display: block;} .cycle-bd dl{display: none;} .cycle-table tr.table-title th:nth-child(1) { width: 14%;} .cycle-table tr.table-title th:nth-child(2) { width: 14%; text-align: left} .cycle-table tr.table-title th:nth-child(3) { width: 20%;} .cycle-table tr.table-title th:nth-child(4) { width: 16%;} .cycle-table tr.table-title th:nth-child(5) { width: 25%;} .cycle-table tr.table-title th:nth-child(6) { width: 14%;} .cycle-table tr td:nth-child(1){ width: 14%; } .cycle-table tr td:nth-child(2){ width: 14%; } .cycle-table tr td:nth-child(3){ width: 20%; } .cycle-table tr td:nth-child(4){ width: 16%;} .cycle-table tr td:nth-child(5){ width: 25%;} .cycle-table tr td:nth-child(6){ width: 14%;} .cycle-table tr td p{text-align: center; margin-bottom: .31rem;} .cycle-table2 tr.table-title th:nth-child(1) { width: 6%;} .cycle-table2 tr.table-title th:nth-child(2) { width: 16%; text-align: left} .cycle-table2 tr.table-title th:nth-child(3) { width: 12%; text-align: left} .cycle-table2 tr.table-title th:nth-child(4) { width: 27%;} .cycle-table2 tr.table-title th:nth-child(5) { width: 15%;} .cycle-table2 tr.table-title th:nth-child(6) { width: 12%;} .cycle-table2 tr.table-title th:nth-child(7) { width: 12%;} .cycle-table2 tr td:nth-child(1){ width: 6%; } .cycle-table2 tr td:nth-child(2){ width: 16%; } .cycle-table2 tr td:nth-child(3){ width: 12%; } .cycle-table2 tr td:nth-child(4){ width: 27%;} .cycle-table2 tr td:nth-child(5){ width: 15%;} .cycle-table2 tr td:nth-child(6){ width: 12%;} .cycle-table2 tr td:nth-child(7){ width: 12%;} .cycle-table2 tr td p{text-align: center; margin-bottom: .31rem;} .problem-list ul li{position: relative; width: 43.68%; height: 6.73rem; min-height: 500px; background: #ffffff;border-radius: 0.05rem; box-shadow:4px 2px 7px 2px rgba(0, 0, 0, 0.19); margin-bottom: 1.3rem;} .problem-list ul li .pic{height: 100%; text-align: center; background-size: 100%!important;} .problem-list ul li.num1 .pic{background: url(../images/problem-bg1.png) no-repeat center bottom -50%; } .problem-list ul li.num2 .pic{background: url(../images/problem-bg2.png) no-repeat center bottom -73%; } .problem-list ul li.num3 .pic{background: url(../images/problem-bg3.png) no-repeat center bottom -50%; } .problem-list ul li.num4 .pic{background: url(../images/problem-bg4.png) no-repeat center bottom -50%; } .problem-list ul li .pic h2{ display: inline-block; line-height: 1.8; text-align: center; border-bottom: 3px solid #d0d0d0; font-weight: 550; margin-top: 1rem; color: rgba(35,215,225,0.7); letter-spacing: 0.07rem} .problem-list ul li .info {position: absolute;content: '';width: 100%;height: 100%;top: 0;z-index: 1;opacity: 0;transition: 0.6s;background: #fff;box-sizing: border-box;padding-left: 2.5%;/* overflow-y: scroll; */padding-top: .58rem;} .problem-list ul li:active .info {opacity: 1;} @media (any-hover: hover) { .problem-list ul li:hover .info {opacity: 1;} } .problem-list ul li.visible .info {opacity: 1;} .problem-list ul li .text{height: 100%; overflow-y: scroll;} .problem-list ul li .box { width: 95.3%;} .problem-list dl{align-items: flex-start; margin-bottom: .45rem;} .problem-list dl dt{ align-items: flex-start; cursor: pointer;} .problem-list dl dt strong{color: rgba(32,31,31,0.8); width: 92%;} .problem-list dl dt img{margin-top: .1rem; opacity: 0.8} .problem-list dl dd{background: rgba(247,248,248,0.8); padding: .28rem 3%; display: none; margin-top: .26rem;} .problem-list dl dd p{color: #5f5f5f; line-height: 1.6; display: block; } .problem-list dl.on dt img{transform: rotate(90deg);} .problem-list dl.on dd{display: block;} .problem-list ul li .text::-webkit-scrollbar{ width: .13rem; height:.13rem;} /*定义滚动条轨道 内阴影+圆角*/ .problem-list ul li .text::-webkit-scrollbar-track{ background-color: #f4f4f4;} /*定义滑块 内阴影+圆角*/ .problem-list ul li .text::-webkit-scrollbar-thumb{ background-color: rgba(204, 204, 204, 0.75); } /* 检测服务 - 报告解读 */ .pathology-banner{ background: url(../images/pathology-banner.jpg) no-repeat center; } .pathology{margin: 1.07rem 0 1.43rem;} .test-top{padding-bottom: .43rem; border-bottom: 0.02rem solid #DCDCDC; margin-bottom: .82rem;} .test-title h2{letter-spacing: 0.04rem; color: #35d5de; font-weight: 700;} .test-btn ul li{width: 1.81rem;border-radius: 0.05rem;background-image: -moz-linear-gradient( -90deg, rgb(249,249,249) 0%, rgb(237,236,236) 100%);background-image: -webkit-linear-gradient( -90deg, rgb(249,249,249) 0%, rgb(237,236,236) 100%);background-image: -ms-linear-gradient( -90deg, rgb(249,249,249) 0%, rgb(237,236,236) 100%);box-shadow: 0px 4px 4.7px 0.3px rgba(150, 155, 171, 0.33),-5.89px -1.145px 5.7px 0.3px rgba(255, 255, 255, 0.81),inset 0px 1px 2.61px 0.39px rgba(255, 255, 255, 0.61);color: rgba(89,87,87,0.8);letter-spacing: 0.01rem;text-align: center;font-weight: bold;margin-left: .25rem;cursor: pointer;min-width: 181px;padding: 0.12rem 0;} .test-btn ul li.on{background: linear-gradient(180deg,#8bf5fa 0%, #5ee4ea 100%), #f6f6f6; color: #fff; text-shadow: 0px 2px 2.97px rgba(187, 194, 201, 0.81); } .pathology-bd dl:first-child{display: block;} .pathology-bd dl{display: none;} .pathology-box .pic{width: 32.4%;} .pathology-box .pic img{display: block; width: 100%; border-radius: 0.05rem;} .pathology-box .info{width: 63%;} .pathology-box .info strong{color: #23d4de; font-weight: bold; margin-bottom: .55rem; display: block;} .pathology-box .info p{line-height: 1.8;} .ny-contact{margin: 1.67rem 0 1.6rem;} .contacts-box{align-items: flex-end;} .contacts-box .info{width: 52.8%;} .contacts-box .info strong{color: #23d4de;letter-spacing: 0.02rem; margin-bottom: .54rem; display: block;} .contacts-box .info h2{line-height: 2.5; font-weight: bold; margin-bottom: .84rem;} .contacts-box .info b{background: rgba(35,212,222,0.8); border-radius: 0.05rem; letter-spacing: 0.02rem; color: #ffffff; width: 100%; display: block;padding: 0.22rem 0; text-align: center;} .contacts-box .pic{width: 29.2%;} .contacts-box .pic img{display: block; width: 100%; border-radius: 0.05rem;} .international-banner{ background: url(../images/international-banner.jpg) no-repeat center; } /* 检测服务 - 案例介绍 */ .case{margin: .8rem 0 1rem;} .case-banner{background: url(../images/case-banner.jpg) no-repeat center; } .case-title{margin-bottom: .28rem;} .case-title h2{letter-spacing: 0.01rem; color: #23d7e1; font-weight: 700;} .case-title img{margin-right: 0.17rem; width: 0.26rem;} .case-bd dl:first-child{display: block;} .case-bd dl{display: none;} .latest{margin-bottom: 1.6rem;} .latest-box .swiper .swiper-wrapper{background: #f3f3f3;} .latest-box .swiper .swiper-wrapper .swiper-slide{padding: 0.58rem 5%; box-sizing: border-box} .latest-box .swiper ul li{border-bottom: 0.02rem solid #DCDCDC; width: 100%; padding: .19rem 0;} .latest-box .swiper ul li strong{letter-spacing: 0.01rem; } .latest-box .swiper ul li span{color: #747474;} .latest-box .swiper ul li:hover strong{color: #35d5de;} .latest-bd dl:first-child{display: block;} .latest-bd dl{display: none;} /* 分页公用 css */ .pagtionbox {text-align: center;margin-top: 0.5rem;display: flex; align-items: center;justify-content: center;} .pagtionbox .prograprev {margin-right: .4rem;} .pagtionbox .progranext {margin-left: .4rem;} .pagtionbox .prograprev , .pagtionbox .progranext {cursor: pointer; display: inline-flex;align-items: center;justify-content: center;color: rgba(89,87,87,0.8);transition: .4s; font-weight: 700;} .pagtionbox .prograpag {display: inline-block;vertical-align: top;position: static; width: auto;} .pagtionbox .prograpag span {line-height: 1; width: auto; height: auto;opacity: 1; border-radius: 0; color: rgba(89,87,87,0.8);background: none; font-weight: 700; transition: .4s;margin: 0 5px !important; padding: 5px 8px; } .pagtionbox .prograpag .swiper-pagination-bullet-active {background: #23D7E1;color: #fff;} .pagtionbox .prograpag span:hover {background: #23D7E1;color: #fff;} .pagtionbox .pagbox .prograprev.swiper-button-disabled,.planTenSwiper .pagbox .progranext.swiper-button-disabled {opacity: .3; cursor: auto;pointer-events: none;} .pagtionbox .prograprev:hover , .pagtionbox .progranext:hover {color: #23D7E1;} /* 分页公用 css end */ .main{width: calc(100% - 2.84rem);max-width: calc(100% - 284px);} .pacanerTwo .list li:last-child .dlBox{grid-template-columns: repeat(3, 1fr);} .team-bd dl:nth-child(2) .team-list{width: 85%; margin:0 auto} .team-bd dl:nth-child(2) .team-list ul li{width: 30%; margin-bottom: .35rem} .team-bd dl:nth-child(2) .team-list ul li .pic{text-align: center} .privacy-editor{margin: 0.5rem 0} .column .column-list dl dd:after{content: ''; min-width: 126px;} /* 骨髓涂片项目明细 */ .marrowDate .box {display: flex;justify-content: space-between; align-items: center;} .marrowDate dd {margin-bottom: .3rem; display: flex; align-items: flex-start; } .marrowDate dd .tit {margin-top: 0.03rem; color: #23d7e1; font-size: var(--font20); font-weight: 700; display: inline-block; flex-shrink: 0; min-width: 130px;} .marrowDate dd .text {display: inline-block; font-weight: 700; font-size: var(--font20);} .marrowDate dd .text p {color: rgba(89,87,87,0.9); white-space: pre-wrap; line-height: 1.8;} .marrowDate .le {max-width: 60%;} .marrowDate .re {width: 26%; margin-right: 10%; text-align: center;} .marrowDate .re .imgBox img {max-width: 100%;} .marrowDate .re .disc {font-size: var(--font20); margin-top: .2rem;} .marrowDate .re .disc p {color: rgba(69,69,69,0.8);} .marrowDate .box2 .le {width: 100%; max-width: 100%;} /* 2025.2.14检测服务-送检咨询 表格增加框架 */ .mail{background: #60dfe7; padding: .1rem 0;} .cycle{margin-bottom: 1.5rem;} .cycle-table{margin-bottom: 0;} .mail strong,.mail b,.mail p{text-shadow: 0 0 5px rgba(85,85,85,0.30); letter-spacing: 1.3px; text-align: center;} .mail strong{padding-left: .43rem;} .mail .text{flex: 1;} .cycle-table tr td span{display: block;} .guide-list dl dd ul li{LIST-STYLE-TYPE: inherit!important;} .guide-list dl dd ul li::marker{color: #60dfe7;} .guide-list dl dd ol li {LIST-STYLE-TYPE: inherit!important;} .guide-list dl dd ol li::marker{color: #60dfe7;} .pro-tables1 tr.table-title th:nth-child(1){width: 10%;} .pro-tables1 tr.table-title th:nth-child(2){width: 20%;} .pro-tables1 tr.table-title th:nth-child(3){width: 16%;} .pro-tables1 tr.table-title th:nth-child(4){width: 29%;} .pro-tables1 tr.table-title th:nth-child(5){width: 10%;} .pro-tables1 tr.table-title th:nth-child(6){width: 15%;} .pro-tables1 tr td:nth-child(1){width: 10%;} .pro-tables1 tr td:nth-child(2){width: 20%; text-align: left} .pro-tables1 tr td:nth-child(3){width: 16%; text-align: left} .pro-tables1 tr td:nth-child(4){width: 29%;text-align: left} .pro-tables1 tr td:nth-child(5){width: 10%;} .pro-tables1 tr td:nth-child(6){width: 15%;} /* 详情页菱形样式 */ .guide-list p ul {display: inline-block;} .guide-list dl dd p ul li { LIST-STYLE-TYPE: square !important;} .marrowDate dd .text p .cor {color: #23d7e1; display: inline; margin-right: 5px;} /*校园招聘编辑器*/ .join-editor{padding: 0.5rem 0; } .cycle-table tr td .note1{margin: 0.2rem 0 0.1rem;} .cycle-table tr td .note2{margin: 0.15rem 0 0.16rem;} /*图片不可拖转*/ img { -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none; } /*技术平台产品列表页表格*/ .pro-platform tr.table-title th{text-align: left; padding-right: 1%} .pro-platform tr.table-title th:nth-child(1){width: 9%; text-align: center;padding-right: 0;} .pro-platform tr.table-title th:nth-child(2){width: 22%;} .pro-platform tr.table-title th:nth-child(3){width: 25%;} .pro-platform tr.table-title th:nth-child(4){width: 25%;} .pro-platform tr.table-title th:nth-child(5){width: 14%; text-align: center;padding-right: 0; } .pro-platform tr td{padding-right: 1%} .pro-platform tr td:nth-child(1){width: 9%; padding-right: 0} .pro-platform tr td:nth-child(2){width: 22%; text-align: left} .pro-platform tr td:nth-child(3){width: 25%; text-align: left} .pro-platform tr td:nth-child(4){width: 25%; text-align: left} .pro-platform tr td:nth-child(5){width: 14%; padding-right: 0} .pro-platform2 tr.table-title th{text-align: left; padding-right: 1%} .pro-platform2 tr.table-title th:nth-child(1){width: 9%; text-align: center;padding-right: 0;} .pro-platform2 tr.table-title th:nth-child(2){width: 28%;} .pro-platform2 tr.table-title th:nth-child(3){width: 25%;} .pro-platform2 tr.table-title th:nth-child(4){width: 25%;} .pro-platform2 tr.table-title th:nth-child(5){width: 15%; text-align: center;padding-right: 0;} .pro-platform2 tr td{padding-right: 1%} .pro-platform2 tr td:nth-child(1){width: 9%; padding-right: 0} .pro-platform2 tr td:nth-child(2){width: 28%; text-align: left} .pro-platform2 tr td:nth-child(3){width: 25%; text-align: left} .pro-platform2 tr td:nth-child(4){width: 25%; text-align: left} .pro-platform2 tr td:nth-child(5){width: 15%; padding-right: 0} .pro-fzplatform tr.table-title th{text-align: left; padding-right: 1%} .pro-fzplatform tr.table-title th:nth-child(1){width: 8%; text-align: center;padding-right: 0;} .pro-fzplatform tr.table-title th:nth-child(2){width: 23%;} .pro-fzplatform tr.table-title th:nth-child(3){width: 27%;} .pro-fzplatform tr.table-title th:nth-child(4){width: 27%;} .pro-fzplatform tr.table-title th:nth-child(5){width: 15%; text-align: center;padding-right: 0;} .pro-fzplatform tr td{padding-right: 1%} .pro-fzplatform tr td:nth-child(1){width: 8%; padding-right: 0} .pro-fzplatform tr td:nth-child(2){width: 23%; text-align: left} .pro-fzplatform tr td:nth-child(3){width: 27%; text-align: left} .pro-fzplatform tr td:nth-child(4){width: 27%; text-align: left} .pro-fzplatform tr td:nth-child(5){width: 15%; padding-right: 0} .cancer-table tr.table-title th{text-align: left; padding-right: 1%} .cancer-table tr.table-title th:nth-child(1){width: 8%; text-align: center;padding-right: 0;} .cancer-table tr.table-title th:nth-child(2){width: 18%;} .cancer-table tr.table-title th:nth-child(3){width: 10%;} .cancer-table tr.table-title th:nth-child(4){width: 25%;} .cancer-table tr.table-title th:nth-child(5){width: 20%;} .cancer-table tr.table-title th:nth-child(6){width: 15%; text-align: center;padding-right: 0;} .cancer-table tr td{padding-right: 1%} .cancer-table tr td:nth-child(1){width: 8%; padding-right: 0} .cancer-table tr td:nth-child(2){width: 18%; text-align: left} .cancer-table tr td:nth-child(3){width: 10%; text-align: left} .cancer-table tr td:nth-child(4){width: 25%; text-align: left} .cancer-table tr td:nth-child(5){width: 20%; text-align: left} .cancer-table tr td:nth-child(6){width: 15%; padding-right: 0} .procancer-table tr.table-title th{text-align: left; padding-right: 1%} .procancer-table tr.table-title th:nth-child(1){width: 8%; text-align: center;padding-right: 0;} .procancer-table tr.table-title th:nth-child(2){width: 18%;} .procancer-table tr.table-title th:nth-child(3){width: 15%;} .procancer-table tr.table-title th:nth-child(4){width: 29%;} .procancer-table tr.table-title th:nth-child(5){width:8%;} .procancer-table tr.table-title th:nth-child(6){width: 15%; text-align: center;padding-right: 0;} .procancer-table tr td{padding-right: 1%} .procancer-table tr td:nth-child(1){width: 8%; padding-right: 0} .procancer-table tr td:nth-child(2){width: 18%; text-align: left} .procancer-table tr td:nth-child(3){width: 15%; text-align: left} .procancer-table tr td:nth-child(4){width: 29%; text-align: left} .procancer-table tr td:nth-child(5){width: 8%; text-align: left} .procancer-table tr td:nth-child(6){width: 15%; padding-right: 0} /* 2025.2.20专家团队弹窗 */ .laypage .layui-layer-title {height: auto; line-height: initial; padding: 0.2rem 0.3rem;} .laypage .layui-layer-title h3 {font-weight: 700; color: rgba(51,51,51,0.8)} .laypage .layui-layer-title .time {margin-top: .1rem;} .laypage .layui-layer-title .time span {color: #666;display: inline-block;margin-right: .3rem;} .layui-layer-page { width: 36%; padding: 0.2rem 0;} .layui-layer-page .layui-layer-content {padding: .3rem;} @media (max-width: 767px) { .layui-layer-page {min-width: 96%;} } .layui-layer { box-shadow: 1px 1px 5px rgba(0, 0, 0, .2); } .layui-layer-shade{background: none!important; backdrop-filter: blur(20px);} .wap-pro-right{display: none} .wap-pathology{display: none} .micm-list ul li .info em{font-weight: bold; margin-right: 0.05rem; color: #23d5df; } .micm-list ul li .info i{font-style: initial} /* 2025/3/5 新增加修改 */ .header, .header-zw, .head-box {min-height: 60px;} /* 手机端搜索功能 */ .moblenav {display: flex; align-items: center;} /* 搜索下拉 */ .header-sec3 {position: absolute;top: -100%; left: 0; z-index: 2; width: 100%; height: calc(100% + 1px); background-color: #fff;-webkit-transition: all 0.3s linear; transition: all 0.3s linear; z-index: 11;} .header-sec3::after {content: ''; position: fixed;width: 100%; height: 100%; left: 0; top: 0; z-index: -1; background: rgba(232, 232, 237, .1); -webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px); visibility: hidden; opacity: 0; transition: .5s;} .header-sec3.active {top: 0;} .header-sec3.active:after {visibility: visible; opacity: 1;} .header-sec3 .w1400 {height: 100%; position: relative; z-index: 11; background: #fff; width: auto; padding: 0 2.5%; box-sizing: border-box;} .header-sec3 .cont { height: 100%; display: flex; align-items: center; justify-content: space-between; max-width: 500px; margin: 0 auto;} .header-sec3 .cont .form { display: flex; align-items: center; width: calc(100% - 36px); border-radius: 30px; border: 2px solid #333; padding: 0 20px; overflow: hidden;} .header-sec3 .cont .form .f_sub {outline: none;width: 20px;border: none;background: transparent;overflow: hidden; height: 30px; cursor: pointer;} .header-sec3 .cont .form .f_sub img {max-width: 100%;} .header-sec3 .cont .form .int { outline: none;width: 80%;width: calc(100% - 20px);padding: 10px 0;font-size: 16px;border: none;background-color: transparent;color: rgba(51,51,51,0.8); padding-right: 22px;} .header-sec3 .cont .f_close { overflow: hidden; width: 15px; display: flex;align-items: center;} .header-sec3 .cont .f_close img {width: 100%;} /* 回到顶部按钮 */ .layui-fixbar {display: none;} .layui-fixbar li {width: 40px; height: 40px; line-height: 40px;} .layui-fixbar .layui-fixbar-top {font-size: 30px;background-color: rgba(36, 221, 230,.8) !important;} @media screen and (min-width: 200px) and (max-width: 767px) { .layui-fixbar {display: block;} } /* 技术平台 */ body.active {overflow-y: hidden;} body.visible {overflow: hidden;} .servicesCol.visible {width: 100%; height: 100%;background: rgba(232, 232, 237, .1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); overflow: hidden;} .servicesCol .open {align-items: center; position: fixed;right: auto; left: 0; top: 50%; transform: translateY(-50%);z-index:9; display: none;} .servicesCol .open span {color: #f7ae3b; font-weight: 700; font-size: var(--font30); margin-left: .2rem; display: block; width: 0; height: 0;} .servicesCol .open .jt {width: .5rem;height: .5rem; min-height: 25px; min-width: 25px; border-radius: 50%; background: #f7ae3b; order: -1; display: flex; align-items: center; justify-content: center; transform: rotate(180deg); transition: .5s; cursor: pointer;} .servicesCol .open .jt i {color: #fff;} .servicesCol .open span {opacity: 0;transition: opacity 0.5s ease;visibility: hidden;} .servicesCol.visible .open span {opacity: 1; visibility: visible;width: auto;height: auto;} .servicesCol .services-column.active {left: 0;} .servicesCol .column.active {left: 0;} .servicesCol .open.active .jt {transform: rotate(0);} /* 2025/3/5 新增加修改 */ /* 技术平台的展开功能 */ @media screen and (min-width: 200px) and (max-width: 1200px) { .servicesCol {position: fixed;z-index: 2; left: 0; top: 0;} .servicesCol .services-column {position: fixed; height: 100%; width: 30%; max-height: calc(100% - 50px); top: auto; bottom: 0;padding: .5rem 0; left: -100%; transition: .5s; min-width: auto;} .servicesCol .column {position: fixed; height: 100%; width: 100%; max-height: calc(100% - 50px); top: auto; bottom: 0;padding: .5rem 0; left: -100%; transition: .5s;} .servicesCol .open {display: inline-flex;} } .platform-bd dl.on {display: block; animation: fadeInUp 1s forwards;} /* 2025/3/6 新增加修改 */ .column .column-list dl dd a{margin: 0 4.5% 0.22rem;border-radius: 12px;background: #fff;text-align: center;box-shadow: 0px 3px 4.7px 0.3px rgba(150, 155, 171, 0.81),-3.927px -0.763px 2.88px 0.12px rgba(255, 255, 255, 0.81),inset 0px 1px 4px 0px rgba(255, 255, 255, 0.61);line-height: 1.6;color: rgba(50,50,50,0.8);font-weight: bold;padding: 0;min-width: 116px;} .column .column-list dl dd:after {content: '';min-width: 144px;} /*2025.3.10我要送检*/ .wap-consult {display: flex;flex-direction: column-reverse;} .consult-bd dl dd .pic {width: 100%;margin: 0.5rem auto 0; display: flex; justify-content: flex-end; display: none} .consult-bg{position: relative} .consult-bg2 img {width: 44%;margin: 0.5rem auto 0;position: absolute;right: -10%;bottom: 0; opacity: 0.8; z-index: 1} .consult-bd dl dd{width: 43.6%;text-align: center;margin-top: -2rem;} .consult-bd dl dd h3 {text-align-last: left; margin-bottom: 0.7rem; line-height: 2} .consult-bd dl dd strong{position: relative;z-index: 2;} .overview {padding: 0.9rem 0;} .overview2{ padding: 0.9rem 0 0.2rem;} .ny-contact{position: relative} .ny-contact2 {width: 44%;position: absolute;right: -10%;bottom: 0; opacity: 0.8; z-index: 1} .ny-contact2 img{display: block; max-width: 100%} .otherYear .othreBox.on { left: auto; position: sticky; display: flex; top: 20%; justify-content: flex-end; margin-right: 2%; } .otherYear .othreBox.on .dian{display: none} #team,#quality{position: relative; top: -2rem} .sano .w1680 {width: 82.32%;} .sano-list ul li { width: 27%; } .detection-list ul li:last-child .info { padding: 0.68rem 2.5%; } /*2025.3.18*/ .about-box .pic img{opacity: 0.9;} .bottom-left{display: flex;align-items: flex-start;justify-content: center;flex-direction: column;} /* 2025/3/6 新增加修改 */ .about-column .column-list dl dd div{margin: 0 4.5% 0.22rem;border-radius: 12px;background: #fff;text-align: center;box-shadow: 0px 3px 4.7px 0.3px rgba(150, 155, 171, 0.81),-3.927px -0.763px 2.88px 0.12px rgba(255, 255, 255, 0.81),inset 0px 1px 4px 0px rgba(255, 255, 255, 0.61);line-height: 1.6;color: rgba(50,50,50,0.8);font-weight: bold;padding: 0;min-width: 116px;} .about-column .column-list dl dd div a{display: block; border-radius: 12px; margin: auto} .about-column .column-list dl dd:after {content: '';min-width: 144px;} .about-column .column-list dl dd div:hover a, .about-column .column-list dl dd div.active a {background: rgba(230, 248, 252, 0.6);} /*2025.4.16 新增加修改*/ #c-code-pop .c-img-box span{color: #777676; margin-top: 0.1rem; display: block; font-size: var(--font14)} .contact-box .info p a{color: rgba(51, 51, 51, 0.8);} .contact-box .info b a{color: #23d7e1} .bottom-box b a{color: #23d7e1} .contact-btn a{background: #23d4de;color: #fff;display: inline-flex;position: fixed;top: 50%;transform: translateY(-50%);right: 0;z-index: 2;width: 0.9rem;height: 0.9rem;justify-content: center;min-width: 90px;min-height: 90px;} .contact-btn img{max-width: 0.24rem;margin-bottom: .15rem;} /*2025.6.26*/ .academic { padding: .6rem .4rem; margin-bottom: .6rem; border-radius: 10px;background-color: rgb(255, 255, 255);box-shadow: 0px 13px 18px 0px rgba(97, 100, 103, 0.13),inset 0px 3px 7px 0px rgba(0, 0, 0, 0.06); } .academic p {line-height: 2;text-align: justify;} /*2025.6.27*/ .bottom-box{align-items: flex-start} .bottom-box .info strong>b{display: block; font-size: var(--font16)!important; color: #777676; font-weight: normal; letter-spacing: 0; margin-top: 0.05rem; font-family: Arial} .bottom-box .info p:first-child { margin-bottom: .2rem; } .bottom-box .info p>img{ margin-top: .04rem;} /* 2026.7.9 banner轮播 - 今日案例 */ .banner{overflow: hidden;} .banner .bannerSwiper{position: relative; overflow: hidden;} .banner .slide-inner{position: relative;} .banner .banner-pag-box{position: absolute; right: 5.73%; top: 50%; transform: translateY(-50%); z-index: 5;} .banner #banner-num{position: static;width: auto;display: flex;flex-direction: column;align-items: flex-end;gap: 0.17rem;} .banner #banner-num .banner-pag-item{display: flex;align-items: center;width: auto;height: auto;background: transparent;opacity: 1;margin: 0 !important;border-radius: 0;cursor: pointer;} .banner #banner-num .banner-pag-txt{font-size: .16rem;color: #fff;opacity: 0;margin-right: .12rem;} .banner #banner-num .banner-pag-line{display: block;width: .26rem;height: 1px;background: rgba(255,255,255,0.3);transition: all 0.4s;} .banner #banner-num .swiper-pagination-bullet-active .banner-pag-txt{opacity: 1;visibility: visible;} .banner #banner-num .swiper-pagination-bullet-active .banner-pag-line{width: 0.56rem;background: #fff;} .banner .banner-case-info{max-width: 58%;margin: 0 auto;color: #FFF;text-align: center;display: flex;flex-direction: column;align-items: center;} .banner .banner-case-info h2{margin-bottom: 0.1rem;} .banner .banner-case-info span{text-align: right; display: block; } .banner .banner-case-info p{color: #FFF; margin-top: 0.49rem;} .banner .banner-case-btns{display: flex; align-items: center; justify-content: center; gap: 0.24rem; margin-top: .68rem;} .banner .banner-case-btns a{position: relative;font-weight: bold;color: #FFFFFF;padding: .21rem .56rem;display: block;isolation: isolate;transition: color .45s cubic-bezier(0.4, 0, 0.2, 1);} .banner .banner-case-btns a::before{content: "";position: absolute;inset: 0;padding: 1px;background: linear-gradient(164deg, #2AD2D7, #7fcdb3);border-radius: inherit;-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;z-index: -2;transition: opacity .45s cubic-bezier(0.4, 0, 0.2, 1);} .banner .banner-case-btns a::after{content: "";position: absolute;inset: 1px;background: linear-gradient(164deg, #2AD2D7, #7fcdb3);opacity: 0;pointer-events: none;z-index: -1;transition: opacity .45s cubic-bezier(0.4, 0, 0.2, 1);} @media (any-hover: hover) { .banner .banner-case-btns a:hover::after{opacity: 1;} } /* banner左侧悬浮栏 */ .banner .banner-side-bar{position: absolute;left: .68%;top: 50%;transform: translateY(-50%);z-index: 6;display: flex;flex-direction: column;align-items: center;} .banner .banner-side-icons li{position: relative;margin-bottom: .1rem;} .banner .banner-side-icons .side-icon-btn{display: flex;align-items: center;justify-content: center;width: .42rem;height: .42rem; padding: .1rem; background: rgba(0, 20, 21, .3);transition: background .35s ease;border-radius: 50%;} .banner .banner-side-icons .side-icon-btn img{display: block; max-width: 100%;} @media (any-hover: hover) { .banner .banner-side-icons .side-icon-btn:hover{background: rgba(35,212,222,1);} } .banner .banner-side-icons .side-pop{position: absolute; left: calc(100% + .14rem); top: 50%; transform: translateY(-50%) translateX(.08rem); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .35s ease, visibility .35s ease, transform .35s ease; z-index: 2;} .banner .banner-side-icons li:hover .side-pop{opacity: 1; visibility: visible; transform: translateY(-50%) translateX(0);} .banner .banner-side-icons .side-pop-qr{padding: .08rem; background: #fff; box-shadow: 0 .06rem .2rem rgba(0,0,0,0.18);} .banner .banner-side-icons .side-pop-qr img{display: block; width: 1.2rem; height: 1.2rem; object-fit: cover;} .banner .banner-side-icons .side-pop-txt{padding: .12rem .18rem; background: #23d4de; color: #fff; font-size: .16rem; line-height: 1.4; white-space: nowrap; letter-spacing: .01rem;} .banner .banner-side-submit{writing-mode: vertical-rl;background: #058F97;color: #fff;font-size: .16rem;padding: .12rem .1rem;transition: background .35s ease;border-radius: 21px;} @media (any-hover: hover) { .banner .banner-side-submit:hover{background: #23d4de} } .banner .swiper-slide{overflow: hidden;} .banner .banner-video-box{position: relative; overflow: hidden;} .banner .banner-video-box .banner-video-size{display: block; width: 100%; visibility: hidden;} .banner .banner-video-box .banner-bg-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}