@import 'style.css?v=1.3.8';
#page{padding-top:140px; overflow: hidden;}
header{width:100%; background: #fff;  position: fixed; left: 0; top: 0; z-index: 8;}
header h1{margin:0; padding: 0;font-size: 0;line-height: 66px;width: 15%}
header .container{position: relative;width: 100%;}
nav.mm-menu_offcanvas{display: none;}
 #header a.mm_btn{display: none; width: 55px; height: 55px; position: absolute; right: 0; top:0;  background: #0067b7; transition: .5s all;}

.head{padding: 43px 0 33px;transition: 0.5s;}

.nav {position: relative;  z-index: 2;margin-top: 5px;}
.nav ul li {  float: left;margin-right: 2vw;  font-size: 17px; line-height: 50px; position: relative;}
.nav ul li a {  text-transform: uppercase;  color: #000;}
.nav ul li:hover a {  color: #004899; }
.nav ul li.active a{color: #004899; font-weight:bold;}

.language{ font-size: 20px;line-height: 50px;font-family: 'Impact';margin-top: 5px; }
.language a{ color: #9a9a9a;margin-right: 0.78vw; }
.language a:hover,
.language a.on{color: #004899;}

.headSear{margin-left:1.56vw;margin-top: 5px; }
.headSear a i{ display: block;width: 50px;height: 50px;background: #004899;color: #fff;border-radius: 50%;text-align: center;line-height: 50px;font-size: 20px;transition: 0.5s; }
.headSear a i:hover{box-shadow: 0 0 10px rgba(0,0,0,.3);}

.head.on{padding:10px 0; box-shadow: 0 0 10px rgba(0,0,0,.15);}
@media (max-width:1300px) {
    .nav ul li{margin-right: 1vw;font-size: 15px;}
    .language{font-size: 18px;}
    .headSear{margin-top: 10px;}
    .headSear a i{width: 40px;height: 40px;line-height: 40px;}
}

/*手机版菜单*/
@media screen and (max-width: 991px)  {
    #page{padding-top: 55px;}
    .head{padding:0!important;}
    header h1{height: 55px;line-height: 55px;width: auto;}
    header h1 img{display: inline-block;max-height: 70%;}
  #header a.mm_btn {background: center center no-repeat #fff;display: block;width: 55px;height: 55px;position: absolute;top: 0px;right: 0; padding: 12.5px; }
  #header .mm_btn .menu_bar {width: 30px;height: 30px; position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);}
  #header .mm_btn .menu_bar_item { position: absolute;left: 0;top: 0; transform: translateZ(0) rotate(0); transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translateZ(0) rotate(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s; width: 30px;height: 30px;}
  #header .mm_btn .menu_bar_item .rect{ width: 30px; height: 2px; background: #004899; position: absolute; left: 0; top: 14px;
      /*transition: transform .2s ease .2s;
      -webkit-transition: -webkit-transform .2s ease .2s;*/
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
  }
  #header .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);}
  #header .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;}
  #header .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);}
  #header .mm_btn.is_active .menu_bar_item.mid{opacity: 0;}
  #header .mm_btn.is_active .menu_bar_item .rect {transition: transform 0s ease 0s; transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0s ease 0s; -webkit-transform: translate3d(0,0,0);}
  #header .mm_btn.is_active .menu_bar_item.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg);}
  #header .mm_btn.is_active .menu_bar_item {
      transform: translateZ(0) rotate(45deg);
      transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
      -webkit-transform: translateZ(0) rotate(45deg);
      -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
  }
  /*菜单弹出方向*/
  .mm-menu_offcanvas{left: auto!important;}
  .mm-menu{right: 0!important;}
  .mm-menu_offcanvas.mm-menu_opened{z-index: 9!important;}
  .mm-slideout{z-index: 10!important;}
  .mm-menu.mm-menu_pageshadow:after{content: ""; display: block; width: 20px; height: 120%; position: absolute; right: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.3);}/*弹出菜单边阴影*/
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{
      -webkit-transform: translate(-80vw,0)!important;
      -ms-transform: translate(-80vw,0)!important;
      transform: translate(-80vw,0)!important;
      -webkit-transform: translate3d(-80vw,0,0)!important;
      transform: translate3d(-80vw,0,0)!important;
      /*transform: translate3d(80vw,0,0)!important;*/
  }
  .mm-wrapper_opened .mm-menu_fx-menu-slide {
      -webkit-transform: translate(0,0)!important;
      -ms-transform: translate(0,0)!important;
      transform: translate(0,0)!important;
      -webkit-transform: translate3d(0,0,0)!important;
      transform: translate3d(0,0,0)!important;
  }
  /**/
  #menu{ color:rgba(0,0,0,.8);}
  #menu .mm-listview .mm-btn_next:after{border-color: rgba(189,189,189,1);}
  #menu .mm-btn:after, #menu .mm-btn:before{border-color: rgba(189,189,189,1);}
  #menu .mm-navbar a, #menu .mm-navbar>*{color:rgba(0,0,0,.8); font-size: 16px;}
  #menu.mm-menu_theme-white .mm-counter{color:rgba(0,0,0,.6);}
  #menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);}
  #menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview{ border-color: rgba(0,0,0,.1); }
  #menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(0,0,0,.1);}
  #menu .mm-listitem a{font-size: 16px;}
}
@media (min-width: 550px){
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
      -webkit-transform: translate(-440px,0)!important;
      -ms-transform: translate(-440px,0)!important;
      transform: translate(-440px,0)!important;
      -webkit-transform: translate3d(-440px,0,0)!important;
      transform: translate3d(-440px,0,0)!important;
  }
}
@media (max-width: 991px) {
/*底部*/
    .footer { padding:40px 0; text-align: center;}

    .copy {width: 100%; margin-top: 0; }
    .copy span{padding-right: 1.56vw;}
    .social{width: 100%;margin-top: 20px;}
    .social span{ width: 38px;height: 38px; line-height:35px; margin: 0 10px;}

    .footerBottom{padding-top: 25px; }
    .footerBottom .otherinfo{width: 100%;}
    #gotoTop{display: inline-block;float: none!important;margin-top: 10px;}

/*index*/
/*切换*/
    .col-index-product-nav a{ font-size: 18px; }

/*首页数字PCR*/
    .col-index-middle{ margin-top: -12.5vw; }
    .col-index-middle ul.row{margin:-7px -7px 0;}
    .col-index-middle ul li{padding:7px; }
    .col-index-middle ul li .title{ width: 100%;position: absolute;left: 0;top:5.5vw;z-index: 1; }
    .col-index-middle ul li .title h3{font-size: 20px; }
    .col-index-middle ul li .title p{margin:8px auto 10px;font-size:14px; }
    .col-index-middle ul li .title a{ padding: 5px 35px; font-size: 14px; }
/*首页新闻资讯*/
    .col-index-news{ padding: 40px 0 0; }
    .col-index-news .title{ position: relative; }
    .col-index-news .title h3{ font-size: 20px; }
    .col-index-news .title a{ font-size: 14px; }
    .col-index-news h5{font-size:16px; }
    .col-index-news p{font-size: 14px;}

    .col-index-newsl{width: 100%;max-width:none;}
    .col-index-newsl .listimg{ margin-top: 25px;}
    .col-index-newsl .listimg h5{margin-top:15px; }
    .col-index-newsl .listimg p{ margin-top:10px; }
    .col-index-newsl .list{ margin-top: 25px; }

    .col-index-newsr{width:100%;max-width: none;margin-top: 30px;}
    .col-index-newsr .list{margin-top:20px;}
    .col-index-newsr .list ul{}
    .col-index-newsr .list ul li{padding-bottom: 15px;margin-bottom: 15px; }
    .col-index-newsr .list ul li p{margin-top: 5px;}
/*首页合作伙伴*/
    .col-index-partner{padding: 30px 0 55px;margin-top: 35px;  }
    .col-index-partner h3{font-size: 18px;}
    .col-index-partner .list{ margin-top: 20px; }
/*page*/
    /*关于我们*/
    .col-page-about{padding: 50px 0;}
    .col-page-about .title h3{max-width: 350px;font-size: 18px;}
    .col-page-about .title h3 span{ margin-bottom:15px; font-size:24px; }
    .col-page-about .content{margin-top: 25px;}
    .col-page-about .content p{font-size: 14px; margin-bottom: 15px;}

    .col-page-about .abimg{padding-top: 0;}
    .col-page-about .abimg ul li{float: none; width: 100%;max-width: 584px;margin:30px auto 0!important;}
    .col-page-about .abimg ul li p{font-size: 18px; }
    .col-page-about .abimg ul li .pic{margin-bottom: 10px;}
    /*团队*/
    .col-page-team{padding: 45px 0;   }
    .col-page-team .content h3{margin-bottom: 15px; font-size: 20px;  }
    .col-page-team .content p{ font-size: 14px;  }
    .col-page-team .list{ margin-top: 15px; }
    .col-page-team .list ul li{float: left;width: 31.66%;margin-right: 2.5%;margin-top: 2.5%; padding:1.56vw 1.82vw; border-radius: 5px;background: #fff;}
    .col-page-team .list ul li .pic{width: 100%; max-width: 99px; border-radius: 50%;border:5px solid #fff;box-shadow: 0 0 15px rgba(0,0,0,.15); }
    .col-page-team .list ul li .pic:after{padding-bottom: 100%;}
    .col-page-team .list ul li h5{margin-top: 20px;margin-bottom: 8px; font-size:18px; }
    .col-page-team .list ul li .con{font-size: 14px; }
    .col-page-team .list ul li.li4,
    .col-page-team .list ul li.li5{ padding-left:150px;}
    .col-page-team .list ul li.li4 h5,
    .col-page-team .list ul li.li5 h5{margin-top: 8px;}
    /*大事记*/
    .col-page-history{padding: 40px 0;}
    .col-page-history h3{font-size: 24px;}
    .col-page-history .list{ padding-top: 35px;}
    .col-page-history .list:before{top:35px;margin-top: 56px;}
    .col-page-history .list ul li .num{ font-size: 30px; }
    .col-page-history .list ul li .dian{margin-top: 15px; width: 34px;height: 34px; }
    .col-page-history .list ul li .dian span{ width: 10px;height: 10px; border:2px solid #fff; }
    .col-page-history .list ul li .con{margin-top: 20px; font-size: 14px; }
    .col-page-history .list ul li .con p{ margin-bottom: 10px; }

    .col-page-history .swiper-history .swiper-button-prev{margin-right:30px;}
    .col-page-history .swiper-history .swiper-button-prev i,
    .col-page-history .swiper-history .swiper-button-next i{font-size: 20px; }
    /*合作伙伴*/
    .col-page-partner{padding: 40px 0;}
    .col-page-partner h3{font-size: 24px; }
    .col-page-partner .list{padding-top: 10px;}
    .col-page-partner .list ul.row{margin:0 -7px;}
    .col-page-partner .list ul li{padding: 0 7px;margin-top: 20px;}
    .col-page-partner .list ul li .pic{}
    .col-page-partner .list ul li .pic:after{padding-bottom: 50%;}


/*单细胞*/
    .col-single-infor{ padding:70px 0 60px; }
    .col-single-infor .text{  margin-top: 0;margin-bottom: 30px; }
    .col-single-infor .text h3{ font-size: 24px; }
    .col-single-infor .text p{ font-size: 18px; margin-top: 5px; }
/*    .col-single-infor .img .pic{max-height: 352px;}
    .col-single-infor .img .pic:after{padding-bottom: 63.53%;}*/

    .col-single-characteristic{padding: 50px 0;  }
    .col-single-characteristic ul li{ padding-left: 55px; }
    .col-single-characteristic ul li img{height: 45px;top: 3px;}
    .col-single-characteristic ul li h5{font-size: 22px; }
    .col-single-characteristic ul li p{font-size: 14px; }
    .col-single-characteristic ul li:first-child{padding-left: 45px;}

    .col-single-advan{ margin-top: 50px; }
    .col-single-advan .content{}
    .col-single-advan .content .pic{margin:0 auto; position: relative;left: auto;top:auto;transform:none;}
    .col-single-advan .content ul{ margin-top: 30px; }
    .col-single-advan .content ul li{padding: 3.125vw 2.6vw!important;height: 180px;  }
    .col-single-advan .content ul li h4{font-size: 18px; padding-left:40px;position: relative;line-height: 30px;margin-bottom:10px;}
    .col-single-advan .content ul li h4 img{height: 30px;}
    .col-single-advan .content ul li p{font-size: 14px;}

    .col-single-desc{padding:40px 0 50px;}
    .col-single-desc .img .pic{max-height: 438px;}
    .col-single-desc .text{margin-top: 30px;padding-left: 15px;  }
    .col-single-desc .text p{ font-size: 14px; }
    .col-single-desc .text h4{ font-size: 24px; margin-top: 15px; }
    .col-single-sensitive{padding: 80px 0;  }
    .col-single-sensitive h3{margin-bottom:20px; font-size: 24px; }
    .col-single-sensitive p{font-size: 14px; }

    .col-single-process{ padding: 40px 0; }
    .col-single-process h3{ font-size: 20px; }
    .col-single-process-content{padding:35px 0 45px;  }
    .col-single-process-content table tr td{width: 100%;display: block;}
    .col-single-process-content table tr td:first-child{padding:10px 0 30px;}
    .col-single-process-content h4{ font-size: 24px; }
    .col-single-process-content p{ font-size: 14px; }
    .col-single-process-content .desc{ margin-top: 25px; }
    .col-single-process-content .desc h4{margin-bottom: 10px;}

    .col-single-process-content ul{ height: auto;margin-top:20px; }
    .col-single-process-content ul:before{display: none;}
    .col-single-process-content ul li{ width: 100%;margin :15px 0 0!important; }
    .col-single-process-content ul li .padding{padding:3%; height: auto;min-height: 130px; position: relative; }
    .col-single-process-content ul li .padding:before{display: none;}
    .col-single-process-content ul li p{ font-size:14px;}
    .col-single-process-content ul li p.num{ font-size:22px;  }
    .col-single-process-content ul li:nth-child(2n) .padding{min-height: 130px;height: auto;}

    .col-single-solution{ padding:35px 0 50px; }
    .col-single-solution h3{ font-size: 24px; }
    .col-single-solution .list{ margin-top: 30px; }
    .col-single-solution .list ul.row{margin:0 -7px;}
    .col-single-solution .list ul li{padding: 0 7px;}
    .col-single-solution .list ul li .content .text{ padding:20px 15px; min-height: 150px;}
    .col-single-solution .list ul li .content .text h4{ font-size: 20px; margin-bottom: 10px; }
    .col-single-solution .list ul li .content .text p{ font-size: 14px; }
/*单细胞*/
/*PCR*/
    .col-pcr-video{padding: 60px 0 40px;}
    .col-pcr-video .content{width: 100%; }
    .col-pcr-video .content .text h3{ font-size: 24px;line-height: 1.5; }
    .col-pcr-video .content .text p{ font-size: 18px;line-height: 1.5; }
    .pcr-video{margin-top: 25px; height: 300px; }
#aPlay{width: 50px;height: 50px;line-height: 48px }
#aPlay i{font-size: 24px;}
    .col-pcr-video .img{ width: 100%;margin-top: 40px; }
    .col-pcr-video .img .pic{ max-height: 511px; }
    .col-pcr-video .img .pic:after{padding-bottom: 98.26%;}


    .col-pcr-characteristic{padding:40px 0;  }
    .col-pcr-characteristic ul li h5{font-size: 18px; }
    .col-pcr-characteristic ul li p{font-size: 12px; }

    .col-pcr-desc1{padding:50px 0;}
    .col-pcr-desc1 h4{font-size: 24px;margin-bottom: 10px; }
    .col-pcr-desc1 p{font-size: 14px; }
    .col-pcr-desc1 table tr td{width:100%;display: block;text-align: left!important;}
    .col-pcr-desc1 table tr td img{margin-bottom: 0;}
    .col-pcr-desc1 table tr:nth-child(odd) td:last-child{padding-left:0;padding:30px 0;}
    .col-pcr-desc1 table tr:nth-child(even) td:first-child{padding-right:0;padding:0 0 30px;}

    .col-pcr-desc2{ padding: 70px 0; }
    .col-pcr-desc2 .content h4{ font-size: 18px; }
    .col-pcr-desc2 .content p{ font-size: 14px; }

    .col-pcr-solution{ padding:35px 0 50px; }
    .col-pcr-solution h3{ font-size: 24px; }
    .col-pcr-solution .list{  margin-top: 30px; }
    .col-pcr-solution .list ul li .content .text{padding:20px 15px; min-height: 180px;}
    .col-pcr-solution .list ul li .content .text h4{ font-size: 20px; margin-bottom: 10px; }
    .col-pcr-solution .list ul li .content .text p{ font-size: 14px; }

.col-pcr-product{padding:45px 0;}
.col-pcr-product h3{ font-size: 24px;  }

/*PCR*/

  .col-index-product .slides_box .content{margin-top: 30px;}
  .col-index-product .slides_box .content .text h3{margin-bottom: 20px;}
  .col-index-product .slides_box .content .text a{margin-top: 35px;}

}
@media (max-width: 767px) {
  .search_right{padding-left: 0;padding-right: 0;margin-top: 30px;}
  .entry-image{float: none;width: auto;margin:0 0 20px 0;}

  .copy span{display: block;padding: 0;}
  .copy a{margin:0 0.5vw;}

  .col-index-newsl .listimg{width: 100%;}
  .col-index-newsl .listimg .pic{height: auto;}
  .col-index-newsl .listimg .pic:after{padding-bottom: 66.66%;}
  .col-index-newsl .list{width: 100%;max-width: none;}
  .col-index-newsl .list ul li{padding-bottom: 15px;margin-bottom: 15px;}
  .col-index-newsl .list ul li p{margin-top: 5px;}

  .col-index-middle ul li .title a{display: none;}

/*切换*/
.col-index-product{ margin-top: -4.32vw; }

.col-index-product-nav{ top:12vw;  }
.col-index-product-nav a{padding: 3px;font-size: 14px;}
.col-index-product-nav a span{padding: 1vw; }

.col-index-product .slides_box .bg{padding-top: 16vw;padding-bottom: 12.5vw;}
.col-index-product .slides_box .content .text{width: 100%;position:static; transform: none;margin-top:30px; }
.col-index-product .slides_box .content .text h3{margin-bottom:20px; font-size:18px;}
.col-index-product .slides_box .content .text p{ font-size:14px; }
.col-index-product .slides_box .content .text a{ padding: 5px 15px;min-width: 10.41vw; font-size:14px; }
.col-index-product .slides_box .content .img{ width: 100%;/* padding:35px 0;*/margin-top: 30px;  }

.col-index-product .slides_box .content2 .text h3{ margin-bottom:10px; }
.col-index-product .slides_box .content2 .text a{margin-top:30px;}

/*page*/
    .col-page-about .abimg ul li p{font-size: 16px;}

    .col-page-team .list ul li{width: 100%!important;padding: 18px 15px!important;}
    .col-page-team .list ul li .con{height: auto;}
    .col-page-team .list ul li.li4 h5,
    .col-page-team .list ul li.li5 h5{margin-top: 20px;}
    .col-page-team .list ul li.li4 .pic,
    .col-page-team .list ul li.li5 .pic{position: relative;left: auto;top: auto;}

/*单细胞*/
    .col-single-characteristic ul li{width: 100%;margin-top: 30px;}
    .col-single-characteristic ul li:first-child{ margin-top: 0;}

    .col-single-advan .content ul li{width: 100%;height: auto;min-height: 140px;margin-bottom: 15px!important;padding:20px 15px!important;}
    .col-single-solution .list{ margin-top:10px; }
    .col-single-solution .list ul li .content{max-width: 290px;height: 487px; margin:20px auto 0;padding-top: 0; }
/*单细胞*/
/*PCR*/


    .col-pcr-characteristic ul li{width: 100%;margin-top: 30px;}
    .col-pcr-characteristic ul li:first-child{ margin-top: 0;}


    .col-pcr-solution .list{ margin-top:10px; }
    .col-pcr-solution .list ul li .content{max-width: 290px;height: 487px; margin:20px auto 0;padding-top: 0; }
/*PCR*/

}
@media (max-width: 400px) {
    .col-pcr-solution .list ul li {width: 100%; }
}

/*mobi*/
.submenu {
    padding: 20px;
    position: absolute;
    width: 450px;
    height: auto;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 14px;
    left: -70px;
}
.submenu .submenu-left {
    width: 100%;
}

.submenu .submenu-left:last-child {
    margin-top: 15px;
}

.submenu .submenu-right {
    width: 100%;
}

.submenu .title {
    font-weight: bold;
    font-size: 16px;
    text-align: right;
    float: left;
    width: 30%;
    overflow: hidden;
    padding-right: 20px;
    line-height: 30px;
}

.submenu .submenu-left ul, .submenu-right ul {
    float: right;
    width: 70%;
    overflow: hidden;
}

.submenu .submenu-left ul li, .submenu-right ul li {
    width: 100%;
    margin-right: 0px !important;
    line-height: 30px !important;
}

.submenu .submenu-left ul li a, .submenu-right ul li a {
    text-transform: none !important;
}

.mobi_pic:after {
    padding-bottom: 0% !important;
}

/**
列表展示信息
 */
.mobi_prolist h4 {
    line-height: 30px;
}

.mobi_prolist ul {
    list-style: none;
    width: 100%;
    display: block;
    overflow: hidden;
}

.mobi_prolist ul li {
    padding-left: 0px !important;
    width: 100%;
    float: none;
    line-height: 30px;
}

.mobi_prolist ul li:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    box-sizing: border-box;
    border: 2px solid #fff;
}

.mobi_download {
    padding: 8px 20px;
    background: #004899;
    color: #fff;
}
.mobi_download:hover{
    color:#fff;
}
.mobi_download:visited{
    color:#fff;
}
.mobi_download:active{
    color:#fff;
}
.mobi_download:focus{
    color:#fff;
}

.mobi_mobivison_btn{
    padding: 5px 11px;
    background: #e6e6e6;
    color: #000;
    display: inline-block;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;white-space: nowrap;
}
.mobi_mobivison_btn:hover{
    background: #e2e7f1;
    color:#004799;
    border:none;
}

.mobi_mobivison{
    padding: 8px 0;
    background: #fff;
    color: #333;
    display: inline-block;
    width: 50%;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
}
.mobi_mobivison:hover{
    background: #004899;
    color:#fff;
    border:none;
}

.middle-dic{
    text-align: left;
    font-size: 1.5rem;
    width: 100%;
    padding: 10px 0px 10px 15px;
    position: relative;
    line-height: 24px;
}
.middle-dic:before{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #1da1f2;
    margin-left: -15px;
    display: inline-block;
    position: absolute;
    /*top:calc((100% - 6px) / 2);*/
    top:20px;
}
.mobivision-btn{
    padding: 10px 30px;
    min-width: 187px;
    display: inline-block;
    background: #004899;
    font-size: 24px;
    margin-bottom: 15px;
    color:#fff;
    border-radius: 25px;
    border:1px solid #004899;
}
.mobivision-btn:hover{
    background: #fff;
    border: 1px solid #004899;
    color: #004899;
}
/*支持中心右侧*/
.mobi-support-right{
    padding: 0px 55px;
}
.mobi-support-right .hr{
    height: 1px;
    border-top: 1px solid #dcdcdc;
    margin:1vw -55px;
}
.mobi-support-right .row{padding-top: 30px;}
.mobi-support-right .down{padding-top: 8px;}
.mobi-support-right .tit{line-height: 35px;font-size: 16px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mobi-support-right .tit2{height: 45px; overflow:hidden;margin-bottom: 50px;}
.mobi-support-right h3.tit1{padding-left: 15px; padding-bottom: 15px;color: #000;}
.mobi-support-right h3.tit1 span{border-bottom: 1px solid #ccc; width: 100%;display: block; padding-bottom: 15px;}
.mobi-support-right span.spantit{display: block; color: #2F5597; font-size: 18px; font-weight: bold;}

.panel{margin-bottom: 20px !important;}
.panel-title{
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow:ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.mobi-support-right .pannel{padding:15px;color: #333;line-height: 1.8;}
.mobi-support-right .pannel video{margin-top: 5px;}

@media (max-width: 991px) {
    .mobi-support-right{
        padding: 0px 0px 25px;
    }
    .mobi-support-right .hr{
        margin:1vw -25px;
    }
}

.col-index-product-my{ margin-top: -4.32vw; }
.col-index-product-nav-my{ width: 100%;padding: 0 15px;max-width: 1230px;position: absolute;left: 50%;transform: translateX(-50%);top:8.2vw;z-index:3; }
.col-index-product-nav-my a{display: block;float: left;width:49.27%;margin-right:1.46%;padding: 5px; font-size: 24px;background: #fff;box-shadow: 0px 0px 16px 0px rgba( 6, 0, 1,0.15 );text-align: center;position: relative;color: #000;}
.col-index-product-nav-my a span{padding: 1.82vw; display: block;border:1px dashed rgba(255,255,255,0.15);}
.col-index-product-nav-my a:last-child{margin-right: 0;}
.col-index-product-nav-my a:hover,
.col-index-product-nav-my a.flex-active{background: #004899;color: #fff;}


.col-index-middle h3{
    font-size:2.08vw;
}
@media (max-width: 767px){
    .col-index-middle h3{
        font-size:18px;
        margin-top: 30px;
    }
}
.col-index-product .slides_box .content .img .pic{
    /*height: 20vw;*/
}
.mobi-header h3{
    color:#2E5496;
    font-weight: bold;
    font-size: 36px;
    text-align: left;
}
.mobi-know-more{
    padding-bottom: 10vw;
}
.mobi-know-more .col-index-product-nav{
    top:1.92vw;
}
.mobi-detail .col-sm-2{
    text-align: center;
}
@media screen and (max-width: 991px) {
    .mobi-header h3 {
        font-size: 24px;
    }
    .mobi-know-more{
        padding-bottom: 20vw;
    }
    .mobi-know-more .col-index-product-nav{
        top:4.8vw;
    }
    .mobi-detail .col-sm-2{
        text-align: left;
    }
    .mobivision-btn{
        font-size: 16px;
    }

}
@media screen and (max-width: 1300px) {
    .col-index-partner .list ul li .pic img{height: auto;}
}
@media (max-width: 767px){
    .col-index-product .slides_box .content .img .pic{
        /*height: 33.69vw;*/
    }
    .mobi-platform{
        top:4.2vw;
    }
    .mobi_prolist ul li{
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .mobi_prolist ul li:first-child{
        margin-bottom: 0px;
    }
    .mobivision-btn{
        font-size: 16px;
    }
    .col-index-partner .list ul li{margin-top: 20px;}
    .col-index-partner .list ul li .pic{margin:0 0; min-height: unset; max-height: unset;}
    .col-index-partner .list ul li .pic img{height: unset;}
}

/*newshow 生信分析*/
    /* BLOCKS
    =============================================================================*/

    .rich_media_content p, .rich_media_content blockquote, .rich_media_content ul, .rich_media_content .rich_media_content ol, .rich_media_content dl, .rich_media_content table, .rich_media_content pre {
        margin: 15px 0;
    }

    /* HEADERS
    =============================================================================*/

    .rich_media_content h1, .rich_media_content h2, .rich_media_content h3, .rich_media_content h4, .rich_media_content h5, .rich_media_content h6 {
        margin: 20px 0 10px;
        padding: 10px 0;
        font-weight: bold;
        -webkit-font-smoothing: antialiased;
    }

    .rich_media_content h1 tt, .rich_media_content h1 code, .rich_media_content h2 tt, .rich_media_content h2 code, .rich_media_content h3 tt, .rich_media_content h3 code, .rich_media_content h4 tt, .rich_media_content h4 code, .rich_media_content h5 tt, .rich_media_content h5 code, .rich_media_content h6 tt, .rich_media_content h6 code {
        font-size: inherit;
    }

    .rich_media_content h1 {
        font-size: 28px;
        color: #000;
    }

    .rich_media_content h2 {
        font-size: 24px;
        border-bottom: 1px solid #ccc;
        color: #000;
    }

    .rich_media_content h3 {
        font-size: 18px;
    }

    .rich_media_content h4 {
        font-size: 16px;
    }

    .rich_media_content h5 {
        font-size: 14px;
    }

    .rich_media_content h6 {
        color: #777;
        font-size: 14px;
    }

    .rich_media_content a:first-child h1, .rich_media_content a:first-child h2, .rich_media_content a:first-child h3, .rich_media_content a:first-child h4, .rich_media_content a:first-child h5, .rich_media_content a:first-child h6 {
        margin-top: 0;
        padding-top: 0;
    }

    .rich_media_content h1+p, .rich_media_content h2+p, .rich_media_content h3+p, .rich_media_content h4+p, .rich_media_content h5+p, .rich_media_content h6+p {
        margin-top: 10px;
    }

    /* LINKS
    =============================================================================*/

    .rich_media_content a {
        color: #4183C4;
        text-decoration: none;
    }

    .rich_media_content a:hover {
        text-decoration: underline;
    }

    /* LISTS
    =============================================================================*/

    .rich_media_content ul, .rich_media_content ol {
        padding-left: 30px;
    }

    .rich_media_content ul li > :first-child,
    .rich_media_content ol li > :first-child,
    .rich_media_content ul li ul:first-of-type,
    .rich_media_content ol li ol:first-of-type,
    .rich_media_content ul li ol:first-of-type,
    .rich_media_content ol li ul:first-of-type {
        margin-top: 0px;
    }

    .rich_media_content ul ul, .rich_media_content ul ol, .rich_media_content ol ol, .rich_media_content ol ul {
        margin-bottom: 0;
    }

    .rich_media_content dl {
        padding: 0;
    }

    .rich_media_content dl dt {
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
        padding: 0;
        margin: 15px 0 5px;
    }

    .rich_media_content dl dt:first-child {
        padding: 0;
    }

    .rich_media_content dl dt>:first-child {
        margin-top: 0px;
    }

    .rich_media_content dl dt>:last-child {
        margin-bottom: 0px;
    }

    .rich_media_content dl dd {
        margin: 0 0 15px;
        padding: 0 15px;
    }

    .rich_media_content dl dd>:first-child {
        margin-top: 0px;
    }

    .rich_media_content dl dd>:last-child {
        margin-bottom: 0px;
    }

    /* CODE
    =============================================================================*/

    .rich_media_content pre, .rich_media_content code, .rich_media_content tt {
        font-size: 12px;
        font-family: Consolas, "Liberation Mono", Courier, monospace;
    }

    .rich_media_content code, .rich_media_content tt {
        margin: 0 0px;
        padding: 0px 0px;
        white-space: nowrap;
        border: 1px solid #eaeaea;
        background-color: #f8f8f8;
        border-radius: 3px;
    }

    .rich_media_content pre>code {
        margin: 0;
        padding: 0;
        white-space: pre;
        border: none;
        background: transparent;
    }

    .rich_media_content pre {
        background-color: #f8f8f8;
        border: 1px solid #ccc;
        font-size: 13px;
        line-height: 19px;
        overflow: auto;
        padding: 6px 10px;
        border-radius: 3px;
    }

    .rich_media_content pre code, .rich_media_content pre tt {
        background-color: transparent;
        border: none;
    }

    .rich_media_content kbd {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: #DDDDDD;
        background-image: linear-gradient(#F1F1F1, #DDDDDD);
        background-repeat: repeat-x;
        border-color: #DDDDDD #CCCCCC #CCCCCC #DDDDDD;
        border-image: none;
        border-radius: 2px 2px 2px 2px;
        border-style: solid;
        border-width: 1px;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        line-height: 10px;
        padding: 1px 4px;
    }

    /* QUOTES
    =============================================================================*/

    .rich_media_content blockquote {
        border-left: 4px solid #DDD;
        padding: 0 15px;
        color: #777;
    }

    .rich_media_content blockquote>:first-child {
        margin-top: 0px;
    }

    .rich_media_content blockquote>:last-child {
        margin-bottom: 0px;
    }

    /* HORIZONTAL RULES
    =============================================================================*/

    .rich_media_content hr {
        clear: both;
        margin: 15px 0;
        height: 0px;
        overflow: hidden;
        border: none;
        background: transparent;
        border-bottom: 4px solid #ddd;
        padding: 0;
    }

    /* TABLES
    =============================================================================*/

    .rich_media_content table th {
        font-weight: bold;
    }

    .rich_media_content table th, .rich_media_content table td {
        border: 1px solid #ccc;
        padding: 6px 13px;
    }

    .rich_media_content table tr {
        border-top: 1px solid #ccc;
        background-color: #fff;
    }

    .rich_media_content table tr:nth-child(2n) {
        background-color: #f8f8f8;
    }

    /* IMAGES
    =============================================================================*/

    .rich_media_content img {
        max-width: 80%;
        margin: 0 auto;
        display: block;
        clear: bottom;
    }

/*301*/
    .rich_media_content301 p{
        margin:0;
        line-height: 24px;
        text-indent: 28px;
    }
    .rich_media_content301 h4{
        padding: 24px 0;
        font-weight: bold;
        text-align: center;
    }
    .rich_media_content301 strong{
        padding: 8px 0;
        /*display: block;*/
    }
    .rich_media_content301 img{
        margin: 48px 0;
    }
    .rich_media_content301 h6{
        padding: 48px 0 24px 0;
        font-weight: bold;
        font-size: 14px;
    }
  
    .rich_media_content301 h5{
        padding: 48px 0 24px 0;
        font-weight: bold;
    }
/*301*/

.col-single-process-vdjTu{color: #000;}
.col-single-process-vdjTu hr{margin:40px 0;border-color: #ddd;}
.col-single-process-vdjTu h3{line-height: 1.3;margin-bottom: 20px;}
.col-single-process-vdjTu p{font-size: 18px;line-height: 1.8;}
.col-single-process-vdjTu table{width: 100%;}
.col-single-process-vdjTu table tr td{padding: 10px 8px;color: #333;}
.col-single-process-vdjTu table img{margin-bottom: 10px;}
.col-single-process-vdjTu table p{font-size: 16px;}
@media (max-width: 991px) {
    .col-single-process-vdjTu p{font-size: 14px;}
    .col-single-process-vdjTu table p{font-size: 12px;}
}

.col-mobisort1{}
.col-mobisort1 .box{display: flex;align-items: center;}
.col-mobisort1 .content{width: 65%;max-width: none;padding-right: 2vw;}
.col-mobisort1 .content .text h3{margin-bottom: 20px;}
.col-mobisort1 .content .text p{font-size: 18px;font-weight: normal;color: #333;line-height: 1.8;}
.col-mobisort1 .img{width: 35%; padding-left: 2vw;margin:0;}

.col-mobisort2{background: #f2f2f2;color: #333;}
.col-mobisort2 h3,
.col-mobisort4 h3{color: #333;font-size: 36px;font-weight: bold;color: #2f5597;line-height: 1.3;}
.col-mobisort2 ul{display: flex;padding-top: 10px;}
.col-mobisort2 ul li{width: 20%;margin-top: 3vw;}

.col-mobisort4{padding: 5vw 0;background: #f2f2f2;}
.col-mobisort4 .content{margin-top: 3vw;font-size: 18px;color: #333;}
.col-mobisort4 .content table{width: 100%;}
.col-mobisort4 .content table td{line-height: 1.6;padding: 5px;}
.col-mobisort4 .content table tr.firstRow td{color: #fff;background: #002060;font-weight: bold;border:1px solid #fff;}

.col-mobisort3{background: none;}
.col-mobisort5{background: #fff;}
.col-mobisort5 .content{color: #fff;}
.col-mobisort5 .content ul{max-width: 500px;}
.col-mobisort5 .content ul li{padding: 0.78vw 1.82vw;margin-top: 12px; background: #47c09c;border-radius: 10px;line-height: 1.8; }
.col-mobisort5 .content ul li:nth-child(2n){background: #adbdde;}
.col-mobisort5 .content ul li:nth-child(3n){background: #579dd5;}
.col-mobisort5 .content ul li:nth-child(4n){background: #47b8dc;}
.col-mobisort5 .content ul li:nth-child(5n){background: #203f91;}

.col-mobchip{padding: 5vw 0 0;}
.col-mobchip .title h3{ font-size: 36px;font-weight: bold;color: #333;line-height: 1.3; }
.col-mobchip .content{ margin-top: 3vw;text-align: center; }
/*.col-mobchip .content img{width: 100%;}*/
.col-mobchip-4{padding-bottom: 5vw;}
.col-mobchip-1{}
.col-mobchip-1 .content{text-align: left;font-size:20px;color: #333;line-height: 1.5;margin:0;}
.col-mobchip-1 .content img{/* margin-top: 2vw; */}
.col-mobchip-1 .content h3{color: #0078c4;line-height: 1.3;font-size: 36px;font-weight: bold;margin-bottom: 1.5vw;}
.col-mobchip-1 .content table{width: 100%;font-size: 16px;line-height: 1.8;}
.col-mobchip-1 .content table tr td{width: 50%;}
.col-mobchip-1 .content table tr td:first-child{padding-right: 3vw;}
.col-mobchip-1 .content table tr td h3{color: #333;}

.pic.pic_sjh:after{padding-bottom:43%!important;}
@media (max-width: 991px) {
    .col-mobisort1 .box{display: block;}
    .col-mobisort1 .content{width: 100%;padding-right: 0;}
    .col-mobisort1 .content .text h3{margin-bottom: 20px;}
    .col-mobisort1 .content .text p{font-size: 14px;}
    .col-mobisort1 .img{width: 100%; padding-left: 0;}
    .col-mobisort2 h3,
    .col-mobisort4 h3{font-size: 24px;}
    .col-mobisort2 ul li{margin-top: 30px!important;}
    .col-mobisort4{padding: 55px 0;}
    .col-mobisort4 .content{margin-top: 30px;font-size:14px;}
    .col-mobisort5 .content ul li{padding: 7px 15px;margin-top: 8px;border-radius: 5px;}

    .col-mobchip{padding: 55px 0 0;}
    .col-mobchip .title h3{ font-size: 24px;}
    .col-mobchip .content{ margin-top: 30px;}
    .col-mobchip-4{padding-bottom: 55px;}
    .col-mobchip-1{padding-top: 35px;}
    .col-mobchip-1 .content{font-size:14px;}
    .col-mobchip-1 .content img{margin-top: 20px;}
    .col-mobchip-1 .content h3{font-size:24px;margin-bottom: 15px;}
    .col-mobchip-1 .content table{font-size: 14px;}
    .col-mobchip-1 .content table tr td{width: 100%;display: block;}
    .col-mobchip-1 .content table tr td:first-child{padding-right:0;}


}
@media (max-width: 767px) {
    .col-mobisort2 ul {display: block;}
    .col-mobisort2 ul li{width: 100%;}
}