.swiper-wrap .layui-carousel{
    width: 100%;
    height: 740px !important;
}
.swiper-wrap .index-slide{
    width: 100%;
    height:100%;
    vertical-align: middle;
}
/* 产品中心 */
.product-wrap{
    width:100%;
    padding:72px 0px 120px 0px;
    background-color:#f7f7f7;
}
.product-wrap .layui-tab-title {
    height: 45px;
    border-bottom-width: 0px !important;
    margin-bottom: 12px;
}
.product-wrap .layui-tab-title li {
    width: 128px;
    text-align: center;
    font-size: 17px;
    color: #3f3f3f;
    line-height: 45px;
    margin-right:20px;
}
.product-wrap .layui-tab-brief>.layui-tab-title .layui-this {
    color: #ffffff;
    background-color:#2ad2c5 ;
}
.product-wrap .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
    border-bottom: 0px solid #5FB878 !important; 
}
.product-wrap .product-tab-content{
    width: 100%;
    /* height: 392px; */
}
.product-wrap .product-tab-content .product-tab-item {
    width: 100%;
}
.product-wrap .product-tab-content .product-info{
    width: 240px;
    height: 392px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color:#c7eeeb;
}
.product-wrap .product-tab-content .product-info-title{
    font-size:30px;
    color: #4a8f8a;
    margin-top: 50px;
}
.product-wrap .product-tab-content  .line{
    width:10px;
    height:10px;
    background-color:#afdcd9;
    border-radius:50%;
    position: relative;
    margin-top:12px;
}
.product-wrap .product-tab-content  .line::before{
    content:"";
    position: absolute;
    left:-80px;
    top: 50%;
    width:72px;
    height: 2px;
    background-color:#afdcd9;
    transform: translateY(-50%);
}
.product-wrap .product-tab-content  .line::after{
    content:"";
    position: absolute;
    right:-80px;
    top: 50%;
    width:72px;
    height: 2px;
    background-color:#afdcd9;
    transform: translateY(-50%);
}
.product-wrap .product-info-lists{
    margin-top: 40px;
}
.product-wrap .product-info-list{
    font-size: 24px;
    color: #4a8f8a;
    margin-bottom: 12px;
}
.product-wrap  .look-more{
    color: #4a8f8a !important;
    border-color:#4a8f8a !important;
    margin-top: 50px;
}
.product-wrap .product-items{
    flex: 1;
    overflow: hidden;
}
.product-wrap .product-item{
    width: 290px;
    height:392px;
    text-align: center;
    margin-right:16px;
    background-color:#ffffff;
    border: 1px solid #c7eeeb;
    box-sizing: border-box;
}
.product-wrap .product-item:last-of-type{
    margin-right:0px;
}
.product-wrap .product-item .product-imgwrap{
    width: 100%;
    height:160px;
    margin-top:30px;
}
.product-wrap .product-item .product-imgwrap .product-img{
    width:200px;
    height:200px;
    vertical-align: middle;
}
.product-wrap .product-item-title{
    width: 200px;
    height: 36px;
    text-align: center;
    font-size: 14px;
    color: #3f3f3f;
    margin:20px auto;
}
.product-wrap .product-item .order-btn{
    width:200px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #ffffff;
    background-color:#fb4100;
    border-radius: 6px;
    margin: 30px auto 0px auto;
}

.product-wrap .product-use-lists{
    width: 100%;
}
.product-wrap  .product-use-list{
    flex: 1;
    padding:20px 32px;
    box-sizing: border-box;
    background-color:#ffffff;
    border-radius:4px;
    margin-right:10px;
}
.product-wrap  .product-use-list:first-of-type{
    background-color:#ececec;
}
.product-wrap  .product-use-list:last-of-type{
    margin-right:0px;
}
.product-wrap  .product-use-list .use-list-imgwrap{
    width: 200px;
    height: 160px;
    margin-right:30px;
}
.product-wrap  .product-use-list .use-list-img{
    width: 200px;
    height: 160px;
    vertical-align: middle;
}
.product-wrap .use-list-info .use-list-title{
    font-size: 28px;
    color: #4a8f8a;
    line-height: 1.4;
    margin-top:10px;
}
.product-wrap .use-list-info .use-list-txt{
    font-size:16px;
    color: #4a8f8a;
    line-height: 1.2;
    margin-bottom:20px;
}
.product-wrap .use-list-info  .look-detail{
    display: inline-block;
    width:170px;
    height: 30px;
    background-color: #ffffff;
    border-radius:4px;
    overflow: hidden;
}
.product-wrap .use-list-info  .look-detail .look-detail-text{
    display: inline-block;
    width:140px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #898b8b;
    background-color: #ffffff;
     
}
.product-wrap .use-list-info  .look-detail .look-detail-icon{
    display: inline-block;
    width:30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #ffffff;
    background-color: #fb4100;
}
/* 纳米抗体体外诊断产品 */
.diag-wrap{
    width: 100%;
    height:770px;
    background: url('../images/diag.jpg') no-repeat;
    background-size: cover;
}
.diag-wrap .diag-mask{
    width: 100%;
    height: 770px;
    padding-top:80px;
    background:rgba(0,0,0,0.6);
}
.section-title{
    width: 100%;
    text-align: center;
}
.section-title .title{
    font-size:36px;
    color: #ffffff;
    line-height: 1.4;
}
.section-title .sub-title{
    font-size:14px;
    color: #ffffff;
    line-height: 1.2;
    margin-top:12px;
}
/* 跑马灯 */
.mn-wrap{
    height:405px;
    overflow: hidden;
    margin-top:70px;
    position: relative;
}
.mn-wrap .mn-swiper{
    width: 1080px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    position: initial !important;
}
.mn-wrap .swiper-wrapper {
   -webkit-transition-timing-function: linear;    /*之前是ease-out*/
   -moz-transition-timing-function: linear;
   -ms-transition-timing-function: linear;
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
   margin: 0 auto;
}
.mn-wrap .mn-swiper .swiper-slide{
    display: inline-block;
    width:360px !important;
    height:350px;
    padding:0px 10px;
    box-sizing: border-box;
    transition:all .7s ease 0s;
}
.mn-wrap .mn-swiper .swiper-slide a{
    display:block;
    overflow: hidden;
}
.mn-wrap .diag-item{
    width:100%;
    height:405px;
}
.mn-wrap .swiper-diag-imgwrap{
    width: 100%;
    height:340px;
}
.mn-wrap .swiper-diag-img{
    width: 100%;
    height:340px;
    vertical-align: middle;
}
.mn-wrap .diag-item-title{
    width: 100%;
    height:65px;
    padding:0px 20px;
    box-sizing: border-box;
    line-height: 65px;
    font-size: 16px;
    color: #ffffff;
    background-color:#2ad2c5;
    position:relative;
}
.mn-wrap .diag-item-title .add {
    font-size:20px;
    color: #ffffff;
    position: absolute;
    top:2px;
    right: 20px;
}
/* 左侧点击按钮 */
.mn-wrap .mn-swiper .swiper-button-prev{
    left: 0;
    background-image: url(../images/swiper-l.png);
}
/* 右侧点击按钮 */
.mn-wrap .mn-swiper .swiper-button-next{
    right: 0;
    background-image: url(../images/swiper-r.png);
}
.mn-wrap .swiper-btn{
    width:32px;
    height: 32px;
}
.mn-wrap .mn-swiper .swiper-button-next, .mn-swiper .swiper-button-prev{
    width: 32px;
    height: 32px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    position: absolute;
    top: 50%;
}

.diag-wrap .look-more-diag{
    display:block;
    width:150px;
    height: 40px;
    text-align: center;
    line-height:40px;
    font-size: 15px;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 4px;
    margin:60px auto 0px auto;

}
/* 纳米抗体技术平台及服务 */
.technology-wrap{
    width: 100%;
    height:900px;
    padding-top:80px;
    background:#f7f7f7;
    background-size: cover;
}
.technology{
    margin-top: 50px;
}
.technology-list{
    flex: 1;
    margin-right:20px;
}
.technology-list:nth-of-type(2n){
    margin-right:0px;
}
.technology-list-imgwrap{
    width:564px;
    height: 390px;
}
.technology-list-img{
    width:564px;
    height: 390px;
    vertical-align: middle;
}
.technology-list-info{
    width: 100%;
    height:200px;
    padding:40px 10px 20px 10px;
    overflow: hidden;
    box-sizing: border-box;
}
.technology-list-title{
    font-weight: bold;
    font-size: 17px;
    line-height: 1.4;
    color: #1e283c;
}
.technology-list-subtitle{
    font-size: 14px;
    color: #848484;
    line-height: 1.2;
    margin-top:12px;
}
.technology-list-txt{
    line-height:1.5;
    font-size: 15px;
    color: #848484;
    margin-top:20px;
}

/* 新闻资讯 */
.news-wrap{
    width: 100%;
    padding:80px 0px 100px 0px;
    background:#ffffff;
    background-size: cover;
}
.news{
    margin-top: 60px;
}
.news-wrap .new{
    flex: 1;
    height:600px;
    margin-right:20px;
}
.news-wrap .new:nth-of-type(2n){
    margin-right:0px;
}
.new-first-imgwrap{
    width:564px;
    height: 390px;
}
.new-first-img{
    width:564px;
    height:390px;
    vertical-align: middle;
}
.new-first-info{
    width: 100%;
    height:200px;
    padding:40px 10px 20px 10px;
    overflow: hidden;
    box-sizing: border-box;
}
.new-first-title{
    font-weight: bold;
    font-size: 17px;
    line-height: 1.4;
    color: #1e283c;
}
.new-first-subtitle{
    font-size: 14px;
    color: #848484;
    line-height: 1.2;
    margin-top:12px;
}
.new-first-txt{
    line-height:1.5;
    font-size: 15px;
    color: #848484;
    margin-top:20px;
}
.news-wrap .new-list{
    width: 100%;
    height:140px;
    padding:24px 32px;
    box-sizing: border-box;
}
.news-wrap .new-list:hover{
    background-color:#ececec; 
}
.new-first-info:hover{
    background-color:#ececec;
}
.news-wrap .new-list-left{
    width:66px;
    text-align: right;
    padding-right:14px;
    box-sizing: border-box;
    position:relative;
}
.news-wrap .new-list-left::after{
   content:'';
   position:absolute;
   top: 0px;
   right: 0px;
   width: 1px;
   height:100%;
   background-color:#dadada;
}
.news-wrap .new-list-left .day{
    font-weight: bold;
    font-size: 24px;
    color: #1e283c;
    margin-top:14px;
}
.news-wrap .new-list-left .year-month{
    font-size: 15px;
    color: #848484;
    margin-top:6px;
}
.news-wrap .new-list-right{
    flex: 1;
    min-width:420px;
    padding-left:18px;
    box-sizing: border-box;
}
.news-wrap .new-list-right .new-list-title{
    width: 100%;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
    color: #1e283c;
}
.news-wrap .new-list-right .new-list-txt{
    font-size:15px;
    color: #848484;
    line-height: 1.5;
    margin-top: 14px;
}
.news-wrap .look-more-news{
    display: block;
    width: 80px;
    height:28px;
    text-align: center;
    line-height: 28px;
    font-size: 30px;
    color: #ffffff;
    background-color:#2ad2c5;
    border-radius: 20px;
    margin-left: 12px;
}
/* 平板 */
@media screen and (min-width: 750px) and (max-width:1200px) {
    .swiper-wrap .layui-carousel{
       height:400px !important;
    }
    .product-wrap .product-tab-content{
        height: auto;
    }
    .product-wrap .product-tab-item{
        display: block;
    }
    .product-wrap .product-tab-content .product-info {
        width:100%;
    }
    .product-wrap .product-use-lists {
        display: block !important;
    }
    .product-wrap .product-use-list {
        margin-right: 0px !important;
        margin-top:16px;
    }
    .technology-wrap {
       height:auto;
       padding-bottom: 20px;
    }
    .technology{
        display: block;
    }
    .technology-list {
        padding:30px 30px;
        box-sizing: border-box;
        background-color: #ffffff;
        margin-right:0px;
        margin-top: 20px;
    }
    .technology-list-imgwrap {
        width:100%;
        text-align: center;
    }
    .technology-list-info {
        height: auto;
        padding: 40px 50px;
        overflow: hidden;
        box-sizing: border-box;
    }
    .news{
        width: 100%;
        display: block;
    }
    .new{
        width: 100%;
    }
    .new-first-imgwrap {
        width:100%;
        text-align: center;
        height:auto;
    }
    .new-first-info {
        height:auto;
        padding: 40px 80px;
    }

}
/* 平板 */
@media screen and (max-width: 750px){
    .swiper-wrap .layui-carousel{
       height:240px !important;
    }
    .product-wrap {
        width: 100%;
        padding:32px 0px 60px 0px;
    }
    .product-wrap .layui-tab-title li {
        width:50px;
        font-size: 15px;
        margin-right:10px;
    }
    .product-wrap .product-tab-content{
        height: auto;
    }
    .product-wrap .product-tab-item{
        display: block;
    }
    .product-wrap .product-items {
       display: block;
    }
    .product-wrap .product-item {
        width:100%;
        height: auto;
        text-align: center;
        margin-right:0px;
        margin-bottom: 24px;
    }
    .product-wrap .product-item .order-btn {
        margin: 30px auto 20px auto;
    }
    .product-wrap .product-tab-content .product-info {
        width:100%;
    }
    .product-wrap .product-use-lists {
        display: block !important;
    }
    .product-wrap .product-use-list {
        display: block;
        margin-right: 0px !important;
        margin-top:16px;
    }
    .product-wrap .product-use-list .use-list-imgwrap {
        width: 100%;
        text-align: center;
        height: auto;
        margin-right:0px;
    }
    .product-wrap .product-use-list .use-list-info{
        text-align: center;
    }
    .technology-wrap {
       height:auto;
       padding-bottom: 20px;
    }
    .technology{
        display: block;
    }
    .technology-list {
        padding:30px 10px;
        box-sizing: border-box;
        background-color: #ffffff;
        margin-right:0px;
        margin-top: 20px;
    }
    .technology-list-imgwrap {
        width:100%;
        height: 240px;
        text-align: center;
    }
    .technology-list-img {
        width: 100%;
        height:240px;
        vertical-align: middle;
    }
    .technology-list-info {
        height: auto;
        padding: 40px 10px;
        overflow: hidden;
        box-sizing: border-box;
    }
    .news{
        width: 100%;
        display: block;
    }
    .news .new{
        width: 100%;
        height: auto;
    }
    .new-first-imgwrap {
        width:100%;
        height: 240px;
        text-align: center;
        height:auto;
    }
    .new-first-img {
        width:100%;
        height:240px;
        vertical-align: middle;
    }
    .new-first-info {
        height:auto;
        padding: 40px 10px;
    }
    .news-wrap .new-list {
        height: auto;
        padding: 24px 12px;
    }
    .news-wrap .new-list-right {
        min-width:0px;


    }

}