﻿﻿﻿@charset "utf-8";
*{margin:0;padding:0;list-style:none;border:0;}
/* body */
@font-face {
  font-family: "PFDinCondensedMedium";
  src: url("/skin/PFDinCondensedMedium.woff.woff2") format("woff2"),
       url("/skin/PFDinCondensedMedium.woff.woff") format("woff"),
       url("/skin/PFDinCondensedMedium.woff.ttf") format("truetype"),
       url("/skin/PFDinCondensedMedium.woff.eot") format("embedded-opentype"),
       url("/skin/PFDinCondensedMedium.woff.svg") format("svg");
}
@font-face {
  font-family: 'FuturaStd-Heavy';
  src: url('/skin/FuturaStd-Heavy.otf') format('opentype');
}
body {margin:0; padding:0}
ul {list-style-type: none;margin: 0;padding: 0;}
{width:100%; margin:0 auto; overflow:hidden}
.main_image {width:100%; height:850px;overflow:hidden; margin:0 auto; position:relative; }
.main_image ul {width:9999px; height:850px; overflow:hidden; position:absolute; top:0; left:0;}
.main_image li {float:left; width:100%;}
.main_image li img {display:block; width:100%; height:auto;background-size: 100% auto !important;}
.main_image li a {display:block; width:100%;}
.main_image li .img_1 {background: url('../img/banner01.jpg') center top no-repeat}
.main_image li .img_2 {background: url('../img/banner02.jpg') center top no-repeat}
div.flicking_con {width:100px; margin:0 auto; position:relative}
div.flicking_con .flicking_inner {position:absolute; top:820px; left:0px; z-index:999;  height:21px} /* 121126 */
div.flicking_con a {float:left; width:21px; height:21px; margin:0; padding:0; background:url('../img/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px}
div.flicking_con a.on {background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:48%;margin-top:-37px;display:none;}
#btn_prev{background:url(../img/hover_left.png) no-repeat left top;left:20px;}
#btn_next{background:url(../img/hover_right.png) no-repeat right top;right:20px;}

#banner{ margin-top:90px;}

@media (max-width: 1080px) {
   .footer{  visibility: inherit !important;}
}
@media (max-width: 641px) {
   .main_image{height: 175px;}
   #banner{ margin-top:55px;}
   #btn_prev, #btn_next{width: 30px!important;height: 40px!important;}
}

.clearfix {zoom: 1;}
.clearfix:after {content: " ";display: block;font-size: 0;height: 0;clear: both;visibility: hidden;}
/*关于我们*/
.index{padding:80px 0 20px 0}
.index_about{position:relative;width:100%}
.index_about .about_txt{margin-bottom:30px}
.index_about .about_txt h2{font-size:36px;font-weight:bold;color:#000;text-align:center}
.index_about .about_txt span{display:block;font-size:26px;line-height:36px;margin:20px auto 40px;color:#000;font-weight:bold;text-align:center}
.elaborate2{padding:30px 0}
.elaborate2 figure{display:block;float:right;line-height:1;width:48.58%;overflow:hidden}
.elaborate2 figure img{display:block;width:100%;height:auto;transition:0.58s;border-radius:10px}
.elaborate-text2{float:left;width:47.5%}
.elaborate-text2 strong{display:block;margin:20px 0;color:#000;font-size:24px;line-height:1.2;font-weight:bold}
.about_txt .elaborate-text2 p{color:#666;line-height:28px;text-indent:2rem;text-align:justify;font-size:15px;padding-top:15px}
.industrial-view-text{position:absolute;left:50%;margin-left:-600px;top:50%;transform:translateY(-50%);text-align:center;z-index:10}
.industrial-view-text a{display:block;position:relative;z-index:3;overflow:hidden;margin-top:50px;width:175px;height:45px;text-align:center;line-height:45px;border-radius:23px;color:#fff;font-size:14px;background:#00BBEB}
.industrial-view-text a:before{content:"";width:0;height:100%;background:#357CCE;position:absolute;right:0;bottom:0;transition:0.45s;z-index:-1}
.industrial-view-text a:before{border-radius:23px}
.industrial-view-text a i{display:inline-block;margin-right:8px;font-style:normal}
@media screen and (max-width: 641px) {
    .container {width: 90%;}
    .index {padding: 20px 0;}
    .index_about .about_txt h2 {font-size: 24px;}
    .index_about .about_txt span {font-size: 20px;}
    .elaborate2 {padding: 30px 0 0;}.elaborate2 figure {display: block;float: left;line-height: 1;width: 100%;overflow: hidden;}
    .elaborate-text2 {float: left;width: 100%;margin-top: 10px;}
    .elaborate-text2 strong {font-size: 20px;margin-bottom: 10px;}
    .industrial-view-text a {margin-top: 22px;width: 160px;height: 42px;line-height: 42px;}
}

/*细胞服务*/
.biology-content {
    margin: auto;
    margin-top: 36px;
    width: 1200px;
    max-width: 100%;
}
.science-top {
    text-align: center;
}
.science-top strong {
    display: block;
    margin-bottom: 50px;
    line-height: 1;
    color: #000;
    font-size: 30px;
    font-weight: bold;
}
.science-top p {
    color: #666;
    font-size: 16px;
    text-align: left;
    padding-bottom: 10px;
}
.science-img {
    margin-top: 26px;
}
.science-img-item {
    float: left;
    width: 49%;
}
.science-img-item figure {
    display: block;
    line-height: 1;
    overflow: hidden;
}
.inner img {
    max-width: 100%;
}
.science-img-item figure img {
    display: block;
    width: 100%;
    height: auto;
}
.science-img-item:nth-child(2n+2) {
    float: right;
}
.about_date {
    margin-top: 60px;
}
.shuz {
    background: #16194e;
    height: 393px;
}
.index_about .about_date ul li {
    display: block;
    float: left;
    width: 50%;
    text-align: center;
}
.index_about .about_date ul li .name {
    font-size: 18px;
    line-height: 36px;
    color: #fff;
}
.science-top p {
    color: #666;
    font-size: 16px;
    text-align: left;
    padding-bottom: 10px;
}
.index_about .about_date ul li .infos {
    font-size: 24px;
    color: #fff;
    text-align: center;
    margin: 24px 0;
}
.index_about .about_date ul li .infos b {
    display: inline-block;
    font-size: 48px;
    font-family: "PFDinCondensedMedium";
    margin-right: 8px;
    color: #fff;
}

/*列表分页*/
.pagination p {margin: 0;cursor: pointer;display: inline-block;}
.pagination {height: 40px;padding: 20px 60px;}
.pages a.cur {border: solid thin #c50e0e;background-color: #c50e0e;color: white;}
.pagination p.pageRemark {border-style: none;background: none;margin-right: 0px;padding: 4px 0px;color: #666;}
.pagination p.pageRemark b {color: red;}
.pagination p.pageEllipsis {border-style: none;background: none;padding: 4px 0px;color: #808080;}
.dates li {font-size: 14px;margin: 20px 0}
.dates li span {float: right}
                                
.news_tab_swiper .slick-list{opacity: 0;}                                
.news_tab_swiper .swiper-slide-active{opacity: 1;}                                
.news_tab_content{overflow: hidden;}







/*首页新闻*/
.centre{position:relative;margin:47px auto 50px;width:1400px}
.clearfix{zoom:1}@media screen and (max-width:1450px){.centre,.home-wrap{width:90%}}
.centre-info{position:relative;float:left;width:50%}
.centre-info figure{display:block;line-height:1;overflow:hidden}
.centre-info figure img{display:block;width:100%;height:auto;transition:.68s}@media screen and (max-width:1450px){.centre-info figure img{width:auto;height:380px;position:relative;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}}
.centre-title{position:absolute;left:36px;top:32px;z-index:10;display:flex;-webkit-display:flex}
.centre-title span{display:block;float:left;width:64px;height:64px;line-height:1.3;color:#fff;font-size:14px;font-weight:700;background:#357cce;display:flex;display:-webkit-flex;display:-moz-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center}
.centre-title span:last-child{background:#00bbeb;font-size:16px;line-height:1.2;font-family:avenirnextregular;font-weight:400}
.clearfix:after{content:" ";display:block;font-size:0;height:0;clear:both;visibility:hidden}
.centre-context{position:absolute;left:0;bottom:0;z-index:3;box-sizing:border-box;padding:78px 36px 38px;width:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%)}
.centre-context strong{display:block;margin-bottom:18px;line-height:1.5;color:#fff;font-size:16px;font-weight:400;width:524px;max-height:100%}@media screen and (max-width:1450px){.centre-context strong{width:100%}}
.centre-context span{display:inline-block;position:relative;padding-bottom:9px;border-bottom:1px solid #fff;line-height:1;color:#fff;font-size:12px;transition:.38s}

.centre-tab{position:absolute;right:0;top:0;width:50%;height:100%;box-shadow:0 1px 4px rgba(0,0,0,0.16)}
.centre-wrap{padding:28px 11.428% 0 7.142%}
.centre-span{margin-bottom:25px}
.centre-span span{display:block;float:left;margin-right:42px;line-height:1;color:#333333;font-size:18px;cursor:pointer;transition:0.4s}
.centre-span span:hover,.centre-span span.active{color:#357CCE}
.centre-content{position:relative}
.centre-itembox{position:absolute;left:0;top:0;width:100%;opacity:0;visibility:hidden}
.centre-itembox.active{opacity:1;visibility:visible;transition:0.35s}
.centre-swiper{position:relative}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;z-index:0;overflow:hidden;width:100%;height:100%;display:block;margin:0;padding:0}
.slick-slider .slick-list,.slick-track,.slick-slide,.slick-slide img{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;zoom:1}
.slick-track:before,.slick-track:after{content:"";display:table}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
.slick-initialized .slick-slide{display:block}
.hone__news li{position:relative;margin-bottom:10px}
.news__top{position:relative}
.news__top strong{display:block;margin-right:100px;color:#787878;transition:0.3s;font-size:15px;line-height:35px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:0.36s}
.hone__news li.active .news__top strong{margin-right:0;font-size:18px}
.news__top strong:hover{color:#357CCE}
.news__top time{display:block;position:absolute;right:0;top:0px;line-height:35px;color:#a4a4a4;font-size:14px;transition:0.35s}
.hone__news li.active .news__top time{opacity:0;visibility:hidden}
.news__bott{display:none;padding-top:8px;padding-bottom:12px;border-bottom:1px solid #ccc}
.hone__news li:first-child .news__bott{display:block}
.news__bott p{color:#a3a3a3;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news__bott span{display:inline-block;margin-top:30px;color:#a4a4a4;font-size:14px}

#dituContent{width:1000px; margin:0 auto; height:450px;font-size:12px;}
.myContent img{max-width: 100%;height: auto;}
.newsmore {position: absolute;left: 0;bottom: -30px;z-index: 10;}
.newsmore a {display: inline-block;padding-left: 50px;position: relative;line-height: 14px;color: #999999;font-size: 14px;}
.newsmore a:before {position: absolute;left: 0;top: 50%;margin-top: -1px;content: "";width: 41px;height: 1px;background: #D1D1D1;transition: 0.35s;}
.newsmore a i {display: inline-block;position: relative;top: -2px;margin-left: 6px;vertical-align: middle;width: 8px;height: 8px;transition: 0.32s;}
.newsmore a i:before {position: absolute;left: 0;top: 50%;margin-top: -1px;content: "";width: 100%;height: 2px;background: #999999;transition: 0.34s;}
.newsmore a i:after {position: absolute;left: 50%;top: 0;margin-left: -1px;content: "";height: 100%;width: 2px;background: #999999;transition: 0.34s;}
.newsmore a:hover {color: #357CCE;}
.newsmore a:hover:before {background: #357CCE;}
.newsmore a:hover i {transform: rotate(180deg);}
.newsmore a:hover i:before,
.newsmore a:hover i:after {background: #205CA2;}

.biology-content {margin: auto;}
.science-top {text-align: center;}
.event-btn {text-align: center;}
.event-btn a {display: inline-block;position: relative;z-index: 3;margin-right: 5px;width: 300px;height: 70px;line-height: 70px;text-align: center;color: #666;font-size: 20px;font-weight: bold;}
.event-btn a:hover, .event-btn a.active {color: #00BBEB;}
.event-btn a:hover, .event-btn a.active {color: #fff;}
.event-btn a:last-child {margin-right: 0;}
.event-btn a:before {content: "";width: 0;height: 100%;background: #00BBEB;position: absolute;right: 0;bottom: 0;transition: 0.4s;z-index: -1;}
.event-btn a:hover:before, .event-btn a.active:before {width: 100%;right: auto;left: 0;}
.responsibility-top {padding: 60px 0 30px;border-top: 1px solid rgba(112, 112, 112, 0.23);}
.mianyi {margin-top: 30px;border-radius: 20px;padding: 30px 50px;font-size: 18px;font-weight: bold;box-shadow: 0 0 10px #e2e2e2;}
.biology-content p {color: #666;font-size: 16px;text-align: left;padding-bottom: 10px;}
.science-top p {color: #666;font-size: 16px;text-align: left;padding-bottom: 10px;}
.xbcc2 {width: 100%;background: url(../img/xbcc2.jpg) repeat-y;padding: 100px 0 60px 0;}
.xbcc2 .xbcc2_btn {margin: 0 auto;text-align: center;}
.xbcc2 img {max-width: 100%;}
.xbcc2 .xb222_nr {margin: 0 auto;margin-top: 45px;}

.industrial-items {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}
.industrial-items.active {
    height: auto;
    position: relative;
    opacity: 1;
    visibility: visible;
    transition: 0.5s;
}
.core {
    background: #F7F7F7;
    padding-bottom: 60px;
}
.ysw .industrial-views {
    padding: 80px 0 0 0;
}
.industrial-titles {
        margin-bottom: 40px;
    }
.industrial-titles strong {
    display: block;
    text-align: center;
    line-height: 1.4;
    color: #000;
    font-size: 30px;
}
.core-list li {
    margin-bottom: 21px;
    background: #fff;
    border-radius: 10px;
    position: relative;
}
.core-list li figure {
    display: block;
    float: right;
    line-height: 1;
    overflow: hidden;
    width: 50%;
}
.core-list li figure img {
    display: block;
    width: 100%;
    height: auto;
    transition: 0.65s;
}
.core-text {
    float: left;
    margin-left: 4.16%;
    padding-top: 45px;
    width: 42%;
}
.ysw .core-text {
    float: left;
    margin-left: 4.16%;
    padding: 45px 0;
}
.core-text p {
    color: #666666;
    font-size: 20px;
    padding-bottom: 10px;
    position: relative;
    padding-left: 30px;
}
.ysw .core-text p {
    color: #666666;
    font-size: 16px;
    padding-bottom: 5px;
    position: relative;
    padding-left: 25px;
}
.txt_bottom_btn {
    display: flex;
    align-items: center;
}
.industrial-view-text {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    z-index: 10;
}
.txt_bottom_btn .industrial-view-text a {
    display: block;
    position: relative;
    z-index: 3;
    overflow: hidden;
    margin-top: 50px;
    width: 180px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border-radius: 23px;
    color: #fff;
    font-size: 15px;
    background: #00BBEB;
}
.ysw .core-text .industrial-view-text a {
    margin-top: 30px;
}
.core-text p:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../img/bn129.png) no-repeat 50% 50%;
    position: absolute;
    left: 0;
    top: 11px;
}
.ysw .core-text p:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../img/bn129.png) no-repeat 50% 50%;
    position: absolute;
    left: 0;
    top: 7px;
}
.industrial-view-text a:before {
    content: "";
    width: 0;
    height: 100%;
    background: #357CCE;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: 0.45s;
    z-index: -1;
}
.industrial-view-text a:before {
    border-radius: 23px;
}
.industrial-view-text a:hover,
.industrial-view-text a.active {
  color: #205CA2;
}
.industrial-view-text a:hover:before,
.industrial-view-text a.active:before {
  width: 100%;
  right: auto;
  left: 0;
}
.industrial-view-text a:before {
  border-radius: 23px;
}
.industrial-view-text a:hover {
  background: #205CA2;
  color: #fff;
}
.industrial-view-text a i {
  display: inline-block;
  margin-right: 8px;
  font-style: normal;
}
.laboratory-box {
    padding: 90px 0;
    background: #F7F7F7;
}
.science-top {
    text-align: center;
}
.science-top strong {
    display: block;
    margin-bottom: 50px;
    line-height: 1;
    color: #000;
    font-size: 30px;
    font-weight: bold;
}
.science-top p {
    color: #666;
    font-size: 16px;
    text-align: left;
    padding-bottom: 10px;
}
.science-top1 p {
    text-align: left;
}
.JiJinCase .JiJinCase_content {
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -40px;
    padding-top: 10px;
}
.JiJinCase .JiJinCase_content .JiJinCase_content_list {
    width: 23%;
    margin-bottom: 40px;
    position: relative;
}
.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_img {
    text-align: center;
    position: relative;
}
.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_img img {
    width: 100%;
}
.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_hover dd {
    background: rgba(0, 0, 0, .5);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.5s ease;
    -webkit-transform: all 0.5s ease;
}
.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_hover dt {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 5;
    color: #fff;
    font-size: 35px;
    opacity: 0;
    transition: all 0.5s ease;
    -webkit-transform: all 0.5s ease;
}
.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_img img {
    width: 100%;
}
.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_hover .hr {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 5;
}
.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_hover .hr img {
    width: auto;
    height: auto;
    opacity: 0;
    transition: all 0.5s ease;
    -webkit-transform: all 0.5s ease;
}
.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_txt {
    font-size: 16px;
    color: #333333;
    line-height: 68px;
    padding: 0px 20px;
    background: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_txt span {
    font-size: 13px;
    color: #999999;
    margin-left: 17px;
}
.laboratory-box {
    padding: 90px 0;
    background: #F7F7F7;
}
.science-top {
    text-align: center;
}
.science-li {
    margin-top: 56px;
}
.science-top strong {
    display: block;
    margin-bottom: 50px;
    line-height: 1;
    color: #000;
    font-size: 30px;
    font-weight: bold;
}
.science-li {
    margin-top: 56px;
}
.science-li li {
    margin-bottom: 20px;
    background: #fff;
}
.science-li li:last-child {
    margin-bottom: 0;
}
.science-li li figure {
    display: block;
    float: left;
    line-height: 1;
    overflow: hidden;
    width: 280px;
}
.science-li li figure img {
    display: block;
    width: 100%;
    height: auto;
}
.science-in {
    margin-left: 318px;
    padding-right: 68px;
}
.science-in strong {
    display: block;
    position: relative;
    padding-top: 30px;
    margin-bottom: 15px;
    line-height: 1;
    color: #3C3C3C;
    font-size: 20px;
}
.science-in h4 {
    color: #333;
    font-size: 16px;
    margin-bottom: 10px;
}
.science-po {
    height: 250px;
    overflow: auto;
    padding-right: 20px;
}
.science-in p {
    color: #999999;
    font-size: 14px;
}
.back-list {
    padding: 40px 0 50px;
    text-align: center;
}
.back-list-right {
    text-align: right;
}
.back-list a {
    display: inline-block;
    color: #999999;
    font-size: 14px;
}
.back-list a i {
    display: inline-block;
    position: relative;
    left: 0;
    top: -2px;
    vertical-align: middle;
    margin-left: 13px;
    width: 14px;
    height: 12px;
    background: url(../img/back.png) center no-repeat;
    transition: 0.35s;
}
.view-page {
    position: relative;
    padding-top: 30px;
    border-top: 2px solid #EBEBEB;
}
.pageLefe {
    display: flex
;
    justify-content: space-between;
}
.pageinfo {
    margin-bottom: 10px;
    display: inline-block;
    color: #999999;
    font-size: 14px;
}
.pageinfo a {
    display: inline-block;
    color: #999999;
    font-size: 14px;
}
.pageinfo:last-child {
    margin-bottom: 0;
}
.science-in strong:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 39px;
    height: 6px;
    background: #00bbeb;
}
.industrial-items {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}
.core {
    background: #F7F7F7;
    padding-bottom: 60px;
}
.core-list li {
    margin-bottom: 21px;
    background: #fff;
    border-radius: 10px;
    position: relative;
}
.chuang .core-list li {
    background: #f7f7f7;
}
.core-list li figure {
    display: block;
    float: right;
    line-height: 1;
    overflow: hidden;
    width: 50%;
}
.core-list li figure img {
    display: block;
    width: 100%;
    height: auto;
    transition: 0.65s;
}
.core-text {
    float: left;
    margin-left: 4.16%;
    padding-top: 45px;
    width: 42%;
}
.chuang .core-text {
    float: left;
    margin-left: 4.16%;
    padding-top: 0;
    width: 42%;
}
.core-text p {
    color: #666666;
    font-size: 20px;
    padding-bottom: 10px;
    position: relative;
    padding-left: 30px;
}
.chuang .core-text p {
    font-size: 18px;
    color: #333333;
    background-color: #fff;
    padding: 17px 10px 17px 80px;
    margin-bottom: 20px;
    line-height: 24px;
}
.chuang .core-text p i {
    position: absolute;
    top: 20px;
    left: 25px;
    font-size: 36px;
    color: #357CCE;
}
.chuang .core-text p span {
    display: inline-block;
    border-bottom: 1px solid #00BBEB;
    padding-bottom: 5px;
}
.brand-in {
    margin-bottom: 60px;
}
.brand-in li {
    position: relative;
    padding: 65px 0 52px;
    border-bottom: 1px solid #EEEEEE;
}
.brand-in li:before {
    position: absolute;
    left: 0;
    bottom: -5px;
    content: "";
    width: 6px;
    height: 6px;
    border: 2px solid #EEEEEE;
    border-radius: 50%;
    background: #fff;
}
.brand-left {
    float: left;
    position: relative;
    z-index: 3;
    padding-top: 8px;
    overflow: hidden;
    transition: 0.35s;
}
.brand-left strong {
    display: block;
    margin-bottom: 20px;
    line-height: 1;
    color: #00BBEB;
    font-size: 24px;
}
.brand-textd {
    margin-left: 25.83%;
    margin-right: 12.5%;
}
.brand-textd p {
    color: #999;
    font-size: 16px;
}
.biologytt {
    margin-top: 30px;
}
.layui-table, .layui-table-view {
    margin: 10px 0;
}
.layui-table {
    width: 100%;
    background-color: #fff;
    color: #666;
}

.biologytt .layui-table th {
    position: relative;
    padding: 15px 15px;
    min-height: 20px;
    line-height: 20px;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
}
.layui-table tr {
    transition: all .3s;
    -webkit-transition: all .3s;
}

.layui-table td, .layui-table th {
    position: relative;
    padding: 9px 15px;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
}
.biologytt .layui-table td {
    position: relative;
    padding: 15px 15px;
    min-height: 20px;
    line-height: 20px;
    font-size: 15px;
    color: #666;
    line-height: 28px;
}
.biologytt .layui-table tr td:first-child {
    text-align: center;
}



@media screen and (max-width: 1450px) {
    .centre, .home-wrap {width: 90%;}
    .centre-info figure img {width: auto;height: 380px;position: relative;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
    .centre-context strong {width: 100%;}
    .centre-wrap {padding-right: 6%;}
        .back-list {
        padding: 32px 0;
    }
}

@media screen and (max-width: 1024px) {
    .centre-info {width: 100%;float: none;}
    .centre-info figure img {height: auto;width: 100%;}
    .centre-tab {position: relative;width: 100%;}
    .centre-wrap {padding: 30px 5% 50px 5%;}
    .centre-span {margin-bottom: 35px;}
    .centre-itembox.active {position: relative;}
}
@media screen and (max-width: 641px) {
    .centre-title {left: 22px;top: 20px;}
    .centre-title span {width: 50px;height: 50px;font-size: 13px;line-height: 1.2;}
    .centre-title span:last-child {font-size: 13px;}
    .centre-context {padding: 50px 22px 20px;}
    .centre-context strong {margin-bottom: 12px;font-size: 18px;}
    .centre-span {margin-bottom: 26px;}
    .centre-span span {font-size: 18px;}
    .news__top strong {margin-right: 0;}
    .news__top time {display: none;}.news__bott p {font-size: 14px;}
    .f-t-bottom{padding: 0;}
    .t-b-left{display:none}
    .t-b-right{width: 100%;}
    .enter{width: 100%;}
    .foot-bottom{padding: 30px 0 10px;line-height: 24px;}
    .foot-bottom .container>div{padding: 10px 0!important;}
    .xiaobanner{padding-top: 150px;}
    .ny-banner h2{font-size: 24px;}
    .ny-banner h2 small{font-size: 12px;}
    .ny-banner{height: 300px;background-position-x: right;}
    .twofindlist{padding: 0;}
    .twofindlist a{font-size: 14px;line-height: 46px;padding: 0;background: none;border-radius: 0;}
    #dituContent{width:100%;height: 350px;}
    .contactdzny{width: 100%;position: static;}
    .dlacontlist{width: 100%;text-align: left}
    .dlacontlist dt{float: left;margin-right: 15px;}
    .dlacontlist dt img{width: 50px;height: 50px;}
    .dlacontlist dd{float: left;}
    .dlacontlist dd span{margin-bottom: 0;}
    .message h3{font-size: 22px;}
    .message p{margin-bottom: 20px;}
    .me_input{width:100%;margin-right: 0;}
    .me_input label{height:35px;line-height: 35px;width: 120px;}
    .me_input input{line-height: 35px;height: 35px;width: calc(100% - 140px);}
    .me_area textarea{width: calc(100% - 54px);height: 80px;}
    .me_btn{height: 35px;line-height: 35px;width: 180px;}
    .news{width: 100%;}
    .f-title em{font-size: 24px;}
    .f-title small{font-size: 18px;}
    .f-title span{margin: 0;}
    .aboutleft,.aboutright{width: 100%;height:auto!important;}
    .aboutleft img{width: 100%;height: auto;}
    .aboutright h1{font-size:22px;padding: 25px 0;}
    .neirong{height: auto!important}
    .f-title,.aboutleft{padding: 0!important;}
    .picScroll-left{width: 100%;}
    .ulhonor li {width: calc(50% - 20px);height: auto;margin: 10px;}
    .ulhonor li a p{width: 100%;height: auto;}
    .ulhonor li a img{width: 100%;height: auto;}
    .news_p,.news_icon{display: none;}
    .news_tt{width:100%;margin:0;}
    .news_tt h3{font-size:16px;}
    .info .biaoti{font-size: 18px;}
    .myContent img{max-width:100%!important;height:auto!important;}
    .leval-menu{background:#2bc7b1;}
    .inner {width: 90%;margin: 0px auto;}
    .science-top strong {font-size: 24px;}
    .science-top strong {margin-bottom: 30px;}
    .science-top p {font-size: 14px;line-height: 24px;}
    .science-img{margin-top: 20px}
    .science-img-item {margin-bottom: 30px;width: 100%;}
    .shuz {height: 226px;margin-bottom: 30px;width: 100%;}.about_date {margin-top: 20px;}
    .index_about .about_date ul li .name {font-size: 16px;}
    .index_about .about_date ul li .infos {font-size: 20px;margin: 8px 0;}.index_about .about_date ul li .infos b {font-size: 30px;}
    .dlproductslist{height: auto;}
    .dlproductslist dt img{width: 100%;height: auto;}
    .dlproductslist dd{width: calc(100% - 40px);}
    .pingpu-bg, .rslides, .fuwu-bg, .news, .ny-banner{min-width: auto;}
    .dlproductslist:nth-child(even) .pmore a{right:auto;}
    .core-list li figure {
        width: 100%;
    }
        .core-text {
        margin-left: 5%;
        margin-right: 5%;
        padding: 32px 0;
        width: auto;
    }
    .laboratory-box {
        padding: 50px 0;
    }
        .science-top strong {
        font-size: 24px;
    }
    .science-top p {
        font-size: 14px;
    }
        .JiJinCase .JiJinCase_content .JiJinCase_content_list {
        width: 48%;
    }
    .JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_txt {
        line-height: 48px;
        font-size: 14px;
    }
    .JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_txt span {
        font-size: 12px;
    }
    .laboratory-box {
        padding: 50px 0;
    }
    .science-top strong {
        font-size: 24px;
    }
    .science-li li figure {
        float: none;
        margin: auto;
    }
    .science-in {
        padding: 0 5% 40px;
        box-sizing: border-box;
        width: 100%;
        margin-top: 30px;
        margin-left: 0;
    }
    .science-in strong {
        padding-top: 36px;
        font-size: 18px;
    }
        .science-po {
        height: auto;
    }
    .science-in p {
        font-size: 14px;
    }
        .back-list {
        padding: 20px 0;
    }
        .pageLefe {
        width: 100%;
        max-width: 100%;
        display: block;
    }
        .pageinfo a {
        font-size: 14px;
    }
    .core-list li figure {
        width: 100%;
    }
        .chuang .core-text {
        float: left;
        margin-left: 0;
        padding-top: 30px;
        width: 100%;
    }
    .brand-in {
        margin-bottom: 40px;
    }
    .brand-in li {
        padding: 30px 0;
    }
    .brand-in li:before {
        position: absolute;
        left: 0;
        bottom: -5px;
        content: "";
        width: 6px;
        height: 6px;
        border: 2px solid #EEEEEE;
        border-radius: 50%;
        background: #fff;
    }
        .brand-left {
        float: none;
    }
    .brand-left strong {
        font-size: 22px;
        margin-bottom: 15px;
    }
        .brand-textd {
        margin-left: 0;
        margin-top: 28px;
    }
        .brand-textd p {
        font-size: 14px;
    }
    

}
@media screen and (max-width: 481px) {
    .pingpu-bg, .rslides, .fuwu-bg, .news, .ny-banner{min-width:auto;}
    .centre {margin: 30px auto;}
    .centre-context strong {margin-bottom: 0;}
    .centre-context span {display: none;}
    .honormain,.ulhonor,.suming{width: 100%;}

}