/*site_banner*/
/*面包屑*/
.site{height: 58px;line-height: 58px;}
.site,.site a{color: #000;}
.site span{color: #84888d;}
@media only screen and (max-width:767px) {
    .site{height: 40px;line-height: 40px;display: none;}
}

/*产品中心*/
.product_con{padding: 3% 0 90px;overflow: hidden;}
.product_list dl{float: left;width: 32%;margin-right: 2%;margin-bottom: 4%;}
.product_list dl:nth-child(3n){margin-right: 0;}
.product_list dl dt{background: #ededed;padding: 25px;box-sizing: border-box;transition: all .3s;}
.product_list dl dt a{color: #2a2a2a;text-align: center;display: block;}
.product_list dl dt a p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.group_t{display: inline-block;width: 100%;}
.group_t ul li{float: left;width: 16.666%;text-align: center;background: #f6f6f6;position: relative;border-right: 1px solid #fff;box-sizing: border-box;}
.group_t ul li:last-child{border-right: 0;}
.group_t ul li a{line-height: 50px;display: block;}
.group_t ul li::after{content: "";
    display: block;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #920783;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    display: none;
}
.group_t ul li.on{background: #920783;}
.group_t ul li.on a{color: #fff;}
.group_t ul li.on::after{display: block;}
.group_t .swiper-button-prev,.group_t .swiper-button-next{ display: none;}
@media only screen and (max-width:1023px) {
    .group_t .swiper-button-prev,.group_t .swiper-button-next{ display: block; background-size: 26px 26px;}
}

.group_b dl{margin-top: 40px;}
.group_b dl dd{background: #b4b4b4;color: #fff;padding: 15px 2.5%;box-sizing: border-box;overflow: hidden;position: relative;}
.group_b dl dd p{float: left;}
.group_b dl dd span{position: absolute;top:50%;right:20px; margin-top: -10px; float: right;font-size: 28px;line-height:20px;}
.group_b dl dd span a{color: #fff;}
.group_b dl dt{background: #ededed;padding: 30px 2.5%;box-sizing: border-box;}
.group_b dl dt h2{margin-bottom: 20px;}
.group_b dl dt ul{overflow: hidden;}
.group_b dl dt ul li{position: relative;font-weight: bold;padding: 5px 0;padding-left: 15px;box-sizing:border-box;width: 49%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float: left;}
.group_b dl dt ul li:nth-child(2n){float: right;}
.group_b dl dt ul li::before{content: "";display: block;width: 5px;height: 5px;border-radius: 5px;background: #3f3f3f;position: absolute;left: 0;top: 50%;margin-top: -3px;}
.group_b-item{display: none;}
.group_b-item.on{display: block;}

.list_recommend{overflow: hidden;position: relative;background: #fff;border-radius: 5px;box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.list_recommend .l{float: left;width: 36%;max-height: 100%;overflow: hidden;}
.list_recommend .r{;width: 64%;height: 100%;padding: 2% 4%;box-sizing: border-box;float: left;}
.list_recommend .r h1{margin-bottom: 20px;}
.recommend_txt{color: #84888d;line-height: 28px;}
.recommend_txt p{margin-bottom: 20px;}

.list_all li{padding: 40px 40px 30px;box-sizing: border-box;overflow: hidden;}
.list_all li:nth-child(2n){background: #ededed;}
.list_all li a{color: #3f3f3f;display: block;overflow: hidden;}
.list_all li h1{font-weight: bold;margin-bottom: 5px;}
.xzbox_le{float: left;width: calc(100% - 150px)}
.xzbox_re{float: right;}
@media only screen and (max-width:767px) {
.list_all li{padding: 20px}
.xzbox_le{margin-bottom: 10px;}
.xzbox_le,.xzbox_re{float: none;width: 100%;}
}

@media only screen and (min-width:1025px) {
    .product_list dl dt:hover{background: #009944;color: #fff;}
    .product_list dl dt:hover a{color: #fff!important;}
    .group_t ul li.on a:hover{color: #fff!important;}
}



/*产品详情*/
.but {
    display: none;
}
.but>div{background: none;}
.details_01{position: relative;display: inline-block;width: 100%;}
.details_01 .l{float: left;width: 40%;margin-right: 2%;}
.details_01 .r{float: left;width: 58%;padding: 3%;box-sizing: border-box;/*box-shadow: 0 0 15px rgba(0,0,0,0.2);*//*position: absolute;*/right: 0;height: 100%; min-height: 90px;}

.case_show{ position: relative;}
.case_show_b{ width: 100%; height: 100%;margin-bottom: 10px;}
.case_show_b li{position: relative;cursor: pointer;}
.case_show_b li img:last-child{width: auto;}
.case_show_b .mask{background: rgba(0,0,0,0.1);position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
/*.case_show_b .swiper-container{overflow: inherit;}*/
/*.case_show_b li{display: none;}*/
.case_show_b.on{margin-bottom: 0;}
.case_show_s{width:100%;  z-index: 10;margin: 0 auto;position: relative;}
.case_show_s li{position: relative;cursor: pointer;opacity:0.4;filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; overflow: hidden;}
.case_show_s li.on{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}
.case_show_s .swiper-container{margin: auto;}
.case_show_s li img{height: 100%!important;width: 100%;}
.case_show_s .mask{background: rgba(0,0,0,0.3);position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.case_show_s .but>div{width: 45px;height: 100%;margin-top: 0;box-shadow: none;background: #e6e6e6;text-align: center;transition: all .3s;}
.case_show_s .but>div i{vertical-align: middle;font-size: 20px;color: #fff;font-weight: bold;}
.case_show_s .but>div.swiper-button-prev{left:0px;top: 0;}
.case_show_s .but>div.swiper-button-next{right:0px;top: 0;}
.case_show_s .swiper-button-next.swiper-button-disabled,.case_show_s .swiper-button-prev.swiper-button-disabled{cursor: pointer; pointer-events:visible;opacity: 1;}
.case_show_s .swiper-button-next.disabled,.case_show_s .swiper-button-prev.disabled{cursor: auto; opacity: 0.3;}

.lb_ewm{width: 156px;height: 50px;background: #f2f2f2;line-height: 50px;text-align: center;color: #84888d;margin-top: 30%;position: relative;}
.lb_ewm img{margin-top: 8.5px;margin-right: 10px;}
.ewm_bigimg{position: absolute;width: 156px;height: 156px;right: -166px;top: -156px;display: none;}
.ewm_bigimg img{width: 100%;}
.ewm_bigimg.on{display: block;}
.details_01 .r h1{font-weight: bold;margin-bottom: 10px;}
.lb_txt{line-height: 26px;color: #373f42}
.fubiaoti{font-size: 14px;color: #84888d;margin-top: 5px;}
.have_vid_small p{color: #fff;width: 100%;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;}





.video_buttonimg{width: 44px !important;height: 44px!important; position: absolute;top:50%;left: 50%;margin-left: -22px;margin-top: -22px;}

.details_02{margin-top: 50px;}
.details_item{margin-bottom: 60px;overflow: hidden;}
.details_no{overflow: inherit;}
.details_tit{
    position: relative;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 35px;
/*height: 63px;line-height: 63px;*/

font-weight: bold;padding: 0px;box-sizing: border-box;color: #373f42;;padding-bottom: 15px;
}
.details_tit:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 15%;
    height: 3px;
    background: #920783;
}

.details_con .edit_con_original p{ word-break: break-word;}
.details_tab{padding: 0 40px; box-sizing: border-box;}
.ph_table{width: 100%;}
.ph_table thead td{background: #ededed;font-weight: bold;}
.ph_table tbody tr{background: #fbfbfb;}
.ph_table tbody tr:nth-child(2n){background: #ededed;}
.ph_table td {
    padding: 18px 10px;text-align: center;
}

.ph_table td{border-right: 1px solid #bebebe;}
.ph_table td:last-child{border-right:0;}

.ph_table td.t1{width:50%;}
.ph_table td.t2,.ph_table td.t3{width:25%;}


.details_trait ul{padding: 0 40px;}
.details_trait ul li{list-style: disc;color: #a43097;margin-bottom: 5px;}
.details_trait ul li p{color: #3f3f3f;}


.details_test{padding: 0 40px;}
.details_process{padding: 0 40px;position: relative;padding-bottom: 40px;}
.details_process li{position: relative;cursor: pointer;}
.details_process li img{width: 100%;}
.details_process li img.play_vid{width: auto;}
.details_process .swiper-pagination{text-align: center;width: 100%;padding: 0 40px;box-sizing: border-box;left: 0;bottom: 0;}
.details_process .swiper-pagination-bullet{background: #fff;margin: 0 5px;box-shadow: 0 0 10px rgba(0,0,0,0.2);opacity: 1;}
.details_process .swiper-pagination-bullet-active{background: #009944;margin: 0 5px;}
/*视频弹窗*/
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}


.video_appbox video{object-fit: cover;    width: 100%;}
.video_appbox .video_t{
    z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%;
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;
    transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
    visibility: hidden;opacity: 0;

}
.video_appbox.show .video_t{
    visibility: visible;opacity:1;
    top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}
.vide0_close i{color: #fff;font-size:20px;font-weight: bold;}


.details_down{padding: 0 20px;}
.details_down li{float: left;width: 49%;margin-right: 2%;margin-bottom: 20px;padding: 12px 20px;box-sizing: border-box;border-bottom: 1px solid #d9d9d9;line-height: 30px;}
.details_down li:nth-child(2n){margin-right: 0;}
.details_down a{display: block;overflow: hidden;}
.details_down a p{float: left;width: calc(100% - 34px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.details_down a p img{margin-right: 10px;}
.details_down a i{float: right;width: 14px;margin-left: 20px;}
.details_down a i img{margin-top: 6.5px;}



@media only screen and (min-width:1025px) {
    .case_show_s .but>div:hover{background: #009944;color: #fff;}
    /*.lb_ewm:hover .ewm_bigimg{display: block;}*/
}

@media only screen and (max-width:1300px) {
    .lb_ewm{margin-top: 22%;}
    .ewm_bigimg{width: 100px;height: 100px;right: -110px;top: -100px;}
    .case_show_s .but>div{width: 30px;}
}

@media only screen and (max-width:1024px) {
    .product_list dl dt{padding: 15px;}
    /*.product_list dl{width: 100%;}*/

    .details_01 .l{width: 100%;}
    .details_01 .r{width: 100%;position: static;height: auto;padding: 30px;margin-top: 30px;}
    .ph_table td{padding: 15px 20px;}
    .details_item{margin-bottom: 30px;}
}

@media only screen and (max-width:767px) {
    .details_tit:after{width: 100px;}
    .list_recommend .l,.list_recommend .r{width: 100%;}
    .list_recommend .r{position: static;overflow: hidden;padding: 20px;}
    .product_list dl{width: 100%;}
    .group_t ul li{width: 24%;}
    .group_b dl dt ul li{display: block;width: 100%;white-space: inherit;text-overflow: inherit;}

    .slider_cont{width: 100%;}
    .case_show_b .swiper-container{overflow: hidden;}
    /*.case_show_s .swiper-container{width: 72%;}*/
    .case_show_b{margin-bottom: 10px;}
    .case_show_b li img{box-sizing:border-box;padding: 0 1px;}
    .slider_box{margin-bottom: 20px;}
    .case_show_s li{height: 0;padding-bottom: 14%;width: 25%;}
    .case_show_s li img{height: 100% !important;position: absolute;top:0;left: 0;}
    .slider_p{padding: 0;width: 100%;}
    .genomic_00 .genomic_02,.genomic_04 .dna_table{width: 100%;}
    /*02*/
    /*.case_show_b{margin-bottom: 0;}
    .case_show_s{display: none;}
    .case_show_b .but{display: block;}*/


    .ph_table,
    .ph_table thead,
    .ph_table tbody,
    .ph_table th,
    .ph_table td,
    .ph_table tr {
        display: block;
    }

    .ph_table tr {
        border: 1px solid #dadada;
        border-bottom: 0;
        margin-bottom: 20px;
    }

    .ph_table td {
        border: none;
        border-bottom: 1px solid #dadada;
        position: relative;
        padding: 5px 0;
        padding-left: 6em;
        white-space: normal;
        text-align: left;
    }

    .ph_table td:before {
        position: absolute;
        top: 0;
        left: 0;
        padding: 10px 0;
        width: 6em;
        text-indent: 10px;
        white-space: nowrap;
        text-align: left;
    }

    .ph_table td:before {
        content: attr(data-title);
    }

    .product_con{padding: 40px 0;}
    .ph_table tbody td{padding: 10px 0;text-align: right;padding-right: 15px;}
    .ph_table thead{display: none;}
    .details_tit{padding: 0 ;padding-bottom: 10px; font-size: 18px; /*height: 40px;line-height: 40px;*/margin-bottom: 20px;}
    .details_tab{padding: 0 0px;}
    .details_trait ul{padding: 0 20px;}
    .details_process{padding: 0;padding-bottom: 40px;}
    .details_down li{float: left;width: 100%;}
    .details_down{padding: 0;}
    .details_test{padding: 0;}
    .case_show_s .but>div{    background: #1ba558;}
    .group_b dl dd span{right:10px;font-size: 24px;}
}

/*学习资料*/
.study_con{padding: 40px 0;overflow: hidden;}
.study_item{overflow: hidden;}
.study_tit{text-align: center;margin-bottom: 3%;margin-top: 10px;}
.study_list dl{position: relative;float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;cursor: pointer;}
.study_list dl:nth-child(3n){margin-right: 0;}
.study_list dl dd img{width: 100%;}
.study_list dl dt{position: absolute;left: 0;bottom: 0;height: 60px;line-height: 60px;text-align: center;color: #fff;width: 100%;padding: 0 20px;box-sizing: border-box;
background: rgba(0,0,0,0.3);}
.study_list dl dt p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
@media only screen and (max-width:1520px) {
    .study_list dl dt p.fnt_24{font-size: 20px;}
    .study_list dl dt{height: 45px;line-height: 45px;}
}
@media only screen and (max-width:1280px) {
    .study_list dl dt p.fnt_24{font-size: 18px;}
}
@media only screen and (max-width:1024px) {
    .study_list dl{float: left;width: 49%;}
    .study_list dl:nth-child(3n){margin-right: 2%;}
    .study_list dl:nth-child(2n){margin-right: 0;}
}
@media only screen and (max-width:767px) {
    .study_list dl{width: 100%;margin-right: 0;}
}

.classroom dl{width: 23.5%;margin-right: 2%;margin-bottom: 60px;float: left;}
.classroom dl:nth-child(4n){margin-right: 0;}
.classroom dl dd{position: relative;margin-bottom: 20px;border-radius: 5px;overflow: hidden;}
.classroom dl dd .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}
.classroom dl dd a{color: #fff;}
.classroom dl dd p{width: 100%;padding: 0 20px;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;z-index: 2;text-align: center;}
.classroom dl dt ul{max-height: 168px;overflow: hidden;}
.classroom dl dt li{padding: 15px 20px;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
    border-bottom: 1px solid #e8e9eb;transition: all .3s;cursor: pointer;}
.classroom dl dt li i{color: #bfbfbf;}
.classroom_more{padding: 15px 40px;box-sizing: border-box;border-bottom: 1px solid #e8e9eb;}
.classroom_more a{display: block;}
@media only screen and (min-width:1025px) {
    .classroom dl dt li:hover{background: #920783;}
    .classroom dl dt li:hover a{color: #fff!important;}
    .classroom dl dt li:hover i{color: #fff;}
}
@media only screen and (max-width:1520px) {
    .classroom dl dt li{padding: 15px 10px;}
    .classroom_more{padding: 15px 30px;}
}
@media only screen and (max-width:1024px) {
    .classroom dl{width: 49%;}
    .classroom dl:nth-child(4n){margin-right: 2%;}
    .classroom dl:nth-child(2n){margin-right: 0;}
}
@media only screen and (max-width:767px) {
    .classroom dl{width: 100%;margin-bottom: 40px;}

}

/*资料下载*/
.down_con{padding-top: 3%;overflow: hidden;}
.down_01{padding: 5% 0;overflow: hidden;}
.down_01 dl{height: 243px;box-sizing: border-box;position: relative;}
.down_Ul{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 50px 40px!important;box-sizing: border-box;display: none;overflow: hidden;}
.down_Ul li{float: none;width: 100%;text-align: left;line-height: 28px;color: #fff;position: relative;padding-left: 15px;box-sizing: border-box;}
.down_Ul li a{color: #fff;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.down_Ul li:before{content: "";width: 5px;height: 5px;position: absolute;left: 0;top: 50%;margin-top: -2.5px;background: #fff;display: block;border-radius: 5px;}

.down_Ul > h3{
    color: #fff;
    width: 100%;
}
.down_Ul > h3 > a{
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}
.down_Ul > h3 > a:hover{
    font-weight: bold;
    color: #fff !important;
}
@media only screen and (min-width: 1025px){
    .down_01 .pub_index dl:hover {
        background: #811c93 url(../images/down_bg2.jpg) no-repeat center center!important;
        background-size: cover;
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
    }
    .down_01 .pub_index dl:hover dt img{display: none;transition: none;}
    .down_01 .pub_index dl:hover .down_Ul{display: block;}
    .down_01 .pub_index dl:hover dd{display: none;}
.down_Ul li a:hover{color: #fff !important;opacity: 0.8;}

}
@media only screen and (max-width:1280px) {
    .down_01 .pub_index ul{padding: 0;}
    .down_Ul{padding: 30px!important;}
    .down_01 .pub_index dl{padding: 30px 5px;}
    .down_01 .pub_index dt{width: 40px;height: 40px;}
}
@media only screen and (max-width:1024px) {
    .down_01 .pub_index dl.on {
        background: #811c93 url(../images/down_bg2.jpg) no-repeat center center!important;
        background-size: cover;
    }
    .down_01 .pub_index dl.on dt img{display: none;transition: none;}
    .down_01 .pub_index dl.on .down_Ul{display: block;}
    .down_01 .pub_index dl.on dd{display: none;}
    .down_01 .pub_index>ul>li{width: 33.3%;}
}
@media only screen and (max-width:767px) {
    .down_01 .pub_index>ul>li{width: 50%;}
}
/*说明书下载*/
.manual_table .ph_table .tb2{display:none}
.manual_table .ph_table thead .t2{display:none}
.manual_table .ph_table thead .t1{text-align: left;}

.manual_con{padding: 5% 0;overflow: hidden;}
.manual_table .ph_table td{border-right: 1px solid #e9e9e9;}
.manual_table .ph_table td{padding: 15px;text-align: center;}
.manual_table .ph_table thead td{background: #009944;color: #fff;}
.manual_table .ph_table td.tb1{ text-align: left;}
.manual_table .t1{width: 54%;}
.manual_table .t2,.manual_table .t3{width: 23%;}
.manual_table  td img{vertical-align: middle;margin-bottom: 3px;}
.tb2{font-weight: bold;}
.tb3 a{color: #009944;}
.manual_table .ph_table tbody tr{background: #fff;}
.manual_table .ph_table tbody tr:nth-child(2n){background: #f9f9f9;}
@media only screen and (max-width:767px) {
    .manual_table .ph_table td{text-align: right;}
    .manual_table .ph_table td:before{padding: 15px 0;}
    .manual_table .ph_table td.tb1{padding-left: 45px;}

/*手机隐藏*/
.manual_table .ph_table td:before,.manual_table .ph_table .tb3{display: none;}
.manual_table .ph_table td.tb1{padding:15px 10px; }
.manual_table .ph_table tr{margin-bottom: 10px;}
.manual_table .ph_table td{border-right: 0;}
}

/*参考文献*/
.reference_con{background: #e7e4f5;padding: 60px 0;overflow: hidden;}
.reference_list dl{float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;background: #fff;}
.reference_list dl:nth-child(3n){margin-right: 0;}
.reference_list dl dd{padding: 25px 0;box-sizing: border-box;border-bottom: 1px solid rgba(146,7,131,0.31);text-align: center;color: #920783;}
.reference_list dl dd p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.reference_list dl dt{padding: 15px 30px;box-sizing: border-box;overflow: hidden;height: 300px;}
.reference_list dl dt li{padding:10px 0;overflow: hidden;}
.reference_list dl dt a{display: block;}
.reference_list dl dt a i{float: left;width: 30px;color: #b8bcc0;}
.reference_list dl dt a span{float: left;width: calc(100% - 30px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


@media only screen and (min-width: 1025px){
    .reference_list dl:hover{background: url(../images/reference_bg.jpg) no-repeat;background-size: cover;color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.3);}
    .reference_list dl:hover dd{color: #fff;border-bottom: 1px solid rgba(255,255,255,0.31);}
    .reference_list dl:hover dt a{color: #fff;}
}
@media only screen and (max-width:1024px) {
    .reference_list dl{width: 49%;}
    .reference_list dl:nth-child(3n){margin-right: 2%;}
    .reference_list dl:nth-child(2n){margin-right: 0;}
}
@media only screen and (max-width:767px) {
    .reference_list dl{width: 100%;}
    .reference_list dl dt{height: auto;}
}


/*解决方案*/
.solution_con{padding: 3% 0;}
.solution_list dl{width: 49%;margin-right: 2%;margin-bottom: 2%;position: relative;float: left;}
.solution_list dl:nth-child(2n){margin-right: 0;}
.solution_list dl dt{position: absolute;left: 0;top: 0;padding: 0 50px;box-sizing: border-box;width: 100%;color: #fff;
background: url(../images/s_bg1.png) no-repeat;background-size: 100% 100%;height: 64%;}
.solution_list dl dt em{display: block;width: 1px;height: 47px;background: #fff;margin-bottom: 12px;}

@media only screen and (max-width:767px) {
    .solution_list dl{width: 100%;margin-right: 0;}
    .solution_list dl dt{padding: 0 30px;}
}

.stencil_body .site_banner{padding:6% 0;}
.stencil_body .site_banner>img{display: none;}
.stencil_body .site_text{text-align: center;top: 50%;
position: static;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);

}
.site_p{line-height: 28px;margin-top: 40px;overflow: hidden;}
.stencil_con{padding: 4% 0;overflow: hidden;}
.stencil_01{position: relative;overflow: hidden;margin-bottom: 30px;}
.miRNA_l{float: left;width: 63%;}
.miRNA_img .item{display: none;}
.miRNA_img .item.on{display: block;}
.miRNA_r{position: absolute;right: 0;top: 0;width: calc(37% - 6px);height: 100%;}
.miRNA_txt{height: calc((100% - 24px) / 5);margin-bottom: 6px;background: #e7e4f5;text-align: center;box-sizing: border-box;
    position: relative;cursor: pointer;color: #920783;}
.miRNA_txt:last-child{margin-bottom: 0;}
.miRNA_txt p{width: 100%;}
.miRNA_txt.on{background: #920783;color: #fff;}
.miRNA_txt.on:before{
    content: "";
    width:0;
    height:0;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
    border-left:8px solid #fff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
}
.SoftText{position: relative;overflow: hidden;}
.SoftText .l{float: left;width: 36%;margin-right: 4px;position: relative;text-align: center;color: #fff;}
.SoftText .l .txt{width: 100%;}
.SoftText .l a{display: inline-block;width: 150px;height: 47px;line-height: 47px;border-radius: 5px;border-radius: 5px;background: #009944;color: #fff;
margin-top: 20px;}
.SoftText .r{position: absolute;right: 0;width: calc(64% - 4px);top: 0;height: 100%;}
.SoftText .r .study_item,.SoftText .r .study_list{height: 100%;}
.SoftText .r .study_list dl{width: calc((100% - 4px) / 2);margin-right: 4px;height: calc((100% - 4px) / 2);margin-bottom: 4px;overflow: hidden;cursor: inherit;}
.SoftText .r .study_list dl:nth-child(2n){margin-right: 0;}
.SoftText .r .study_list dl:nth-child(3),.SoftText .r .study_list dl:nth-child(4){margin-bottom: 0;}

.stencil_04{margin-top: 50px;}

.stencil_tab{padding: 0 6%;display: inline-block;border-bottom: 1px solid #e2e2e2;width: 100%;box-sizing: border-box;margin-bottom: 20px;}
.stencil_tab li{padding: 12px 0;float: left;width: 16.666%;text-align: center;position: relative;cursor: pointer;transition: all .3s;}
.stencil_tab li em{position: absolute;left: 0;bottom: -1px;width: 100%;height: 1px;background: #920783;display: none;}
.stencil_tab li.on em{display: block;}
.stencil_tab li.on:after{
    content: "";
    width:0;
    height:0;
    border-right:7px solid transparent;
    border-left:7px solid transparent;
    border-top:8px solid #8a087c;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -7px;
}
.tabItem_item{padding: 35px 0;overflow: hidden;border-bottom: 1px solid #e0e0e0;}
.tabItem_item dd{padding: 0 23px;box-sizing: border-box;border-left: 3px solid #009944;height: 18px;line-height: 18px;}
.tabItem_item dt{margin-top: 20px;padding: 0 23px;}
.tabItem_item dt .edit_con_original{color: #84888d;line-height: 24px;}
.tabItem_item dt .edit_con_original p{}
.tabItem{display: none;}
.tabItem.on{display: block;}
@media only screen and (min-width: 1025px){
    .stencil_tab li:hover{color: #8a087c;}
}
@media only screen and (max-width:1200px) {
    .stencil_body .site_banner{padding: 40px 0;}
    .stencil_body .site_text{transform: none;position: static;}
    .stencil_body .site_banner img{display: none;}
    .site_p p br{display: none;}
}
@media only screen and (max-width:767px) {
    .stencil_con{padding: 60px 0;padding-top: 20px;}
    .stencil_body .site_banner{height: auto;}
    .miRNA_l{width: 100%;overflow: hidden;float: none;}
    .miRNA_r{width: 100%;position: static;overflow: hidden;margin-top: 20px;}
    .miRNA_txt{width: 49%;margin-right: 2%;float: left;padding: 10px 0;}
    .miRNA_txt:nth-child(2n){margin-right: 0;}
    .miRNA_txt p{transform: none;position: static;}
    .SoftText .l{float: none;width: 100%;margin-right: 0;}
    .SoftText .r{position: static;width: 100%;margin-top: 4px;}
    .SoftText .r .study_list dl{width: 100%;margin-right: 0;}
    .stencil_tab{padding: 0;margin-bottom: 0;}
    .stencil_tab li{width: 33.3%;margin-bottom: 15px;}
    .tabItem_item{padding: 28px 0;}
    .site_p{margin-top: 10px;}


    .stencil_body2 .stencil_tab li {background: #920783;}
}
/*模版2*/
.stencil_body2 .site_text h1{color: #8a087c;}
.stencil_body2 .site_p{color: #000000;}
.stencil_body2 .miRNA_l{width: 100%;}
.stencil_body2 .miRNA_txt{background: rgba(255,255,255,0.7);color: #000000;}
.stencil_body2 .miRNA_txt.on{background: url(../images/special_bg.png) no-repeat;background-size: 100% 100%;color: #fff;}
.stencil_body2 .miRNA_txt.on:before{border-left: 8px solid rgba(255,255,255,0.01);}

.stencil_05{background: #ededed;padding: 4% 0;overflow: hidden;}
.stencil_05 .product_list{position: relative;}
.stencil_05 .product_list .swiper-pagination{text-align: center;width: 100%;padding: 0 40px;box-sizing: border-box;left: 0;bottom: -10px;}
.stencil_05 .product_list .swiper-pagination-bullet{margin: 0 5px;background: #fff;opacity: 1;box-shadow: 0 0 10px rgba(0,0,0,0.2)}
.stencil_05 .product_list .swiper-pagination-bullet-active{background: #009944;}
.stencil_05 .product_list dl dt{background: #fff;}

.stencil_body2 .stencil_tab{border-bottom: 0;}
.stencil_body2 .stencil_tab li{color: #fff;}
.stencil_body2 .stencil_tab li em{display: none;}
.stencil_body2 .stencil_tab li.on{background: #920783;}

.stencil_body2 .stencil_04{margin-bottom: 50px;}
.stencil_06{padding: 4% 0;overflow: hidden;background: #e7e4f5;}
.program_list dl{float: left;width: calc((100% - 15px) / 4);margin-right: 5px;margin-bottom: 20px;}
.ie9 .program_list dl{width: calc((100% - 16px) / 4);}
.program_list dl:nth-child(4n){margin-right: 0;}
.program_list dl dd{margin-bottom: 2px;}
.program_list dl dt{padding: 15px 5%;box-sizing: border-box;background: #fff;line-height: 24px;}
.program_list dl dt p{height: 48px;overflow: hidden;}
.stencilSwi{padding: 0 6%;background: #5f5f5f;height: 48px;position: relative;}
.stencilSwi .stencil_tab{display: flex;padding: 0;}
.stencilSwi .lhl_but>div{background: none;color: #fff;font-weight: bold;}
.stencilSwi .swiper-button-next,.stencilSwi .swiper-button-prev{width: 30px;height: 30px;line-height: 30px;margin-top: -15px;text-align: center;}

@media only screen and (min-width: 1025px){
    .stencil_05 .product_list dl:hover dt{background: #009944;}
}

@media only screen and (max-width:1024px) {
    .stencil_05{padding: 40px 0;}
    .stencilSwi{height: 45px;padding: 0 50px;}
    .stencil_05 .product_list .swiper-pagination{bottom: -20px;}
    .stencil_06{padding: 20px 0 40px;}
    .program_list dl{width: calc((100% - 5px) / 2);}
    .program_list dl:nth-child(4n){margin-right: 5px;}
    .program_list dl:nth-child(2n){margin-right: 0;}
}

/*模版3*/
.stencil_banner{overflow: hidden;}
.stencil_banner .swiper-container{height: 100%;}
.stencil_banner li img{width: 100%;}
.stencil_banner .lhl_but div{background: none;color: #000;font-weight: bold;font-size: 24px;}
.stencil_banner .lhl_but div.swiper-button-prev{left: 10%;}
.stencil_banner .lhl_but div.swiper-button-next{right: 10%;}
.stencil_banner .swiper-pagination-bullet{background: rgba(255,255,255,0.5);opacity: 1;}
.stencil_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
.stencil_banner .swiper-pagination{bottom: 30px;}

.stencil_11{padding: 5% 0;overflow: hidden;text-align: center;}
.stencil_22{background: #f9f9f9;padding: 2% 0 5%;overflow: hidden;}
.qualification{position: relative;padding: 0 5%;box-sizing: border-box;}
.qualification .lhl_but div{background: none;color: #000;font-weight: bold;font-size: 24px;}
.qualification .lhl_but div.swiper-button-prev{left: 0;}
.qualification .lhl_but div.swiper-button-next{right: 0;}

.qualification li{background: url(../images/q_bg.jpg) no-repeat;background-size: cover;}
.qualification li img{width: 100%;}
.qualification li dt{text-align: center;padding: 25px 0;color: #000;font-weight: bold;}

.stencil_33{padding: 2% 0 3%;overflow: hidden;}
.stencil_33 .study_tit{color: #000;}
.advantage{position: relative;overflow: hidden;}
.advantage_l{float: left;width: 48%;}
.advantage_l img{width: 100%;height: 100%;}
.advantage_r{position: absolute;right: 0;top: 0;width: 52%;height: 100%;background: #009944;color: #fff;padding: 3%;box-sizing: border-box;}
.advantage_r h2{margin-bottom: 20px;}
.advantage_txt{height: 75%;overflow: hidden;}
.advantage_txt p{margin-bottom: 20px;line-height: 26px;}
.stencil_44{padding-bottom: 4%;}

@media only screen and (max-width:1024px) {
    .stencil_banner .swiper-pagination {
        bottom: 10px;
    }
}

@media only screen and (max-width:767px) {
    .stencil_11{padding: 40px 0;}
    .qualification li dt{padding: 15px 0;}
    .qualification{padding: 0 40px;}
    .advantage_l{float: none;width: 100%;}
    .advantage_r{position: static;width: 100%;padding: 20px;}
    .stencil_22{padding: 10px 0 40px;}
    .stencil_33{padding: 20px 0 20px;}
    .stencil_44{padding-bottom: 40px;}
    .stencil_55{padding: 20px 0 40px;}
    .stencil_04{margin-top: 40px;}
    .study_tit{margin-bottom: 20px;}
}

/*引物库*/
.miRNA_con{padding: 3% 0;}
.instructions{padding: 30px 0;}

.instance_txt{padding: 30px 0;}
.description{padding: 60px 0;overflow: hidden;}
.description_01{color: #84888d;}
.description_01 p{margin-bottom: 20px;line-height: 30px;}
.description_02{color: #3f3f3f;line-height: 30px;margin-top: 40px;}

.description_03{margin-top: 70px;}
.description_set .l{float: left;width: 70%;margin-right: 20px;}
.description_item{float: left;width: calc((100% - 42px) / 3);margin-right: 20px;height: 45px;}
.description_item:nth-child(3){margin-right: 0;}
.description_set .r{float: left;width: calc(30% - 20px);}
.selectInput {
    width: 100%;
    height: 100%;
    border: 1px solid #d9dfe7;
    padding: 0px 20px;
    border-radius: 5px;
    position: relative;
    float: left;
    box-sizing: border-box;

}

.selectInput input {
    width: 100%;
    background: none;
    border: none;
    height: 100%;
    color: #3f3f3f;
    font-size: 14px;
    cursor: pointer;
}

.selectInput img {
    left: auto;
    right: 20px;
    transition: all .3s;
}
/*.selectInput.on img{transform: rotate(180deg);}*/
.selectUl {
    background: #fff;
    border: 1px solid #ccc;
    display: none;
    position: absolute;
    box-sizing: border-box;
    top: 45px;
    width: 100%;
    left: 0px;
    z-index: 9;
    font-size: 14px;
    line-height: 26px;
}

.selectUl {
    padding: 10px 0;
}

.selectUl li {
    padding: 0 10px;
}

.selectUl li a {
    color: #3f3f3f;
}
.description_item>input{width: 100%;border: 1px solid #d4d4d4;line-height: 45px;box-sizing: border-box;display: block;border-radius: 5px;height: 100%;
padding: 0 20px;color: #3f3f3f;}
.description_set{display: inline-block;width: 100%;}
.description_set .r .btn{float: left;width: calc((100% - 11px) / 2);margin-right: 10px;color: #fff;border-radius: 5px;height: 45px;
    line-height: 45px;text-align: center;transition: all .3s;}
.description_set .r .btn:last-child{margin-right: 0;}
.description_set .r button.btn{background: #009944;}
.description_set .r a.btn{background: #920783;}

@media only screen and (min-width:1025px) {
    .description_set .r .btn:hover{opacity: 0.8;color: #fff!important;}
}

@media only screen and (max-width:1520px) {
    .description_set .r .btn{font-size: 16px;}
}
.description_table{margin-top: 60px;}

.description_table .ph_table td{padding:20px;text-align: center;border: 1px solid #e9e9e9;background: none;}
.description_table .ph_table tbody tr,.description_table .ph_table tbody tr:nth-child(2n){background: none;}
@media only screen and (max-width:1366px) {
    .description_set .r .btn{font-size: 14px;}
}
@media only screen and (max-width:1280px) {
    .description_set .l{width: 60%;}
    .description_set .r{width: calc(40% - 20px);}
    .description_table .ph_table td{padding: 10px;}
}
@media only screen and (max-width:767px) {
    .description{padding: 30px 0;}
    .description_03{margin-top: 40px;}
    .description_table{margin-top: 40px;}
    .description_table .ph_table td{text-align: right;}
    .description_table .ph_table td{padding-left: 9em!important;}
    .description_table .ph_table td:before{width: 8em;}
    .description_set .l,.description_set .r{width: 100%;}
    .description_item{width: 100%;margin-bottom: 20px;margin-right: 0;}
}


.classroom_con dl{width: 100%;}
.classroom_con dl dd{color: #fff;}
.classroom_con dl dt li{float: left;width: 32%;margin-right: 2%;}
.classroom_con dl dt li:nth-child(3n){margin-right: 0;}
.classroom_con .classroom dl dt ul{max-height: inherit;}
.classroom_del dd{padding: 50px;box-sizing: border-box;text-align: center;}
.classroom_del dl dd p{text-align: left;padding-left: 0;white-space: inherit;margin: 20px 0;}
.classroom_del dl dd span.video_button{width: 150px;height: 40px;background: #009944;color: #fff;text-align: center;line-height: 40px;
    border-radius: 5px;display: inline-block;cursor: pointer;transition: all .3s;}


.livelecture_con dl dt a{text-align: left}
.classroom_del dl dd span a{width: 120px;height: 40px;background: #009944;color: #fff;text-align: center;line-height: 40px;
    border-radius: 5px;display: inline-block;cursor: pointer;transition: all .3s;margin: 0 10px;}

.classroom_del dt .ph_table td{padding: 20px;text-align: center;}
.classroom_del dt .ph_table .t1,.classroom_del dt .ph_table .t3{width: 20%;}
.classroom_del dt .ph_table .t2{width: 60%;}
.classroom_del dt .ph_table tbody tr:nth-child(2n){background: #ededed;}
@media only screen and (min-width:1025px) {
    .classroom_del dl dd span.video_button:hover{opacity: 0.8;color: #fff!important;}
    .classroom_del dl dd span a:hover{opacity: .8;color: #fff!important;}
}

.ewm_out{padding-top: 10px;}
.ewm_picture{width: 156px;height: 156px;}
.ewm_picture img{width:100%;height:100%;}
.lb_ewm{margin-top: 0px;}
.details_test{padding: 0;}
.lb_txt{ height: calc(100% - 310px);overflow: hidden;}

.details_con_w .details_le{float: left;width: 25%;}
.details_con_w .details_re{float: right;width: 73%;}
.fubiaoti {margin-bottom: 10px;}
@media only screen and (max-width:1440px) {
.details_01 .r{padding: 2%;min-height: 70px;}
}
@media only screen and (max-width:1024px) {
.details_02{margin-top: 50px;}
.lb_txt{height: auto;}
}
@media only screen and (max-width:767px) {
.details_02{margin-top: 20px;}
.details_con_w .details_le{width: 100%;float: none;}
.details_con_w .details_re{width: 100%;float: none;}
.details_01 .r{margin-top: 0;padding: 20px;}


}

.details_con .edit_con_original{font-size: 16px;}
.description_table .ph_table thead td{width: auto;}

/*新添加*/
.group_c{margin-top: 30px;}
.group_c-item{display: none;}
.group_c-item.on{display: block;}
.group_b dl dt h2{display: none;}



.column_btn {
    overflow: hidden;margin-top: 50px;
}

.column_btn a { display: block;
    width: 160px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #009944;
    text-align: center;
    border-radius: 5px;float: left;
}
.w-s-1323-DP501{margin-top: 15px;}
.bioz-w-pb-DP501,.bioz-w-pb-DP501-div{display: none;}
.column_btn a i {
    color: #ad4aa3;
    margin-right: 5px;
}
@media only screen and (max-width:767px) {
    .column_btn{margin-top: 50px;}
    .column_btn a{width: 120px;float: none;}
    .list_recommend{ height: auto!important;}
        .details_con .edit_con_original{font-size: 14px;}
.w-s-1323-DP501{float: none;margin-left: 0;margin-top: 10px;}
}