@charset "utf-8";
/*serviceshow*/
.serviceshowshape:before {
	content: "";
	position: absolute;
	bottom: 0;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	transform: rotate(4deg);
	background: #ffffff;
	background: linear-gradient(top, rgba(205, 226, 220, 1), rgba(169, 211, 197, 1));
	background: -moz-linear-gradient(top, rgba(205, 226, 220, 1), rgba(169, 211, 197, 1));
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(205, 226, 220, 1)), to(rgba(169, 211, 197, 1)));
	background: -o-linear-gradient(top, rgba(205, 226, 220, 1), rgba(169, 211, 197, 1));
	background: -ms-linear-gradient(top, rgba(205, 226, 220, 1), rgba(169, 211, 197, 1));
	left: -55%;
	right: -55%;
	top: -3%;
}

.serviceshowshape {
	position: relative;
	display: block;
	z-index: 50;
	width: 100%;
	top: -70px;
	padding-bottom: 0;
}

.serviceshowshape .servershowtit {
	padding-top: 22%;
	text-align: left;
	padding-left: 15px;
}

.serviceshowshape a {
	text-decoration: none;
}

.serviceshowshape .servershowtit h1 {
	font-size: 45px;
	margin-bottom: 20px;
	font-weight: bold;
	width: 80%;
	font-family: 'Seropro', sans-serif;
}

.serviceshowshape .servershowtit p {
	font-size: 18px;
	width: 80%;
	font-family: 'Seropro', sans-serif;
}

.serviceshowshape .servershowtit p a {
	margin-left: 3px;
	margin-right: 3px;
	color: #000000;
}

.serviceshowshape .servershowtit p a:hover {
	color: #ffffff;
	text-decoration: none;
}


@media screen and (max-width:992px) {
	.serviceshowshape .bgpic img {
		width: 60%;
	}
	.serviceshowshape .servershowtit {
		padding-top: 12%;
	}
	.serviceshowshape .servershowtit h1{
		font-size: 30px;
	}
	.Indexes{
		font-size: 1.3em;
	}
	.serviceshowshape .servershowtit h1,.serviceshowshape .servershowtit p{
		width: 100%;
		padding-right: 15px;
	}
	.serviceshowshape{
		padding-bottom: 40px;
	}
	.aboutuscontent {
		padding-bottom: 40px;
	}
}

@media screen and (max-width:1320px) {
	.secondpagetit{
		top: 190px;
	}
	.secondpagetit h1 {
		font-size: 28px;
	}

}
@media screen and (max-width:768px) {
	.serviceshowshape .servershowtit h1 {
		font-size: 25px;
	}
	.serviceshowshape .bgpic img{
		width: 75%;
	}
	.showcontentshape:before {
		top: -40px;
	}
	.serviceshowContent{
		padding-top: 80px;
		padding-bottom: 30px;
	}
	.secondpagehape{
		padding-bottom: 130px;
	}
	.secondpagetit{
		top: 130px;
	}
	.secondpagetit h1 {
		font-size: 22px;
		line-height: 30px;
		width: 100%;
	}
}


.serviceshowContent {
	position: relative;
	/*font-size: 16px;*/
	color: #000000;
	padding-bottom: 80px;
	/*padding-top: 30px;*/
	text-align: justify;
}

.serviceshowContent h3 {
	font-size: 17px;
	font-weight: bold;
}

.serviceshowContent a {
	color: #337ab7;
}

.serviceshowshape .serviceshowSecondtype h1 {
	font-size: 30px;
	margin-bottom: 20px;
	font-weight: bold;
	width: 80%;
	font-family: 'Seropro', sans-serif;
}

.serviceshowContent .fontfamily {
/*	font-size:1.4em;*/
	line-height: 26px;
}

.serviceshowContent .paddingsite {
	padding-bottom: 30px;
}

.serviceshowContent .ollist {
	margin-left: 20px;
	padding-left: 0;
}

.serviceshowContent .ollist li {
	list-style: decimal;
	margin-left: 0;
	padding-left: 0;
}


/*.serviceshowContent a{color:#c00000;}*/

.serviceshowContent a:hover {
	text-decoration: none;
	color: #f76c33;
}

.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;
}

.Reference {
	padding: 0;
	font-size: 15px;
	margin: 0;
	color: #555555;
	line-height: 22px;
}

.Reference strong {
	font-size: 20px;
	padding-bottom: 5px;
	display: block;
	margin: 15px 0 0 0;
}


.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: 5px;
	cursor: pointer;
	text-align: center;
	font-size: 24px;
	transform: scale(1.5, 1);
}


.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;
}
.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:#ffffff;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 #fff;
	position: absolute;
	top:-10px;
	left:140px;
}
.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:-10px;
	left:140px;
}

.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 a{/*min-height:60px;*/display:inline-block;padding-top:5px;padding-left:5px;padding-right:5px;}
.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:#ffffff;padding:10px;top:100%;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; background-color: #a4c8bd; transition: 0.5s all ease;}
.ivd-solution_line  div[class*="col"] .unit_tit:hover .imgarea{border:1px solid #fff;}

.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; /*background-color: #e2f6e9;*/ 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;
/*	padding-top: 40px;*/
	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;
	/*background-color:#a5ccbe; */
	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:0.95em}
.Reference p,.reference p{margin-bottom:10px}
.Reference ol,.reference ol{margin-bottom:15px;padding-left:15px}


/*table*/
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}


/* special css */
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);}