* { margin: 0; padding: 0; font-family: var(--e-global-typography-text-font-family), Sans-serif; } p { line-height: 26px; } li { list-style-type: none; } .pos_r { position: relative; } .pos_r_dw1 { position: absolute; left: 0; top: -120px; } .w930 { width: 930px; margin: 0 auto; } .w980 { width: 980px; margin: 0 auto; } .cro_main { background: #fff; position: relative; z-index: 1; } .cro_list { padding: 40px 50px; } .cro_p1 { font-size: 16px; color: #EE7623; margin: 0; font-weight: 600; font-weight: bold; } .cro_p2 { font-size: 40px; font-weight: bold; color: #213058; margin-top: 20px; margin-top: 40px; } .cro_p13 { margin-top: 20px; } .cro_p3 { font-size: 16px; /*font-weight: bold;*/ margin-top: 40px; color: #213058; margin-bottom: 0; } .cro_p3 sup { font-size: 12px; line-height: 12px; } .cro_con { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; } .cro_ul1 { width: 48%; } .cro_ul1 img { height: 65px !important; } .cro_ul2 { width: 48%; } .cro_ul2 img { height: 65px !important; } .cro_p4 { color: #102a60; font-size: 22px; font-weight: bold; margin-top: 25px; /*display: -webkit-box;*/ /*-webkit-box-orient: vertical;*/ /*-webkit-line-clamp: 1;*/ /*overflow: hidden;*/ } .cro_p5 { color: #102a60; font-size: 16px; margin-top: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .cro_p6 { margin-top: 40px; } .cro_p6 a { display: inline-block; padding: 10px 28px; background: #ee7623; text-align: center; color: #fff; border-radius: 7px; } .cro_title { margin-top: 20px; background: #102a60; color: #fff; padding: 35px 100px; } .w1366 { width: 1366px; margin: 0 auto; } .p60px { padding: 60px 0; } .cro_p7 { width: 100%; background: #ee7623; padding: 30px 112px; color: #fff; margin-top: 60px; } .cro_p8 { font-size: 22px; font-weight: bold; color: #213058; position: relative; } .cro_p8::before { content: ""; width: 12px; height: 12px; border-radius: 50%; background: #ee7623; position: absolute; top: 7px; left: -20px; } .cro_p9 { font-size: 16px; color: #213058; margin-top: 15px; } .cro_li1 { padding: 0 30px; margin-top: 40px; } .cro_li1:first-child { margin-top: 0; } .cro_form { width: 1140px; margin: 0 auto; padding: 44px; background: #102a60; margin-bottom: 50px; } .cro_bg { background: #fff; padding: 30px 90px; } .cro_p10 { font-size: 30px; font-weight: bold; color: #031e3a; } .cro_ul3 { margin-top: 24px; display: flex; flex-wrap: wrap; justify-content: space-between; } .from_select { width: 32%; position: relative; } .from_select select { width: 100%; background: #afafaf; border-radius: 4px; border: none; outline: none; height: 52px; line-height: 52px; padding: 0 25px; color: #fff; font-size: 14px; } .cro_ul4 { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 10px; } .cro_ul4 input { width: 32%; height: 35px; border: 1px solid #f0f0f0; outline: none; padding: 0 10px; margin-bottom: 10px; font-size: 14px; } .cro_ul5 { /*margin-top: 10px;*/ } .cro_ul5 textarea { border: 1px solid #f0f0f0; outline: none; padding: 10px; width: 100%; height: 60px; } .cro_ul6 { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; } .cro_li2 { display: flex; } .cro_p11 { color: #213058; font-size: 14px; } .cro_p12 { color: #ee7623; font-size: 14px; } .cro_li2 input { margin-right: 10px; } .cro_li3 a { display: inline-block; border-radius: 6px; padding: 8px 15px; background: #23509b; color: #fff; } .cro_con2 { display: flex; flex-wrap: wrap; margin-top: 30px; } .cro_con2 img { height: 60px; } .cro_ul7 { width: 20%; text-align: center; margin-right: 20px; } .cro_ul8 { width: 20%; text-align: center; } .cro1_main { position: relative; } .w1100 { width: 1100px; margin: 0 auto; } .cor1_ul1 { display: flex; justify-content: flex-end; } .cro1_li1 { width: 70%; padding: 60px 50px; position: absolute; top: 50%; left: 35%; transform: translate(-50%, -50%); background: #fff; } .cro1_li2 { width: 70%; } .cro1_li2 img { width: 100%; } .cro1_p1 { font-size: 40px; font-weight: bold; color: #213058; } .cro1_p2 { margin-top: 20px; font-size: 16px; color: #213058; } .cro1_bg2 { margin-top: 50px; margin-bottom: 40px; /*background-image: url(../images/cro1_bg2.jpg);*/ background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #004F9F; } .cro_serve { padding: 70px 300px; } .cro1_p3 { font-size: 24px; font-weight: bold; color: #fff; } .cro1_p4 { font-size: 16px; color: #fff; margin-top: 20px; padding-left: 30px; position: relative; } .cro1_p4::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #fff; position: absolute; top: 8px; left: 10px; } .cro1_p5 { font-size: 24px; font-weight: bold; color: #213058; } .cro1_img1 { margin: 70px auto; } .cro1_img1 img { width: 100%; margin-top: 20px; } .da_select option { padding: 5px; } .cro1_li3 { width: 50%; z-index: 1; } .cro1_li4 { position: relative; } .cro1_li5 { position: absolute; top: 50%; left: 70%; transform: translate(-50%, -50%); width: 45%; } .cro1_p6 { font-size: 24px; font-weight: bold; color: #fff; margin-top: 10px; } .cro1_p7 { font-size: 16px; color: #fff; margin: 10px 0; } .cro1_li7 { display: flex; align-items: center; } .cro1_li7 img { margin-right: 20px; } .cro1_li5 img { width: 40px; height: 40px; } .cro1_img3 { margin-left: 300px; } .cor1_ul2 { display: flex; margin-top: -30px; margin-bottom: 60px; } .cro1_li6 { width: 50%; z-index: 1; width: 40%; left: 70%; z-index: 1; background: #ee7623; } .cro1_p8 { font-size: 24px; font-weight: bold; color: #fff; } .cro1_p9 { font-size: 16px; color: #fff; margin-top: 10px; } .cro2_main { margin: 60px auto; } .cro2_p1 { font-size: 16px; font-weight: bold; color: #213058; margin-top: 20px; } .pipeline_tab { position: relative; } .pipeline_tab table { width: 100%; overflow: hidden; border: 1px solid #c6c6c6; font-size: 16px; margin-top: 30px; } .pipeline_tab th { height: 70px; background: #e39935; color: #fff; } .pipeline_tab td { width: 35%; padding: 30px; text-align: left; border: 1px solid #e8e9ea; } .pipeline_tab tr td:first-child { width: 30%; text-align: left; padding: 0 40px; font-weight: bold; font-size: 16px; color: #213058; } .cro2_p2 { font-size: 16px; font-weight: bold; margin-bottom: 10px; color: #213058; } .cro2_p3 { font-size: 14px; color: #213058; padding-left: 20px; position: relative; } .cro2_p3::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #999; position: absolute; top: 8px; left: 3px; } .cro1_li8 { background: #ee7623; } .cro1_li9 { color: #fff; } .cro2_from { background: #213058; padding: 50px 100px; margin: 60px auto; } .cro2_p4 { font-size: 24px; font-weight: bold; color: #fff; } .cro2_tab { margin-top: 30px; position: relative; } .cro2_tab table { width: 100%; overflow: hidden; border: 1px solid #c6c6c6; font-size: 16px; } .cro2_tab td { padding: 30px 70px; text-align: left; border: 1px solid #e8e9ea; color: #fff; } .cro2_p5 { font-size: 16px; color: #fff; } .analy_ul1 { width: 33%; text-align: center; } .analy_p1 { color: #000; padding-left: 80px; margin-top: 0; } .analy_p1::before { background: #ee7623; left: 60px; } .analy_title { width: 930px; background: #f4f4f6; margin: 40px 0 20px -50px; padding: 30px 0 30px 50px; } .analy_img1 { margin-left: 780px; } .analy_title img { width: 40px; height: 40px; } .analy_p1 strong { font-weight: normal; color: #ee7623; } .analy_bg { margin-top: -120px; } .analy_bg img { width: 100%; } .analy_p2 { font-size: 16px; margin: 40px 0 30px 0; color: #fff; } .analy_p3 { color: #fff; } .analy_bg1 { background: #253055; } .analy_serve { padding: 70px 140px; } .analy_p4 { padding-left: 70px; margin-top: 0; } .analy_p4::before { left: 50px; } .analy_p5 { margin: 40px 0 30px 0; color: #213058; } .analy_p5 strong { font-weight: normal; color: #ee7623; } .analy_p5:hover a { color: #EE7623; } .analy_p6 { margin-top: 40px; } .analy_a1 { margin-bottom: 40px; margin-top: 80px; } .analy_a1 img { width: 100%; } .plat_list { display: none; } .plat_list.on { display: block; } .plat_title { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 40px; } .plat_tit { display: inline-block; /* width: 166px; */ width: 16%; height: 43px; line-height: 43px; border-radius: 7px; background: #ee7623; color: #fff; text-align: center; } .plat_tit:hover { cursor: pointer; } .plat_tit.on { background: #213058; } .plat { padding-top: 40px; border-top: 1px solid #e6e6e6; } .plat_item { margin: 60px 0; } .plat_p1 { color: #213058; margin-top: 0; /* line-height: 30px; */ } .plat_p2 { margin-top: 40px; } .plat_p1::before { left: 10px; background: #213058; } .plat_item2 { margin-bottom: 50px; } .plat_p3 { background: #dedede; } .plat_p4 { color: #213058; font-size: 20px; margin-left: 15px; } .plat_con { margin-top: 40px; } .serv_List { display: none; margin: 40px 0; } .serv_List2 { display: none; margin: 0px 0 40px 0; } .serv_List2 img { margin-top: 20px; } .plat_item3 { display: flex; align-items: center; background: #dedede; padding: 10px; margin-top: 15px; } .plat_item3 img { height: 10px; } .plat_con .on .plat_img1 { display: none; } .plat_img1 i { font-size: 30px; color: #8C8C8C; } .plat_img2 i { font-size: 30px; color: #FF6D00; } .plat_con .on .plat_img2 { display: block; } .plat_con .plat_img2 { display: none; } .serv_List img { width: 100%; } .plat_p5 { color: #213058; font-size: 20px; border-radius: 5px; text-align: center; margin: 10px 0; padding: 10px 0; border: 1px solid #213058; } .plat_p6 { margin-top: 20px; } .plat_p7 { font-size: 16px; text-align: center; color: #213058; margin-top: 20px; } .plat_p8 { color: #213058; font-size: 16px; margin-top: 20px; } .plat_p9 { text-align: center; font-size: 20px; color: #213058; } .plat_p10 { color: #213058; margin-bottom: 40px; } .plata1_list { margin-top: 40px; } .plata1_list img { width: 100%; } .plata1_item { width: 33%; } /*.platf1 {*/ /* margin: 40px 0;*/ /*}*/ .plat_item .platd1 { margin: 40px 0; } .plat_p11 { color: #213058; padding-left: 55px; margin-top: 0; } .plat_p11::before { left: 35px; background: transparent; border: 1px solid #213058; } .plat_p12 { color: #213058; padding-left: 12px; } .plat_p12::before { border: none; } .plat_title2 { display: flex; justify-content: space-between; flex-wrap: wrap; } .plat_title2 .plat_p5 { width: 45%; } .plat_list { display: none; } .plat_list.on { display: block; } .detect_title { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 40px; } .detect_list { display: none; } .detect_list.on { display: block; } .detect_tit { width: 12%; display: inline-block; padding: 20px 0; border-radius: 7px; background: #ee7623; color: #fff; text-align: center; } .detect_tit2 { padding: 6px 0; } .detect_tit.on { background: #213058; } .detect_tit:hover { cursor: pointer; } .detect_p1 { font-size: 20px; margin: 40px 0; color: #213058; font-weight: bold; } .detect_p6 { margin: 20px 0; } .detect_p5 { font-size: 16px; font-weight: normal; } .detect_tab { position: relative; } .detect_tab table { width: 100%; overflow: hidden; border: 1px solid #c6c6c6; font-size: 16px; margin-top: 30px; margin-bottom: 60px; } .detect_tab th { height: 70px; background: #1d2e5d; color: #fff; border: 1px solid #e8e9ea; } .detect_tab td { width: 8%; padding: 10px; text-align: center; border: 1px solid #e8e9ea; } .detect_p2 { font-size: 16px; color: #213058; } .from_select2 { width: 49.4%; margin-top: 10px; position: relative; } .from_select2 .select3 { width: 100%; background: #afafaf; border-radius: 4px; border: none; outline: none; height: 52px; line-height: 52px; padding: 0 15px; color: #fff; } select, option { appearance: none; -moz-appearance: none; -webkit-appearance: none; font-style: normal; } .from_select img { position: absolute; right: 20px; top: 20px; } .select3 { width: 100%; background: #afafaf; border-radius: 4px; border: none; outline: none; height: 52px; line-height: 52px; padding: 0 15px; color: #fff; } xm-select { min-height: 52px !important; line-height: 52px !important; background: transparent !important; border: none !important; } xm-select>.xm-tips { color: #fff !important; } xm-select .xm-label .xm-label-block { /*height: 42px !important;*/ /*line-height: 42px !important;*/ background: #102a60 !important; } xm-select>.xm-icon { border: none !important; } .detect_p3 { margin-top: 20px; } .detect_p4 { margin-top: 10px; } /*raav*/ .raav_ul1 { margin-top: 180px; } .raav_li1 { padding: 40px 50px; } .raav_img1 { width: 100%; margin-top: 40px; } .raav_p1 { color: #e39935; margin-top: 10px; } .raav_p2 { color: #213058; } .raav_ul2 img { width: 100%; margin: 20px 0; } .raav_ul2 { padding: 30px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .raav_ul2 .cro1_p5 { margin-top: 20px; } .raav_s1 { display: inline-block; margin-top: 20px; font-size: 16px; color: #fff; position: relative; margin-right: 20px; padding-left: 20px } .raav_s1::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #fff; position: absolute; top: 8px; left: 0px; } .raav_main { display: flex; align-items: center; justify-content: space-between; margin-top: 40px; } .raav_ul3 { width: 40%; } .raav_ul3 img { width: 60%; } .raav_ul4 { width: 60%; } .raav_ul5 { left: 55%; top: 60%; } .raav_p3 { margin-top: 20px; } .raav_p4 { margin-top: 10px; color: #213058; } .cros_a1 { margin-top: 20px; } .cros_a1 a { display: inline-block; width: 250px; height: 40px; line-height: 40px; background: #ee7623; text-align: center; color: #fff; border-radius: 7px; } .cros_ul1 { width: 30%; text-align: center; } .cros_ul2 { width: 70%; text-align: center; } .cros_a2 { margin-top: 45px; } .cros_img { width: 950px; margin: 0 auto; margin-top: -80px; } .cros_img img { width: 100%; margin-bottom: -4px; } .from_select3 { width: 100%; } .cdmos_ul1 { width: 18%; } .cdmos_p1 { color: #102a60; font-size: 16px; margin-top: 20px; height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .cdmos_bg { margin-top: -100px; margin-bottom: 40px; } .cdmos_bg img { width: 100%; } /* .cro_p1 { font-size: 12px; letter-spacing: 2.8px; } */ /* */ .plasmid { position: relative; margin-bottom: -4px; } .plasmid_list { padding: 60px 100px; width: 61%; left: 30%; } .plasmid_list2 { padding: 60px 60px; width: 55%; left: 30%; } .plasmid_li1 { position: relative; } .plasmid_li1 img { position: absolute; left: -54px; top: -10px; } .plasmid_li3 img { left: -73px; top: -20px; } .plasmid_p1 { margin-top: 40px; margin-top: 20px; } .plasmid_con { position: absolute; top: 70px; right: 50px; width: 30%; } .plasmid_p2 { margin-top: 7px; } .plasmid_p3 { margin-top: 20px; } .plasmid_p4 { color: #EE7623; } .plasmid_p4::before { background: #EE7623; } .cdmos_bg2 { margin-bottom: -4px; } .plasmida_list { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 60px; } .plasmida_list2 { margin-bottom: 0; } .plasmida_ul1 { width: 60%; } .plasmida_ul1 img { width: 100%; } .plasmida_ul2 { width: 40%; padding: 40px 50px; } .plasmida_ul2 .cell_p2 { margin-top: 10px; } .plasmida_ul3 { width: 65%; } .plasmida_ul4 { width: 30%; margin-right: 5%; } .plasmida_ul5 { width: 33%; margin-right: 7%; } .plasmida_p3 { font-size: 28px; font-weight: bold; color: #213058; margin-top: 40px; } .plasmida_p4 { margin-top: 20px; } .plasmidb1 { border-top: 1px solid #e6e6e6; } .plasmidb1_img { margin: 40px 0 40px 0; } .plasmid_li2 { padding: 50px 40px 100px 40px; width: 45%; left: 23%; } .plasmid_p5 { line-height: 1.4; margin-top: 10px; } .plasmid_con2 { right: 80px; width: 42%; top: 120px; } .plasmidb1_p1 { font-size: 28px; font-weight: bold; color: #fff; line-height: 1.4; } .plasmidb1_p4 { font-size: 28px; font-weight: bold; color: #213058; } .plasmidb1_p2 { margin: 20px 0 40px 0; } .plasmidb1_p3 { margin-top: 40px; margin-bottom: 40px; } .plasmidb_li1 { width: 80%; } .plasmidb1_m { padding-top: 40px; } .plasmidb1_m2 { margin: 40px 0; } .plasmidb1_p20 { padding-top: 20px; } .plasmidc { padding: 20px 0 40px 0; } .plasmidc_img { padding: 0px 0 30px 0; } .mrna_con { position: absolute; top: 100px; right: 30px; width: 37%; } .plasmid_p1 a { color: #EE7623; } .mrna_li1 { width: 60%; padding: 60px 80px; left: 25%; } .mrna_li2 { width: 80%; } .mrna1 { border-top: 1px solid #e6e6e6; margin-top: 40px; } .marnb1_img { margin: 60px 0 40px 0; } .plasmid_p6 { font-size: 28px; font-weight: bold; margin-top: 20px; line-height: 1.4; color: #fff; } .mrna_p1 { font-size: 28px; font-weight: bold; color: #fff; } .mrna_p2 { margin-top: 20px; } .mrna_li { border-bottom: 1px solid #d1d1d1; font-weight: bold; } .mrna_li .mrna_p3 { font-size: 18px; } .mrna_li.on { border-bottom: 1px solid #EE7623; } .mrna_li.on .mrna_p3 { color: #EE7623; } .mrna_item { display: flex; justify-content: space-between; align-items: center; padding: 10px; margin-top: 15px; } .text_left { text-align: left; } .mrna_p3 { margin-left: 0; } .cell { position: relative; } .cell_main { display: flex; justify-content: space-between; /* width: 90%; */ flex-wrap: wrap; } .cell_left { width: 60%; background: #253055; padding: 50px 70px 100px 70px; } .cell_right { width: 40%; /* width: 36.5%; */ /* margin-right: 3.5%; */ } .cell_p1 { font-size: 40px; font-weight: bold; line-height: 1.4; } .cell_p2 { margin-top: 30px; } .cell_p3 { margin-top: 20px; } .cell_p4 { margin-top: 10px; } .cell_rightli1 { padding: 30px 20px; } .cell_p5 { font-size: 22px; font-weight: bold; color: #102a60; } .cell_color { color: #102a60; } .cell_rightli1 .plasmid_p4 { margin-top: 0; } .cella1 { padding-bottom: 40px; border-bottom: 1px solid #d1d1d1; } .cella1 img { width: 100%; } .cella2 { margin-top: 40px; margin-bottom: 80px; padding: 60px 0; width: 100%; background: #253056; } .cella3 { margin-bottom: 40px; } .cell_pall { margin-top: 20px; } .cell_pall3 { margin-top: 30px; } .cell_pall2 { margin-top: 20px; } .cell_pall p { position: relative; color: #213058; padding-left: 30px; } .cell_pall2 p { position: relative; color: #fff; padding-left: 30px; margin-top: 10px; margin-top: 15px; } .cell_pall p::before { content: ""; width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 8px; left: 10px; background: #213058; } .cell_pall2 p::before { content: ""; width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 8px; left: 10px; background: #fff; } .cell_p6 { padding-left: 25px; margin-top: 20px; } .cell_p6 img { margin: 0; } .plasmid_con3 { top: 80px; } .plasmid_con4 { position: absolute; top: 90px; right: 30px; width: 36%; } .cell_p7 { width: 80%; } .cella4 { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .cella4_left { width: 50%; position: relative; } .cella4_right { width: 37%; } .cella4_left img { width: 40px; height: 40px; } .cellt_img1 { position: absolute; top: -40px; left: -40px; } .cellt_img2 { position: absolute; bottom: -40px; right: -40px; } .cella4_main { margin-bottom: 40px; margin-top: -4px; } /* */ .abt26btcbg { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 3000; background: #000; opacity: 0.5; display: none; } .abt26btc { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3100; display: none; /* height: 900px; */ width: 80%; max-width: 1200px; /* overflow-y: scroll; */ padding: 100px 0; } .abt26btcclose { width: 40px; height: 40px; position: absolute; top: 50px; right: 0px; background: url(../images/close.png) center no-repeat; background-size: cover; z-index: 3200; display: none; } .stolist_ul1 img { width: 100%; } .tab_btn:hover { cursor: pointer; } .virala1 { margin-top: 40px; } .virala1_main { margin-top: 40px; } .virala1_list { display: none; } .virala1_list.on { display: block; } .virala1_tit { background: #ee7623; font-size: 16px; font-weight: bold; color: #fff; padding: 10px 40px; border-radius: 5px; margin-left: 20px; } .virala1_tit.on { background: #253056; } .virala1_main2 { margin-top: 60px; } .cro_p14 { margin-top: 20px; font-size: 39px; line-height: 1.1; font-weight: bold; color: #213058; } .virala1_item { display: flex; justify-content: space-between; padding-bottom: 40px; border-bottom: 1px solid #cccccc; } .virala1_left { width: 55%; background: #004f9f; padding: 50px 60px 100px 60px; max-height: 600px; } .virala1_right { width: 45%; } .virala1_p1 { margin-top: 20px; } .virala1_p1 a { color: #EE7623; } .virala1_rightli2 { position: relative; } .virala1_rightli4 img { width: 100%; } .virala1_rightli3 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; } .virala1_item2 { margin-top: 40px; } .virala1_item3 { width: 45%; margin-top: 40px; } .virala1_ul1 { position: relative; width: 60%; margin: 0 auto; } .virala1_left2 { min-height: 530px; } .virala1_item4 { margin-top: 90px; } .virala1_item4 img { width: 100%; } .viralb1_img { margin-top: 40px; } .viralb1_img img, .viralc1_img img { width: 100%; } .viralc1_img { margin: 40px 0; } .viralb1 { padding-bottom: 40px; margin-top: 40px; } .viralb1_list1 { margin-bottom: 0; align-items: center; } .cro1_li21 { width: 75%; } .viralb2 { margin: 0px auto; } .viralc_p1 { margin-top: 40px; color: #213058; } .viralc_hr { padding-bottom: 40px; border-bottom: 1px solid #cccccc; } .virala1_item5 { border: none; } .pc { display: block; } .phone { display: none; } .cell_p8 { margin-top: 20px; } .viral_p1 { line-height: 26px; } .process_main { background: #253056; padding: 4% 19%; } .process2_right { width: 50%; } .process2_right img { width: 100%; } .process2_left { width: 50%; position: relative; } .process2_con { background: #ee7623; padding: 26% 0; } .process2_con2 { width: 85%; margin: 0 auto; } .process2_img1 { position: absolute; top: 20px; left: 20px; } .process2_img2 { position: absolute; bottom: 20px; right: 20px; } .process_main3 { display: flex; flex-wrap: wrap; margin: 20px 0 40px 0; } .process_main3 a { display: inline-block; width: 32%; background: #253056; color: #fff; padding: 15px 30px; margin-right: 20px; margin-top: 20px; border-radius: 5px; } .process_main3 a:nth-child(3n) { margin-right: 0; } .smart1 { background: #253056; margin-bottom: 40px; } .smart1_img { padding: 40px 0; } .smart1_img img { width: 100%; } .smart2 { padding: 40px 0; } .smart2_p1 { font-size: 40px; font-weight: bold; color: #253056; line-height: 1.4; } .smart2_p2 { font-size: 16px; color: #253056; margin-top: 30px; } .smart2_p3 { font-size: 16px; color: #253056; margin-top: 20px; } .cgmp_main { padding-bottom: 40px; } .cgmp_main img { width: 100%; } .cgmp_list { display: flex; justify-content: space-between; margin-top: 40px; } .cgmp_item { width: 32%; } .cgmp_li2 img { width: 100%; } .cgmp_li1 { padding: 10px 20px; } .cgmp_p1 { font-size: 22px; font-weight: bold; color: #213058; margin: 20px 0; } .cgmp_p2 { color: #213058; } .cgmp_p3 { color: #213058; margin-top: 20px; } .cgmp_p3 span { color: #213058; display: inline-block; } .cgmp_p3 img { margin-left: 40px; } .cgmp_p7 { margin-top: 20px; } .cgmp_p7 a { padding: 8px 12px; background-color: #213058; border-radius: 6px; color: #fff; font-size: 16px; font-weight: bold; margin-left: 20px; } .cgmp_p4 { text-align: center; margin-bottom: 40px; } .cgmp_main4 { display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 40px; border: none; } .cgmp_left4 { width: 55%; background: #253056; padding: 50px 60px 100px 60px; } .cgmp_right4 { width: 45%; } .cgmp_rightli1 { position: relative; } .cgmp_rightli2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; } .cgmp_rightli3 img { width: 100%; } .cgmp_p5 { font-size: 22px; font-weight: bold; color: #213058; } .cgmp_right5 { margin: 40px 0 40px 20px; } .cgmp_p6 { margin-top: 10px; } .cgmp_p6 a { width: 420px; text-align: left; margin-top: 20px; } .cgmp_left41 { padding: 50px 60px 60px 60px; } .cgmp_li4 { padding: 50px 70px 100px 80px; width: 55%; left: 35%; } .cgmp_li5 { position: absolute; top: 100px; right: 50px; width: 29%; } .cgmp_li7 { margin-bottom: -4px; } /* */ @media screen and (max-width: 1440px) { .w1366 { width: 1297px; /*margin: 50px auto;*/ } .cro_serve { padding: 70px 140px; } .plasmid_con2{ right: 40px; width: 45%; top: 40px; } .plasmida_ul4{ width: 35%; margin-right: 0%; padding: 30px; } } @media screen and (max-width: 1280px) { .w1366 { width: 1000px; /*margin: 50px auto;*/ } .w1100 { width: 1000px; /*margin: 50px auto;*/ } .cro2_from { margin: 50px auto; } .cro2_main { margin: 50px auto; } .cro1_p1 { font-size: 28px; } } @media screen and (max-width: 1080px) { .w1366 { width: 100%; } .w1100 { width: 100%; } .w930 { width: 100%; } .cro_form { width: 100%; } } @media screen and (max-width: 768px) { .pc { display: none; } .phone { display: block; } .analy_title { width: 100%; margin: 20px 0 20px 0px; padding: 20px 20px 60px 20px; position: relative; } .analy_img1 { margin-left: 0px; position: absolute; right: 15px; } .analy_p1 { padding-left: 50px; } .analy_p1::before { left: 30px; } .analy_ul1 { width: 50%; margin-top: 20px; min-height: 190px; } .analy_ul1 img { height: 40px !important; } .analy_bg { margin-top: 30px; } .w11002 { width: 90%; margin: 0 auto; } .analy_p5 { margin: 20px 0 20px 0; font-size: 14px; } .plat_p1::before { top: 7px; } .plat_p2 { margin-top: 20px; } .detect_tit { width: 49%; margin-top: 10px; } .detect_p1 { margin: 20px 0; } .detect_p5 { font-size: 14px; } .detect_tab { position: relative; overflow-x: scroll; } .detect_tab table { margin-top: 00px; width: 640px; margin-bottom: 10px; } .detect_p2 { font-size: 12px; } .detect_tab th { font-size: 14px; } xm-select>.xm-tips { font-size: 14px !important; } xm-select>.xm-label .xm-label-block { margin: 10px 5px 2px 0 !important; } .from_select2 { width: 100%; } .cro_form4 { margin-top: 40px; } .detect_tit { padding: 15px 0; } .plat_p1 { line-height: 22px; } .analy_serve { padding: 20px 20px; margin-top: 20px; } .analy_p2 { font-size: 14px; margin: 20px 0 15px 0; } .analy_p4::before { left: 20px; } .analy_p4 { padding-left: 40px; } .analy_p3 { margin-top: 20px; } .analy_a1 { width: 90%; margin: 0 auto; margin-bottom: 20px; } .analy_p6 { margin-top: 20px; } .cro_p2 { margin-top: 20px; } .plat { padding-top: 20px; } .plat_item { margin: 30px 0; } .plat_p10 { font-size: 14px; margin-bottom: 30px; } .plat_tit { width: 49%; margin-top: 10px; } .plat_p4 { font-size: 14px; } .plat_p8 { font-size: 14px; } .plat_p5 { font-size: 14px; } .serv_List { margin: 20px 0; } .plat_item2 { margin-bottom: 30px; } .plata1_item { width: 100%; } .plat_p9 { margin-bottom: 10px; font-size: 16px; } .plat_item .platd1 { margin: 20px 0 0 0; } .plata1_list { margin-top: 20px; } .plat_con { margin-top: 20px; } .plat_title2 .plat_p5 { width: 49%; } .plat_p7 { font-size: 14px; margin-top: 10px; } .cro_con { margin-top: 20px; } .pipeline_raav { margin-top: 310px; } .raav_li1 { padding: 20px; margin-top: 60px; } .raav_p2 { font-size: 14px; } .raav_main1 { width: 90%; margin: 0 auto; } .cro2_tab p { font-size: 14px; } .raav_img1 { margin-top: 20px; } .raav_ul2 { width: 90%; margin: 0 auto; margin-top: 20px; padding: 0; } .raav_main { flex-wrap: wrap; } .raav_ul3 { text-align: center; width: 100%; } .raav_ul4 { width: 100%; } .raav_ul5 { left: 50%; top: 100%; } .raav_s1 { margin-top: 10px; } .raav_ul1 { margin-top: 20px; } } @media screen and (max-width: 768px) { .w1366 { width: 100%; margin: 0 auto; } .w1100 { width: 100%; margin: 0 auto; } .w930 { width: 90%; margin: 0 auto; } .cro_form { width: 100%; margin: 0 auto; padding: 20px; margin-bottom: 40px; } .cro_list { padding: 20px 20px 0 20px; margin-top: -30px; } .cro_p2 { font-size: 22px; } .cro_p3 { font-size: 14px; margin-top: 20px; } .cro_p4 { font-size: 16px; margin-top: 15px; } .cro_p5 { font-size: 14px; margin-top: 10px; } .cro_p6 { margin-top: 20px; font-size: 14px; } .cro_title { font-size: 14px; padding: 30px; } .cro_p7 { padding: 30px; margin-top: 20px; } .p60px { padding: 40px 0; } .cro_p9 { font-size: 14px; margin-top: 10px; } .cro_p8 { font-size: 18px; } .cro_p8::before { width: 10px; height: 10px; top: 8px; } .cro_li1 { padding: 0 10px; margin-top: 20px } .cro_bg { padding: 20px; } .from_select { width: 100%; margin-top: 10px; } .from_select:first-child { margin-top: 0; } .cro_ul4 input { /*margin-top: 10px;*/ width: 49%; } .cro_li3 a { font-size: 14px; } .cro_con2 img { height: 50px !important; } .cro_con2 { margin-top: 20px; } .cro_ul7 { width: 46%; } .cro_ul8 { width: 46%; } .cro1_li2 { width: 100%; margin-top: 40px; } .cro_serve { padding: 30px 20px; margin-top: 190px; } .cro1_li1 { width: 100%; padding: 20px 30px; top: 140%; left: 50%; } .cro1_p1 { font-size: 22px; line-height: 1.4; } .cro1_p2 { margin-top: 10px; font-size: 14px; } .cro1_p3 { font-size: 18px; } .cro1_p4 { font-size: 14px; margin-top: 10px; } .cro1_img1 { margin: 40px auto; } .cro1_p5 { font-size: 18px; } .cro1_p6 { font-size: 18px; } .cro1_p7 { padding: 0 10px; font-size: 14px; } .cro1_li5 { left: 52%; width: 90%; } .cro1_li5 img { width: 30px; height: 30px !important; } .cro_form2 { margin-top: 150px; } .cro1_li4 { margin-top: 0; } .cor1_ul2 { margin-top: 160px; } .cro1_p4::before { width: 8px; height: 8px; top: 5px; } .cro1_p8 { font-size: 18px; } .cro1_p9 { font-size: 14px; } .cro1_li6 { top: 123%; } .cro1_li7 img { margin-right: 10px; } .pipeline_tab tr td:first-child { font-size: 14px; padding: 0 5px; } .cro2_p2 { font-size: 14px; } .cro2_p3 { font-size: 12px; padding-left: 10px; } .cro2_p1 { font-size: 14px; } .pipeline_tab { width: 90%; margin: 0 auto; margin-top: 200px; } .pipeline_tab td { padding: 10px; } .cro1_li8 { top: 106%; padding: 26px 30px; } .cro2_from { margin-top: 130px; padding: 30px; } .cro2_p4 { font-size: 18px; } .cro2_tab td { padding: 10px; font-size: 14px; } .cro2_p5 { font-size: 14px; } .cro_form3 { margin-top: 40px; } .pipeline_tab th { font-size: 14px; height: 50px; } .cro2_p3::before { width: 5px; height: 5px; top: 9px; } .from_select select { height: 40px; line-height: 40px; } /*.cro_ul4 input:last-child {*/ /* width: 100%;*/ /*}*/ * { line-height: 20px; } .pipeline_raav { margin-top: 320px; } .raav_ul2 { width: 90%; margin: 0 auto; margin-top: 20px; padding: 0; } .raav_main1 { width: 90%; margin: 0 auto; } .cro2_li8 { top: 139%; } .cro2_from2 { margin-top: 190px; } .cro_list2 { padding: 20px; } .cdmos_bg { margin-top: -20px; } .cdmo_form { margin-top: 20px; } .cros_img { width: 100%; margin-top: -20px; } /* */ .plasmid_con { position: absolute; top: 23px; right: 50px; width: 80%; } .cro1_li21 { margin-top: -4px; } .cro1_li21 img { height: 330px !important; } .plasmid_p6 { font-size: 18px; } .plasmid_li4 { top: 143%; } .plasmid_li4 .cro_p14 { margin-top: 10px; } .plasmid_li4 p { line-height: 22px; } .plasmida_list { margin-top: 280px; margin-bottom: 20px; } .plasmida_ul1 { width: 100%; } .plasmida_ul5 { margin-right: 0; width: 100%; padding: 20px; } .plasmida_p3 { font-size: 22px; margin-top: 20px; } .plasmida_ul5 .plat_p1 { margin-top: 0; } .plasmida_ul5 .plasmida_p4 { margin-top: 10px; } .plasmidb1 { width: 90%; margin: 0 auto; } .plasmidb1_p4 { font-size: 22px; } .plasmidb1_m { padding-top: 20px; } .plasmidb1_img { margin: 20px 0; } .plasmidb_li1 { margin-top: 20px; } .raav_p4 { font-size: 14px; } .cdmos_p1 { font-size: 14px; margin-top: 0; height: 40px; } .plasmidb1_p1 { font-size: 22px; } .plasmid_con2 { top: 50px; right: 0px; width: 100%; padding: 0 4%; font-size: 14px; } .plasmidb1_p2 { margin: 10px 0 20px 0; } .plasmidb_li1 img { height: 700px; height: 550px !important; } .plasmidb1_p3 { margin-top: 20px; margin-bottom: 20px; line-height: 22px; } .plasmid_lh { line-height: 22px; } .plasmid_li2 { top: 130%; padding: 20px 20px; } .plasmida_list2 { margin-top: 370px; } .plasmida_ul4 { width: 100%; margin: 0; padding: 20px; } .plasmidc { padding: 0; width: 90%; margin: 0 auto; } .plasmidc .plat_p1 { margin-top: 0; } .plasmidb1_m2 { margin: 0; } .plasmidc_img { padding: 20px 0; } .cell_main { width: 100%; margin-top: 40px; margin-top: -4px; } .cell_left { width: 100%; padding: 30px 20px; } .cell_p1 { font-size: 22px; } .plat_p1 { font-size: 14px; } .cell_p2 { font-size: 14px; margin-top: 10px; line-height: 1.4; } .cell_p3 { font-size: 14px; margin-top: 10px; } .cell_right { width: 100%; margin-right: 0; } .cell_p4 { font-size: 14px; } .plasmid_li1 { margin-top: 40px; } .plasmid_li1 img { position: absolute; left: 0px; top: -50px; height: 40px !important; } .plasmiddm { margin-top: 0; } .cro_list2 .cro_con { margin-top: 0; } .mrna_li2 { margin-top: -4px; } .mrna_li2 img { height: 420px !important; } .mrna_con { position: absolute; top: 30px; right: 15px; width: 92%; } .mrna_p2 { margin-top: 10px; font-size: 14px; } .mrna11 { margin-top: 500px; width: 90%; } .mrna_li1 { width: 100%; padding: 20px 20px; top: 160%; left: 50%; } .mrna_li1 .cro_p13 { margin-top: 10px; } .mrna1 { width: 90%; } .marnb1_img { margin: 20px 0; } .mrnb1 { width: 90%; } .mrna_item { margin-top: 5px; } .serv_List2 { margin-bottom: 20px; } .mrna_pl12 { line-height: 22px; font-size: 12px; font-weight: normal; } .cella1 { width: 100%; padding-bottom: 0px; border: none; } .cella2 { margin: -4px 0 30px 0; padding: 30px 0; } .cella22 { width: 90%; } .cella3 { width: 90%; margin: 0 auto; } .cell_pall { margin-top: 10px; font-size: 14px; } .cell_li1 img { height: 450px !important; } .plasmida_ul2 { width: 100%; padding: 20px; } .cell_li2 { margin-top: 0; } .cell_p7 { width: 100%; } .cell_list1 { margin-top: 320px; } .cella4_right { width: 100%; margin-top: 60px; } .cella4_left { width: 90%; margin: 0 auto; } .cella4_main { margin-top: 40px; } .cellt_img1 { position: absolute; top: -40px; left: 0px; } .cellt_img2 { position: absolute; bottom: -40px; right: -10px; } .cell_rightli1 .cro1_p4 { margin-top: 10px; } .cell_pall2 p { margin-top: 7px; } .virala1_tit { font-size: 14px; padding: 10px; } .virala1_main2 { margin-top: 40px; } .virala1_item { flex-wrap: wrap; } .virala1_left { width: 100%; padding: 30px 19px; } .virala1_right { width: 100%; } .virala1_rightli3 { width: 90%; font-size: 14px; } .virala1_item { padding-bottom: 20px; } .cella5 { width: 90%; margin: 0 auto; } .virala1_left2 .plasmid_li1 { margin-top: 0; } .virala1_p1 { font-size: 14px; } .virala1_left2 { min-height: auto; } .virala1_item3 { width: 100%; margin-top: 60px; } .virala1_ul1 { width: 90%; } .virala1_item4 { margin-top: 70px; } .cella6 { width: 90%; margin: 0 auto; } .virala1_main { margin-top: 20px; line-height: 1.4; } .viralb1_list2 { margin-top: 40px; } .plasmidb1_p5 { font-size: 22px; } .viralb1 { padding-bottom: 0; } .cro1_li22 { margin-top: 0; } .cro1_li22 img { height: 370px !important; } .plasmid_con4 { position: absolute; top: 30px; right: 20px; width: 90%; font-size: 14px; } .plasmid_list2 { padding: 20px; } .plasmida_list3 { margin-top: 360px; } .plasmida_p4 { margin-top: 10px; } .viralc_p1 { margin-top: 20px; font-size: 14px; } .viralc_p2 { font-size: 22px; } .cell_right img { width: 100%; } .mrna_li .mrna_p3 { font-size: 14px; } .cella4_left2 { width: 84%; margin: 0 auto; } .cell_pall p { line-height: 20px; font-weight: normal; font-size: 12px; } .cell_pall p::before { width: 6px; height: 6px; } .viralc_hr { border: none; padding: 0; } p { line-height: 22px; } .mrna_p1 { font-size: 22px; } .w980 { width: 100%; } .cgmp_ul1 { width: 100%; } .cgmp_ul1 .cro_p6 a { width: 100%; } .smart2_p1 { font-size: 22px; } .smart2_p2 { font-size: 14px; margin-top: 10px; } .cgmp_main { width: 90%; } .cgmp_main3 { width: 90%; } .cgmp_list { flex-wrap: wrap; } .cgmp_item { width: 100%; } .cgmp_p1 { line-height: 1.4; font-size: 16px; margin: 10px 0; } .cgmp_p2 { font-size: 14px; } .cgmp_p3 a { font-size: 14px; } .process_main { padding: 8% 4%; } .cell_p8 { margin-top: 10px; font-size: 14px; } .process2_right { width: 100%; } .process2_left { width: 100%; } .process2_con { padding: 16% 0; font-size: 14px; } .process_main3 a { width: 90%; margin: 0 auto; margin-top: 10px; padding: 14px 30px; font-size: 14px; } .process_main3 a:nth-child(3n) { margin-right: auto; } .cgmp_p6 a { width: 100%; } .cgmp_left4 { width: 100%; } .cgmp_left41 { padding: 0px 20px 30px 20px; } .cgmp_p6 a { margin-top: 10px; } .cgmp_right4 { width: 100%; } .cgmp_right5 { margin: 20px; } .cella4_left2 p { font-size: 14px; } .cellt_img3 { position: absolute; top: -10px; left: -30px; } .cellt_img4 { position: absolute; bottom: -10px; right: -30px; } .plasmid_p1 { font-size: 14px; } .cgmp_li6 img { height: 410px !important; } .cgmp_li7 { margin-top: 400px; } .cro_p1 { font-size: 14px; } .cgmp_li1 { padding: 10px 20px 25px 20px; } .smart1_img2 { width: 90%; margin: 0 auto; } .cellt_img5 { top: -10px; } .smart3 { margin-top: -10px; margin-bottom: -4px; } .cgmp_p7 { margin-bottom: 40px; margin-top: 0; } .cgmp_p7 a { font-size: 14px; } /* */ }