@charset "utf-8";.serviceshowpic{text-align:center;color:#888888;font-size:14px;line-height:23px}
.serviceshowpic img{margin:auto auto 10px auto;max-width:100%;display:block}
.ulist{margin-left:20px;padding-left:0;margin-bottom:10px}
.ulist li{list-style:disc !important;color:#000000}
.secondpageshape1:before{content:"";position:absolute;bottom:-200px;-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg);background:-moz-linear-gradient(top,rgba(243,252,232,1),rgba(217,243,233,1));background:-webkit-gradient(linear,0 0,0 bottom,from(rgba(243,252,232,1)),to(rgba(217,243,233,1)));background:-o-linear-gradient(top,rgba(243,252,232,1),rgba(217,243,233,1));background:-ms-linear-gradient(top,rgba(243,252,232,1),rgba(217,243,233,1));left:-150%;right:-150%;top:0}
.secondpageshape1{position:relative;z-index:50;width:100%;top:-65px;padding-bottom:70px;padding-top:30px}
.serviceshowshape .bgpic{-webkit-transform:rotate(-8deg);-moz-transform:rotate(-8deg);-o-transform:rotate(-8deg);-ms-transform:rotate(4deg);transform:rotate(-8deg);left:-20%;top:20%}
.serviceshowshape .bgpic img{position:relative;box-shadow:5px 8px 5px #aaaaaa;-webkit-box-shadow:5px 8px 5px #aaaaaa;-moz-box-shadow:5px 8px 5px #aaaaaa;-o-box-shadow:5px 8px 5px #aaaaaa;border:4px solid #f2f2f2;left:-10%;max-width:100%;display:block}
.Indexes{font-size:1.2em;display:inline-block;margin-bottom:10px;line-height:1.7em}
.tableshowcontent{width:1140px}
.tableshowcontent td{padding:5px}
.tabshow td{position:relative;cursor:pointer}
.tabshow td .arrowright{position:absolute;width:20px;height:30px;right:5px;top:0;cursor:pointer;text-align:center;font-size:24px;line-height:30px}
.ivdarea{width:600px;height:500px;margin:auto}
.ivd-solution{margin:50px auto auto auto;border:1px solid #666;border-radius:100%;width:400px;height:400px;position:relative;font-size:14px}
.ivd-solution .unit_coordinate{position:absolute;display:inline-block;padding:10px;line-height:22px}
.ivd-solution .ivd_unit{width:180px;text-align:center !important;color:#ffffff;border-radius:8px;height:90px;z-index:0;cursor:pointer}
.ivd-solution .ivd_unit_bg_1{background-color:#ed7d31;top:-40px;left:120px}
.ivd-solution .ivd_unit_bg_2{background-color:#a5a5a5;top:140px;right:-80px}
.ivd-solution .ivd_unit_bg_3{background-color:#ffc000;bottom:-20px;right:0px}
.ivd-solution .ivd_unit_bg_4{background-color:#4472c4;bottom:-20px;left:-10px}
.ivd-solution .ivd_unit_bg_5{background-color:#70ad47;top:140px;left:-80px}
.ivd-solution .unit_coordinate .content_unit_show{position:absolute;display:none;z-index:1000;width:300px;color:#000000;text-align:left;background-color:#f2f2f2;padding:10px}
.content_unit_show_def{top:90px;left:-60px}
.content_unit_show_def_1{top:-175px;left:-60px}
.content_unit_show_def_2{top:-130px;left:-60px}
.ivd-solution .unit_coordinate:hover .content_unit_show{display:block}
.ivd-solution .unit_coordinate:hover{z-index:10;background-color:#a4c8bd;transition:0.5s all ease}
.ivd-solution .unit_coordinate .triangle-down,.ivd-solution_line  div[class*="col"] .unit_tit .triangle-down,.ivd-materials-area .area_unit .triangle-down,.ivd-materials-area_list .list_unit .triangle-down{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #f2f2f2;position:absolute;top:-9px;left:47%}
.ivd-solution .unit_coordinate .triangle-up,.ivd-solution_line  div[class*="col"] .unit_tit .triangle-up,.ivd-materials-area .area_unit .triangle-up,.ivd-materials-area_list .list_unit .triangle-up{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;position:absolute;bottom:-9px;left:47%}
.ivd-solution_line{display:flex;flex-wrap:wrap}
.ivd-solution_line  div[class*="col"] .unit_tit .imgarea{height:260px;width:100%;display:flex;align-items:center;justify-content:center;border:1px solid #efefef;background-color:#fff}
.ivd-solution_line  div[class*="col"] .unit_tit .imgarea img{width:100%;height:100%;object-fit:contain;margin:auto}
.ivd-solution_line  div[class*="col"] .unit_tit{width:100%;text-align:center;display:flex;flex-wrap:wrap;padding-bottom:20px;cursor:pointer}
.ivd-solution_line  div[class*="col"] .unit_tit .i_tit{min-height:72px;display:block;text-align:center;padding:10px 5px;width:100%;position:relative}
.ivd-solution_line  div[class*="col"] .content_unit_show{position:absolute;display:none;z-index:1000;width:100%;color:#000000;text-align:left;background-color:#f2f2f2;padding:10px;top:93%;left:0px}
.ivd-solution_line  div[class*="col"] .unit_tit:hover .content_unit_show{display:block}
.ivd-solution_line  div[class*="col"] .unit_tit:hover{z-index:10;transition:0.5s all ease}
.ivd-solution_line  div[class*="col"] .unit_tit:hover .i_tit{background-color:var(--light-green-color)}
.ivd-solution_line  div[class*="col"] .unit_tit:hover .i_tit a{color:#fff}
.ivd-solution_line  div[class*="col"] .unit_tit:hover .imgarea{border:1px solid #ccc}
.ivd-materials-area,.ivd-materials-area img{position:relative;width:300px;margin:auto;line-height:20px;font-size:14px}
.ivd-materials-area .area_unit{position:absolute;height:135px;cursor:pointer}
.ivd-materials-area .left_unit{width:45%;top:0px;left:5%;padding:32px 10px 10px 10px;text-align:center}
.ivd-materials-area .right_unit{width:50%;top:0px;right:0px;padding:52px 10px 10px 10px;text-align:left}
.ivd-materials-area .area_unit .content_unit_show{position:absolute;display:none;z-index:1000;width:300px;color:#000000;text-align:left;background-color:#f2f2f2;padding:10px;left:0px}
.ivd-materials-area .area_unit:hover .content_unit_show{display:block}
.ivd-materials-area .area_unit:hover{color:#c00000}
.ivd-materials-area_list{width:500px;margin:auto;position:relative}
.ivd-materials-area_list .list_unit{position:absolute;height:60px;width:100%;border:3px solid #d37140;padding-left:40px;text-align:left !important;line-height:55px;cursor:pointer;z-index:10}
.ivd-materials-area_list .list_unit .cirle{width:65px;height:65px;border:3px solid #d37140;position:absolute;top:-5px;left:-30px;border-radius:70px;background-color:#e2f6e9;z-index:10}
.ivd-materials-area_list .list_unit .content_unit_show{position:absolute;display:none;z-index:1000;width:100%;color:#000000;text-align:left;background-color:#ffffff;padding:10px;left:0px;line-height:22px}
.ivd-materials-area_list .list_unit:hover .content_unit_show{display:block}
.ivd-materials-area_list .list_unit:hover{color:#c00000;z-index:1000}
.signal-based_area{position:relative;width:728px;margin:auto}
.signal-based_area img{position:relative;z-index:10}
.signal-based_area .small_span{display:inline-block;position:absolute;width:150px;text-align:center;padding:5px;z-index:100;background-color:rgba(0,0,0,0.8);font-size:14px;line-height:18px;font-weight:bold}
.signal-based_area .site_point_1{top:90px;left:40%}
.signal-based_area .site_point_2{top:218px;left:22%}
.signal-based_area .site_point_3{top:218px;right:22%}
.signal-based_area .site_point_4{top:332px;left:5.5%}
.signal-based_area .site_point_5{top:332px;left:40%;background-color:rgba(0,0,0,0) !important}
.signal-based_area .site_point_6{top:338px;right:5.2%}
.signal-based_area .site_point_7{bottom:218px;left:22%}
.signal-based_area .site_point_8{bottom:218px;right:22%}
.signal-based_area .site_point_9{bottom:90px;left:40%}
.signal-based_area .site_point_5 a{color:#ffff00}
.signal-based_area .site_point_5 a:hover{color:#ff0000}
.fluorophores{position:relative;width:800px;height:700px;margin:auto}
.fluorophores .middle_cirle{background-color:#ffd993;width:180px;height:180px;line-height:180px;border-radius:100%;text-align:center;font-weight:bold;font-size:20px;position:absolute;top:38%;left:38%;z-index:100}
.fluorophores .flu_unit{width:48%;position:absolute;text-align:center}
.fluorophores .flu_unit p{line-height:22px;text-align:left}
.fluorophores .flu_site_point_1{left:0;top:0}
.fluorophores .flu_site_point_2{right:0;top:0}
.fluorophores .flu_site_point_3{left:0;top:50%}
.fluorophores .flu_site_point_4{right:0;top:50%}
.fluorophores .flu_site_point_1 p,.fluorophores .flu_site_point_4 p{background-color:#2f5597;color:#fff;padding:25px;min-height:260px}
.fluorophores .flu_site_point_2 p,.fluorophores .flu_site_point_3 p{background-color:#70ad47;color:#fff;padding:25px;min-height:260px}
.gene-level{position:relative;width:600px;margin:auto;padding-top:50px;padding-bottom:0}
.gene-level .gl_unit{position:relative;padding:10px 0 10px 0;border:1px solid #4472c4;text-align:center;min-height:30px}
.gene-level .gl_unit span{padding:5px 10px 5px 10px;width:500px;top:-20px;left:50px;background-color:#4472c4;color:#ffffff;display:table;position:absolute;border-radius:4px}
.gene-level .gl_unit span a{display:block;width:100%;height:100%;vertical-align:middle;color:#ffffff;line-height:22px}
.gene-level .gl_unit span:hover{background-color:#ed7d31}
.customized-targeted{position:relative;width:600px;margin:auto;padding-top:20px;padding-bottom:20px}
.customized-targeted .ct_unit{position:relative;margin:10px auto 10px auto;padding:10px 0 10px 50px;border:1px solid #3d67b1;text-align:left;min-height:60px;display:table;width:100%}
.customized-targeted .ct_unit .crileimg{display:inline-block;width:62px;height:62px;border-radius:100%;float:left;border:1px solid #3d67b1;left:-30px;position:absolute;overflow:hidden;top:-1px}
.customized-targeted .ct_unit .crileimg img{position:absolute;top:0;left:0}
.customized-targeted .ct_unit a{vertical-align:middle;display:table-cell}
.showhiddencont{width:100%;height:300px;overflow-y:auto;position:relative}
.showhiddencont strong{background-color:#eef5e3;display:block;padding:5px;margin-top:10px}
.showhiddencont strong a{color:#000000}
.showhiddencontaoz{position:relative;top:0;left:0;display:block;width:100%;z-index:100;padding:8px}
.showhiddencontaoz a{margin-right:15px;margin-bottom:8px;font-weight:bold;font-size:18px;color:#000000;display:inline-block;padding-left:5px;padding-right:5px}
.showhiddencont .container-fluid{display:block;padding:15px 0px 0px 0px;margin:0px}
.showhiddencont .container-fluid .col-md-6{margin:0px;padding:0px}
.showhiddencontaoz .chooseshowbg{background-color:#3370ad;color:#ffffff;text-decoration:none}
.red{color:red}
.orange{color:#fa8b15}
.gray{color:#777}
.mtop10,.mt-10{margin-top:10px}
.mtop15,.mt-15{margin-top:15px}
.mtop20,.mt-20{margin-top:20px}
.mtop30,.mt-30{margin-top:30px}
.mtop40,.mt-40{margin-top:40px}
.mtop50,.mt-50{margin-top:50px}
.mbottom10,.mb-10{margin-bottom:10px}
.mbottom15,.mb-15{margin-bottom:15px}
.mbottom20,.mb-20{margin-bottom:20px}
.mbottom30,.mb-30{margin-bottom:30px}
.mbottom40,.mb-40{margin-bottom:40px}
.mbottom50,.mb-50{margin-bottom:50px}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{line-height:1.5em}
h1,h2,h3,h4,.h1,.h2,.h3,.h4{margin-bottom:20px;font-weight:bold;margin-top:0}
h2,.h2{font-size:2.4rem}
h3,h3{font-weight:bold;font-size:1.8rem}
h4{font-size:1.6rem}
.show-center,.show-left,.show-right{color:#666;text-align:center;font-size:0.95em;line-height:1.7em !important}
.show-center img,.show-left img,.show-right img{display:block;margin-right:auto;margin-bottom:15px;margin-left:auto;height:auto;max-width:100%}
@media (min-width:992px){.show-left,.show-right{display:inline-block}
.show-right{float:right;margin-left:15px}
.show-left{float:left;margin-right:15px}
}@media (max-width:992px){.show-right,.show-left{width:100%;margin:0}
}.Reference,.reference{color:#666;font-size:14px;line-height:22px;padding:0}
.Reference p,.reference p{margin-bottom:10px}
.Reference ol,.reference ol{margin-bottom:15px;padding-left:15px}
.Reference strong,.reference strong{display:block;margin:15px 0 0 0}
table{margin-bottom:25px;width:100%;border:1px solid #ddd;border-spacing:0 !important}
table p,table td ul,table td ol{margin-bottom:15px}
table td ul:last-child,table td ol:last-child,table td p:last-child,table td ul:last-child>li:last-child,table td ol:last-child>li:last-child{margin-bottom:0}
table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td,.table>thead>tr>th,table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:10px 8px;border-top:1px solid #ddd;vertical-align:middle;line-height:1.428571429}
.service-table tr:first-child,.service-tr,.service-table.table-striped tr:first-child{background:#048ca9;color:#fff}
.service-table tr:first-child a,.service-tr a{color:#fff}
.service-table tr:first-child td,.service-table tr:first-child th,.table-bordered .service-tr td,.service-tr td{border:none}
.service-table.table-striped>tbody>tr:nth-child(1)>td,.service-table.table-striped>tbody>tr:nth-child(1)>th{background-color:transparent}
ul.border-box>li{margin-bottom:0}
ul.border-box{padding:15px 15px 15px 30px}
.border-box{border:1px solid #1a5ca3;padding:15px;border-radius:5px}
.bg-box{background:#e9eff9;padding:10px 15px;border-radius:5px}
div.bg-box,div.border-box{margin-bottom:25px}
@media (min-width:992px){.list-box,.flex-box{display:flex;flex-wrap:wrap}
.list-box div[class*="col-md"]{display:flex}
}.flex-box .border-box{margin-bottom:0;height:100%}
.list-box div[class*="col-md"],.flex-box div[class*="col-md"]{margin-bottom:20px}
.list-box a{display:flex;align-items:center;border:1px solid #ddd;width:100%;padding:10px;border-radius:5px;position:relative;transition:all ease .4s;text-align:left}
.list-box a:before{position:absolute;content:'';background:#2391cc;z-index:-1;top:0;right:auto;bottom:auto;left:0;width:0;height:100%;opacity:1;border:solid 2px #2391cc;transition:all ease .4s}
.list-box a:hover{color:#fff;border:1px solid transparent}
.list-box a:hover:before{right:0;width:100%;border-radius:5px}
.flex-box p{margin-bottom:15px}
.flex-box p:last-child{margin-bottom:10px}
@media(min-width:992px){.bg-box>.row{display:flex;flex-wrap:wrap}
.border-box ul:last-child,.border-box p:last-child,.bg-box div[class*="col-md"]>p:last-child,.bg-box div[class*="col-md"] img,.bg-box ul:last-child{margin-bottom:0}
}.bg-box>.row .ServiceShowPic,.bg-box>.row .show-center{height:100%;width:100%;position:relative;overflow:hidden;min-height:140px}
.bg-box>.row .ServiceShowPic img,.bg-box>.row .show-center img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;max-width:120%}
.next-box a{display:flex;align-items:center;height:180px;position:relative;width:100%;color:#fff;text-align:center;border-radius:5px;transition:all ease .4s;margin-bottom:30px}
.next-box h2,.next-box h3{padding:5px;background:rgba(0,0,0,.4);font-weight:normal;margin-bottom:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:1.2em}
.next-box a:hover{box-shadow:0 0 10px #ccc;transform:scale(1.02)}