@charset "utf-8";

/* CSS Document */

/* end reset.css */



/*reset*/



.fl, .fr {
    display: inline;
}

.fl {
    float: left;
}

.fr {
    float: right;
    /*float:left;*/
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.clearfix {
    *zoom: 1
}

    .clearfix:after {
        content: "\20";
        clear: both;
        height: 0;
        display: block;
        overflow: hidden
    }

.g_hbtd3_div .pReset_div1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
}

    .g_hbtd3_div .pReset_div1 .pReset_div1_d1 {
        width: 23%;
        height: 40px;
        text-align: center;
        line-height: 40px;
        border-radius: 12px;
        font-size: 16px;
        font-weight: 600;
        color: #4c4948;
        background: #eeeeee;
    }

    .g_hbtd3_div .pReset_div1 .pReset_div1_d2 {
        width: 23%;
        height: 40px;
        text-align: center;
        line-height: 40px;
        border-radius: 12px;
        font-size: 18px;
        font-weight: 600;
        color: #4c4948;
        background: #eeeeee;
    }

    .g_hbtd3_div .pReset_div1 .pReset_div1_d3 {
        width: 23%;
        height: 40px;
        text-align: center;
        line-height: 40px;
        border-radius: 12px;
        font-size: 18px;
        font-weight: 600;
        color: #4c4948;
        background: #eeeeee;
    }

    .g_hbtd3_div .pReset_div1 .pReset_div1_d4 {
        width: 36%;
        height: 40px;
        text-align: center;
        line-height: 40px;
        border-radius: 12px;
        font-size: 18px;
        font-weight: 600;
        color: #4c4948;
        background: #eeeeee;
    }

    .g_hbtd3_div .pReset_div1 .pReset_div1_hsj {
        width: 12px;
        height: 18px;
        margin-top: 12px;
        margin-left: 36px;
        margin-right: 36px;
    }

.g_hbtd3_div .pReset_div2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
}

    .g_hbtd3_div .pReset_div2 .pReset_div2_d1 {
        border-radius: 12px;
        width: 23%;
        height: auto;
        border: 2px solid #eeeeee;
        color: #4c4948;
        border-top: 0px;
        margin-top: 5px;
    }

    .g_hbtd3_div .pReset_div2 .pReset_div2_d2 {
        border-radius: 12px;
        width: 18%;
        height: auto;
        border: 2px solid #eeeeee;
        color: #4c4948;
        margin-left: 86px;
        border-top: 0px;
        margin-top: 5px;
    }
    .g_hbtd3_div .pReset_div2 .pReset_div2_d3 {
        border-radius: 12px;
        width: 23%;
        height: auto;
        border: 2px solid #eeeeee;
        color: #4c4948;
        margin-left: 84px;
        border-top: 0px;
        margin-top: 5px;
    }

    .g_hbtd3_div .pReset_div2 .pReset_div2_d4 {
        border-radius: 12px;
        width: 36%;
        height: auto;
        border: 2px solid #eeeeee;
        color: #4c4948;
        margin-left: 84px;
        border-top: 0px;
        margin-top: 5px;
    }

    .g_hbtd3_div .pReset_div2 .pReset_div2_p {
        text-align: left;
        width: 90%;
        margin: auto;
        margin-top: 18px;
        margin-bottom: 12px;
        line-height: 25px;
    }


.g_hbtd3_div .pReset_div1 .pReset_div1_d {
    width: 18%;
}

.g_hbtd3_div .pReset_div2 .pReset_div2_d {
    width: 18%;
}




table {
    border-collapse: separate;
    border-spacing: 1px;
}



/*header*/

.first-pic {
    width: 100%;
    height: 420px;
}

.b-list {
    background: #f9f9f9;
    padding-right: 18px
}

    .b-list a {
        line-height: 80px;
        font-size: 16px;
        color: #4b4948;
        margin-left: 50px;
    }

.j-img {
    float: left;
    margin: 24px 10px 0 0;
}

.jsp-a {
    float: left;
}

.j-img2 {
    float: left;
    margin: 29px 10px 0 0;
}

.b-wrap a {
    font-family: arial, 'Microsoft Yahei', '微软雅黑';
    color: #4c4a44;
    text-decoration: none;
}

    .b-wrap a:hover .jsp-a, .a-active .jsp-a {
        color: #6d9940
    }

.tech-banner1 {
    background: url(../uploads/pic4.jpg) no-repeat center top;
}

.tech-banner2 {
    background: url(../uploads/pic4.jpg) no-repeat center top;
}

.tech-banner3 {
    background: url(../uploads/pic4.jpg) no-repeat center top;
}

.tech-banner4 {
    background: url(../uploads/pic4.jpg) no-repeat center top;
}

.tech-banner5 {
    background: url(../uploads/pic4.jpg) no-repeat center top;
}

.tech-banner6 {
    background: url(../uploads/pic4.jpg) no-repeat center top;
}

.pReset {
    font: 16px/24px arial,'microsoft yahei','微软雅黑';
    color: #4b4948 ;
    padding-bottom: 40px;
    line-height: 30px;
}

img {
    border: 0;
}

.g_img1 {
    margin: auto;
}

.br {
    border-bottom: 1px dashed #afafaf;
}

.content-content .box {
    width: 100%;
    background: #fff;
    margin: 0 auto;
    font-family: arial, 'Microsoft Yahei', '微软雅黑';
    text-align: center;
}

.bg {
    width: 100%;
    background: white;
    font-family: arial, 'Microsoft Yahei', '微软雅黑';
}

    .bg .box {
        background: white;
    }


.a1 {
    text-decoration: none;
    color: #539A34;
    font: 14px/88px 'microsoft yahei';
}

    .a1:hover {
        text-decoration: underline;
    }



.a2 {
    text-decoration: none;
    color: #539A34;
    font: 14px/88px 'microsoft yahei';
    display: block;
}

    .a2:hover {
        text-decoration: underline;
    }



.ft {
    text-align: left;
    padding: 10px 0 0;
}

.ct {
    text-align: center;
}

.pt0 {
    padding-top: 0
}



.w565 {
    width: 100%
    /* width: 565px;*/
    padding-bottom: 10px;
    padding-top: 10px;
    border-top: 1px solid #549B34;
}

.w565_nb {
    width: 565px;
    padding-bottom: 10px;
    padding-top: 10px;
    border: none
}

.title {
    font-size: 30px;
    color: #4b4948;
    line-height: 80px;
    font-weight: normal;
}



.tit_1 h3 {
    height: 52px;
    font-size: 40px;
    font-weight: normal;
    line-height: 52px;
    color: #4b4948;
    padding-bottom: 10px;
}

.tit_1 p {
    line-height: 52px;
    font-size: 30px;
    color: #4b4948;
}

.tit_2 h3 {
    font: 24px/34px 'microsoft yahei';
    color: #4b4948;
    padding-bottom: 20px
}

.tit_2 .tit_p {
    font-size: 22px;
    font-family: arial,'microsoft yahei';
}

.tit_3 {
    text-align: left;
    color: #549B34;
    font-weight: bold;
    padding: 50px 0 0;
}





.box1 .dPic, .box3 .dPic {
    width: 1100px;
    height: 300px;
    background: url(/TemplatePage/novogene/uploads/r1_dxd_t4.jpg) no-repeat left top;
    margin-top: 20px;
    background-size: 100% 300px
}

.box1 .dTxt, .box3 .dTxt {
    width: 320px;
}

.box1 .dTxt_2, .box3 .dTxt_2 {
    margin-left: 52px;
}

.box1 .dPic h3, .box3 .dPic h3 {
    height: 30px;
    font: bold 14px/48px 'microsoft yahei';
    color: #4B4848;
    margin-bottom: 40px
}

.box2 .tb {
    padding: 0
}

.box2 .dTxt {
    width: 565px;
    padding-bottom: 10px
}



.qjy .dTxt {
    width: 350px;
}

.qjy .dTxt2 {
    margin-left: 40px;
}





.bg .qjy .dTxt2 {
    padding-bottom: 40px;
}

.box3 .dPic {
    height: 293px;
    background: url(/TemplatePage/novogene/uploads/rl_dxd_t6.jpg) no-repeat left top;
}

.box3 .dPic {
    height: 293px;
    background: url(/TemplatePage/novogene/uploads/rl_dxd_t6.jpg) no-repeat left top;
}

    .box3 .dPic.dPic1 {
        height: 293px;
        background: url(/TemplatePage/novogene/uploads/rl_dxd_t6.jpg) no-repeat left top;
        background-size: 100%
    }





.txt {
    width: 325px;
    text-align: left;
}

.txt_1 {
    margin-left: 80px;
}

.txt_2 {
    margin-left: 20px
}

.txt_3 {
    margin-right: 80px;
}



.pTxt {
    font: bold 14px/24px 'microsoft yahei';
    color: #4B4848;
    padding-bottom: 10px;
    text-align: left;
}

.rl_pTxt2 {
    padding: 0 41px 0;
}



.box3 .pTxt2 {
    padding: 0 20px 0 45px;
}







.box1 .wsw_dPic, .box3 .wsw_dPic {
    width: 1100px;
    height: 270px;
    background: url(../uploads/wsw_16s_bg.jpg) no-repeat left top;
    background-size: 100% 270px;
    margin-top: 20px;
}

.box1 .wsw_dPicThree, .box3 .wsw_dPicThree {
    width: 1200px;
    height: 225px;
    background: url(/TemplatePage/novogene/uploads/three11.png) no-repeat left top;
    margin-top: 20px;
}

.wsw_dTxtThree {
    width: 367px;
}

.wsw_dPicThree {
    padding-top: 15px;
}

.box1 .wsw_pTxt2Three {
    padding: 43px 17px 0 15px;
}



.box1 .wsw_dPic h3, .box3 .wsw_dPic h3 {
    height: 30px;
    font: bold 14px/42px 'microsoft yahei';
    color: #4B4848;
    margin-bottom: 30px
}

.box1 .wsw_pTxt2 {
    padding: 0 12px 0 25px;
}

.box1 .wsw_dTxt, .box3 .wsw_dTxt {
    width: 251px;
}

.box1 .wsw_dTxt_2, .box3 .wsw_dTxt_2 {
    /* margin-left: 32px;*/
    margin-left: 30px;
}




/*.wsw .dTxt,.dzw_dTxt3{width:265px;}*/
.wsw .dTxt, .dzw_dTxt3 {
    width: 245px;
}

.wsw .dTxt2 {
    margin-left: 50px
}

.box1 .dzw_dPic, .box3 .dzw_dPic {
    width: 1100px;
    height: 300px;
    background: url(../uploads/wsw_16s_bg.jpg) no-repeat left top;
    margin-top: 20px;
    background-size: 100% 300px;
}
    /*.box1 .dzw_dPic,.box3 .dzw_dPic{width:1200px;height:225px;background:url(../uploads/wsw_16s_bg.jpg) no-repeat left top;margin-top:20px;}
*/
    .box1 .dzw_dPic h3, .box3 .dzw_dPic h3 {
        height: 30px;
        font: bold 14px/30px 'microsoft yahei';
        color: #4B4848;
        margin-bottom: 30px
    }

.box1 .dzw_pTxt2 {
    padding: 0 20px 0 25px;
}

.box1 .dzw_dTxt, .box3 .dzw_dTxt {
    width: 240px;
}

.box1 .dzw_dTxt_2, .box3 .dzw_dTxt_2 {
    margin-left: 45px;
}



.dzw .dTxt {
    width: 370px;
}

.dzw .dTxt2 {
    margin-left: 40px;
}



.db .dTxt {
    width: 220px;
}

.db .dTxt2 {
    width: 280px;
}

.db .pr {
    padding-right: 20px;
}



.pt160 {
    padding-top: 160px;
}



.db .sp_dot {
    width: 17px;
    height: 22px;
    display: block;
    line-height: 24px;
    color: #fff;
    text-align: center;
    float: left;
    vertical-align: middle;
    background: url(../uploads/dot_10.jpg) no-repeat left 4px;
}

.db .spTxt {
    display: block;
    vertical-align: middle;
}



.pb60 {
    padding-bottom: 60px;
}

.pt60 {
    padding-top: 60px;
}









.hxFlex {
    display: flex;
}

    .hxFlex span {
        display: block;
        flex: 1;
        padding-right: 20px;
    }


p {
    font-size: 16px;
}

.g_tit_3 {
    font-size: 24px;
    color: #00469c;
    font-weight: bold;
    margin-bottom: 18px;
}

.tb .g_tit_2 {
    text-align: left;
    color: #00469c;
}

    .tb .g_tit_2 h3 {
        font-weight: 400 !important;
        color: #00469c !important;
    }

    .tb .g_tit_2 .tit_p {
        color: #00469c !important;
        font-weight: 400 !important;
        font-size: 24px !important;
    }

.g_tit_4 {
    color: #4b4948 !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}
div.tit_2.g_tit_2 h3 {
    margin-top:30px !important;
}
/*20220707 加*/
.content-right .content-right-top > p {
    font-size: 16px !important;
    font-weight: lighter !important;
}

.content-content > div p:not(.tit_3), .content-content > div table td, .content-content > div span, .replenish > p, .content-content div.box p.pReset.ft {
    margin-top: 0px !important;
    line-height: 30px;
    font-size: 14px !important;
  /*  letter-spacing: 1px;*/
    font-weight: lighter !important;
    text-align:justify;
}
.content-content div p.yijititle {
    padding: 0px !important;
    margin-top: 80px !important;
    margin-bottom: 46px !important;
    font-size: 27px !important;
    text-align: center;
    width: 100%;
    font-weight: 400 !important;
}
.content-content div p.title {
    padding: 0px !important;
    margin-top: 100px !important;
    margin-bottom: 20px !important;
    font-size: 27px !important;
    text-align: center;
    width: 100%;
    font-weight: 400 !important;
}

.content-content .qcbj {
    margin: 0px auto !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}


.content-content .mb-pc100-sj-87 {
    margin-bottom: 100px !important;
}
.g_tit_3, .content-content p.tit_3, .content-content div.advantage>p {
    font-size: 24px !important;
    font-weight: 400 !important;
}
div.content-content > div.box div.tit_2.g_tit_2 > h3 {
    font-size: 24px !important;
    font-weight: 400 !important;
}
 div.content-content > div.advantage > ul > li > p {
     font-weight:600 !important;
}
div.content-content div.box p.pReset.ft>b{
    font-weight:bold;
}
#app > div.content.jiegou.fensan > div.content-right > div.advantage > ul > li > span {
    line-height: 30px;
    font-size: 16px !important;
    letter-spacing: 1px;
    font-weight: lighter !important;
}
#app > div.content.jiegou.fensan > div.content-right > div.bg p.pReset.ft.g_tit_4, #app > div.content.jiegou.fensan > div.content-right > div > p.pReset.ft.g_tit_4 {
    line-height: 30px;
    font-size: 16px !important;
    letter-spacing: 1px;
    font-weight: lighter !important;
}
/*20220707 加*/
#app > div.content.jiegou.fensan > div.content-right > div.content-content > div.box.box2.qjy > div > div > div > div.pReset_div2 {
   
    flex-wrap: nowrap;
}
#app > div.content.jiegou.fensan > div.content-right > div.content-content > div.box.box2.qjy > div > div > div > div.pReset_div1 {
    flex-wrap: nowrap;
}
#app > div.content.jiegou.fensan > div.content-right > div.content-content > div:nth-child(5) > div > div.g_hbtd3_div > div.pReset_div1 {
    flex-wrap: nowrap;

}
#app > div.content.jiegou.fensan > div.content-right > div.content-content > div.bg > div > div > div > div > div.pReset_div1 {
    flex-wrap: nowrap;
}
#app > div.content.jiegou.fensan > div.content-right > div.content-content > div.bg > div > div > div > div > div.pReset_div2 {
    flex-wrap: nowrap;
}
#app > div.content.jiegou.fensan > div.content-right > div.content-content > div.box.box1 > div > div.bg > div > div > div > div > div.pReset_div1 {
    flex-wrap: nowrap;
}
#app > div.content.jiegou.fensan > div.content-right > div.content-content > div.box.box1 > div > div.bg > div > div > div > div > div.pReset_div2 {
    flex-wrap: nowrap;
}
#app > div.content.jiegou.fensan > div.content-right > div.box.box1 > div > div.g_hbtd3_div > div.pReset_div1 {
    flex-wrap: nowrap;
}
#app > div.content.jiegou.fensan > div.content-right > div.box.box1 > div > div.g_hbtd3_div > div.pReset_div2 {
    flex-wrap: nowrap;
}
p.pReset.ft {
    margin-top: 0px !important;
    line-height: 30px;
    font-size: 14px !important;
    letter-spacing: 1px;
    font-weight: lighter !important;
}
@media screen and (max-width: 1280px) {
    .g_hbtd3_div .pReset_div1 .pReset_div1_d {
        width: 16%;
    }
    .g_hbtd3_div .pReset_div2 .pReset_div2_d {
        width: 16%;
    }
}

    

    @media screen and (max-width: 450px) {
        div .content-content > div.information table {
            table-layout: fixed;
        }

        div.content-content .g_hbtd3_div .pReset_div1 {
            flex-wrap: nowrap !important;
            justify-content: center;
        }

        #app > div.content.jiegou.fensan > div.content-right > div.box.box1 > div > div.g_hbtd3_div > div.pReset_div1 {
            flex-wrap: nowrap !important;
            justify-content: center;
        }

        div.content-content .g_hbtd3_div .pReset_div1 .pReset_div1_hsj {
            width: 10px !important;
            margin-top: 11px;
            margin-left: 1.3em;
            margin-right: 1.3em;
        }

        #app > div.content.jiegou.fensan > div.content-right > div.box.box1 > div > div.g_hbtd3_div > div.pReset_div1 > div.pReset_div1_d4 {
            width: 23%;
        }

        .g_hbtd3_div .pReset_div2 {
            flex-wrap: nowrap;
        }

        .g_hbtd3_div .pReset_div1 {
            flex-wrap: nowrap;
        }

        .g_hbtd3_div .pReset_div2 > :first-child {
            min-width: 30%;
            border-top: 0px;
            margin-top: 5px;
        }

        .g_hbtd3_div .pReset_div2 > div:not(:first-child) {
            min-width: 33%;
            margin-left: 0.8em !important;
            border-top: 0px;
            margin-top: 5px;
        }

        div.content-content div.h1200 {
            width: 100% !important;
        }

        #app > div.content.jiegou.fensan > div.content-right > div.bg100 > div.h1200 {
            width: 100% !important;
        }

        .g_hbtd3_div .pReset_div1 .pReset_div1_d {
            width: 25% !important;
        }

        #app > div.content.jiegou.fensan > div.content-left > div.download.duichen > img {
            width: 21px !important;
        }

        .liji {
            float: left;
            padding: 0;
            width: 43%;
            margin: 0 10px;
        }

            .liji li {
                width: 100% !important;
            }

        table th, table td {
            font-size: 12px !important;
            font-weight: 400 !important;
            padding: 0em !important;
            width: 25% !important;
        }

        table tr td ol {
            margin: 0.2em !important;
        }

            table tr td ol li {
                list-style: decimal;
                margin-left: 1em !important;
            }
        /*20220707 加*/
        .content-right .content-right-top > p {
            font-size: 18px !important;
            font-weight: 300 !important;
        }

        .content-content > div p, .content-content > div table td, .content-content > div span {
            line-height: 26px !important;
            font-size: 14px !important;
        }

            .content-content > div p:not(.tit_3), .content-content > div table td, .content-content > div span, .replenish > p, .content-content div.box p.pReset.ft {
                font-size: 14px !important;
                font-weight: 300 !important;
            }

        .content-content div p.yijititle {
            margin-top: 70px !important;
            margin-bottom: 40px !important;
            font-size: 24px !important;
            font-weight: 400 !important;
        }

        .content-content div p.title {
            margin-top: 87px !important;
            margin-bottom: 17px !important;
            font-size: 24px !important;
        }

        .content-content .mb-pc100-sj-87 {
            margin-bottom: 87px !important;
        }

        .g_tit_3, .content-content p.tit_3, .content-content div.advantage > p {
            font-size: 24px !important;
            font-weight: 400 !important;
        }

        div.content-content > div.box div.tit_2.g_tit_2 > h3 {
            font-size: 24px !important;
            font-weight: 400 !important;
        }

        /*20220707 加*/
        .tb .g_tit_2 .tit_p {
            font-size: 24px !important;
        }

        #app > div.content.jiegou.fensan > div.content-right > div.advantage > ul > li > span {
            line-height: 26px;
            font-size: 14px !important;
            font-weight: 300 !important;
        }

        #app > div.content.jiegou.fensan > div.content-right > div.bg p.pReset.ft.g_tit_4, #app > div.content.jiegou.fensan > div.content-right > div > p.pReset.ft.g_tit_4 {
            line-height: 26px;
            font-size: 14px !important;
            font-weight: 300 !important;
        }
        p.pReset.ft {
            font-size: 14px !important;
            font-weight: 300 !important;
        }
    }