.floor-one {
    background-image: url('../images/sustainable/banner.png');
}
.bgtext{
    background: url('../images/sustainable/bg1.png') 50% 50% no-repeat;
    background-position: left top;
}
.sustainable-box {
    margin-top: .73rem;
}
.recruit-left{
    float: left;
    font-size:.16rem;
}
.recruit-right{
    width: 10.7rem;
    float: right;
    border-top: 3px solid #F2F2F2;
}
.sustainable-box .recruit-right .floor{
    padding-bottom: .98rem;
}
.sustainable-box .recruit-right .floor .title{
    font-size: 18px;
    color: #005BAC;
    font-weight: 700;
    padding-bottom: .1rem;
    text-align: center;
}
img{max-width: 100%;max-height: 100%;}
.sustainable-box .recruit-right .floor .title.first-title{
    font-size: 24px;
    padding-bottom: .83rem;
    position: relative;
}
.sustainable-box .recruit-right .hot-spot .title.first-title {
    padding-bottom: .52rem;
}
.sustainable-box .recruit-right .trade .title.first-title {
    padding-bottom: .35rem;
}
.sustainable-box .recruit-right .floor .title.first-title .showMore{
    position: absolute;
    right: 0;
    font-size: 14px;
    color: #595757;
}
.sustainable-box .recruit-right .floor{
    font-size: 18px;
    color: #595757;
    line-height: 36px;
}
.sustainable-box .recruit-right .floor.zizhi{
    font-size: 14px;
}
.sustainable-box .recruit-right .floor .content{
    width: 9.56rem;
}
.sustainable-box .recruit-right .hot-spot .content {
    width: 100%;
}
.sustainable-box .recruit-right .trade{
    padding-top: .74rem;
}
.sustainable-box .recruit-right .trade .content-box .box{
    padding-top: .7rem;
    padding-bottom: .34rem;
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}
.sustainable-box .recruit-right .trade .content-box .picture{
    width: 3.92rem;
    height: 2.4rem;
    margin-bottom: .28rem;
}
.sustainable-box .recruit-right .trade .content-box .picture.video-picture{
    position: relative;
    cursor: pointer;
}
.sustainable-box .recruit-right .trade .content-box .picture.video-picture:hover .cover{
    opacity: 1;
    filter: opacity(100);
}
.sustainable-box .recruit-right .trade .content-box .picture.video-picture .cover{
    width: 3.92rem;
    height: 2.4rem;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    filter: opacity(0);
}
.sustainable-box .recruit-right .trade .content{
    width: 10.7rem;
    padding-bottom: .40rem;
}
.sustainable-box .recruit-right .trade .content .l{
    width: 1.46rem;
    height: 1.46rem;
    margin-right: .44rem;
}
.sustainable-box .recruit-right .trade .content .l img{
    width: 100%;
}
.sustainable-box .recruit-right .trade .content .r {
    width: 8.8rem;
    font-size: .16rem;
    color: #595757;
    line-height: 1;
    padding-top: .10rem;
}
.sustainable-box .recruit-right .trade .content .r .row-1{
    font-weight: 700;
    padding-bottom: .1rem;
}
.sustainable-box .recruit-right .trade .content .r .row-3 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-top: .54rem;
}
.sustainable-box .recruit-right .hot-spot .content .row{
    float: left;
    width: 3.29rem;
    padding-right: .36rem;
}
.sustainable-box .recruit-right .hot-spot .content .row.last-row{
    padding: 0;
}
.sustainable-box .recruit-right .hot-spot .content .row .tips{
    text-align: center;
    font-size: .16rem;
    color: #595757;
    font-weight: 700;
}
.sustainable-box .recruit-right .hot-spot .content .row .hotSpot{
    width: 3.29rem;
    height: 3.29rem;
}
.trade
.sustainable-box .recruit-right .floor .content .title-span{
    font-weight: 700;
}
.sustainable-box .recruit-right .floor .content .content-span{
    display: inline-block;
    width: 2.6rem;
    padding-right: .28rem;
}
.sustainable-box .recruit-right .floor .content .img-responsive{
    width: 4.45rem;
    height: 3.25rem;
}
.sustainable-box .center-right {
    border-top: .03rem solid #F2F2F2;
    width: 10rem;
    /* margin: 0; */
}
.sustainable-box .sustainable-right.center-right{
    padding-top: 0.8rem;
}
.sustainable-box .center-right.scale-box-right{
    padding-top: 0.8rem;

}
.sustainable-box .center-right.quality-right-control{
    padding-top: 0.8rem;

}
.sustainable-box .center-right.science-box-right{
    padding-top: 0rem;

}
.sustainable-box .center-right.partner-center-right{
    padding-top: 0;

}
.sustainable-box .center-right .son-title {
    font-size: 18px;
    color: #005BAC;
    font-weight: 700;
    padding: .2rem 0 .5rem 0;
}
.sustainable-box .center-right .scale-box .floor {
    padding-top: .74rem;
    text-align: center;
}
.sustainable-box .center-right .scale-box .floor.cale-box-2{
    padding-top: .71rem;
}
.sustainable-box .center-right .scale-box .floor.cale-box-1{
    padding-top: 0;
}
.sustainable-box .center-right .scale-box .floor .title {
    font-size: 18px;
    color: #005BAC;
    font-weight: 700;
    margin-bottom: .07rem;
}
.sustainable-box .center-right .scale-box .floor hr {
    width: .42rem;
    margin-top: -.02rem;
    border: .02rem solid #005BAC;
}
.sustainable-box .center-right .scale-box .content-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sustainable-box .center-right .scale-box .content-box .content-row-box{
    position: relative;
    width: calc(100% / 4.2);
    height: 2.1rem;
    margin-top: .25rem;
}
.sustainable-box .center-right .scale-box .content-box .row {
    width: 2.75rem;
    height: 2.1rem;
    margin-top: .25rem;
    position: relative;
    margin-bottom: .97rem;
}
.sustainable-box .center-right .scale-box.middle-box .content-box .row{
    width: 100%;
    margin-top:0;
    margin-bottom: 0;
    border-radius: .04rem;
    opacity: 1;
    overflow: hidden;
    transition: all .3s ease-in-out;
}
.sustainable-box .center-right .scale-box.middle-box .content-box .content-row-box:hover .row{
    opacity: 0;
}
.sustainable-box .center-right .scale-box.middle-box .content-box .content-row-box:hover .info{
    opacity: 1;
}
.sustainable-box .center-right .scale-box.middle-box .content-box .info{
    width: 100%;
    height: 100%;
    padding: 0 .2rem;
    box-sizing: border-box;
    background: #F4F6F8FF;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -11;
    opacity: 0;
    border-radius: .04rem;
    box-shadow:0px .29rem 31px 0px rgba(140,140,140,0.2);
    transition: all .3s ease-in-out;
}
.sustainable-box .center-right .scale-box.middle-box .content-box .info .bg-sjx{
    position: absolute;
    top: 0;
    right: 0;
    width: .16rem;
    height: .18rem;
}
.sustainable-box .center-right .scale-box.middle-box .content-box .info .bg-pill{
    text-align: center;
    margin-top: .12rem;
    width: .4rem;
    height: .18rem;
}
.sustainable-box .center-right .scale-box.middle-box .content-box .info .info-title{
    font-size:.14rem;
    font-weight: bold;
    color: #005BACFF;
    margin-top: .1rem;
}
.sustainable-box .center-right .scale-box.middle-box .content-box .info .info-dec{
    font-size:.12rem;
    color: #595757FF;
    text-align:justify;
    margin-top: .18rem;
}
.sustainable-box .center-right .scale-box .content-box .row img {
    width: 100%;
    height: 100%;
}
.sustainable-box .center-right .scale-box .content-box .row .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: .3rem;
    font-weight: 700;
}
.sustainable-box .center-right .scale-box .content-box .row .cover hr {
    position: absolute;
    top: 1.32rem;
    left: 1.11rem;
    width: .3rem;
    border: .01rem solid #FFFFFF;
}
.sustainable-box .center-right .scale-box .content-box .box .floor-title {
    text-align: left;
    color: #005BAC;
    font-size: 24rem;
    font-weight: 700;
    padding-top: .6rem;
}
.sustainable-box .center-right .scale-box .content-box .box .tips {
    margin-top: .6rem;
}
.sustainable-box .center-right .scale-box .content-box .box .tips .row {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 0 0 .33rem 0;
}
.sustainable-box .center-right .scale-box .content-box .box .tips .row .row-1 {
    width: .22rem;
    height: .22rem;
    background: #005BAC;
    margin-right: .15rem;
}
.sustainable-box .center-right .scale-box .content-box .box .tips .row .row-2 {
    font-size: .16rem;
    color: #595757;
    font-weight: 700;
    width: 1.52rem;
    text-align: left;
}
.sustainable-box .center-right .floor-1.li-box{
    margin: .74rem 0 .4rem 0;
}
.sustainable-box .center-right .scale-box .content-box .box .tips .row .row-3 {
    font-size: .14rem;
    color: #595757;
}
.sustainable-box .center-right .quality-control {
    display: block;
}
.sustainable-box .center-right .quality-control .floor-1 {
    display: flex;
    align-items: center;
    padding-top: .74rem;
}
.sustainable-box .center-right .quality-control .floor-1.box-control-1{
    padding-top: 0;
    display: flex;
    justify-content: space-between;
    /* padding: .74rem 0 0 0; */
}
.sustainable-box .center-right .quality-control .floor-2.box-control-3{
    padding-top: .74rem;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.sustainable-box .center-right .quality-control .floor-2.box-control-3 .box-control-text{
    margin-top: .3rem;
    font-size: 14px;
    color: #595757;
    line-height:26px;
}
.sustainable-box .center-right .quality-control .floor-2 .box-control-img{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .3rem;
}
.sustainable-box .center-right .quality-control .floor-2 .box-control-img>img{
    width: 49.6%;
}
.sustainable-box .center-right .quality-control .floor-2.box-control-3 .box-control-text1{
    line-height:36px;
}
.sustainable-box .center-right .quality-control .floor-1 .left-box {
    width: 3.84rem;
}
.sustainable-box .center-right .quality-control .floor-1 .left-box .row-1 {
    width: 1.76rem;
    height: .36rem;
    background: url(../images/sustainable/quality.png) 50% 50% no-repeat;
    background-size: contain;
    color: #005BAC;
    font-size: 18px;
    font-weight: 700;
    line-height: 56px;
}
.sustainable-box .center-right .quality-control .floor-1 .left-box .row-2 {
    width: 100%;
    height: .79rem;
    margin-top: .34rem;
    font-size: 14px;
    color: #595757;
    line-height: 26px;
}
.sustainable-box .center-right .quality-control .floor-1 .right-box {
    width: 6.02rem;
    min-width: 500px;
    height: 4.42rem;
    background: url(../images/quanleft.jpg) 50% 50% no-repeat;
    background-size: contain;
}
.sustainable-box .center-right .quality-control .floor-2{
    padding-top: 1rem;
    padding-bottom: 1.59rem;
}
.sustainable-box .center-right .quality-control .floor-2.box-control-2{
    padding-top: .74rem;
    padding-bottom: 0;
    margin-top:0;
    margin-bottom: 1.38rem;
}
.sustainable-box .center-right .quality-control .floor-2 .floor-2-title{
    text-align: center;
    font-size: 18px;
    color: #005BAC;
    font-weight: 700;
}
.sustainable-box .center-right .quality-control .floor-2 .floor-2-content{
    color: #595757;
    font-size: 14px;
    line-height: 40px;
}
.sustainable-box .center-right .quality-control .floor-2.box-control-2 .floor-2-content{
    /* margin-top: .3rem; */
    /* line-height: 0px; */
}
.sustainable-box .center-right .quality-control .floor-2 .tab-box{
    display: flex;
    align-items: center;
    padding-top: .45rem;
}
.sustainable-box .center-right .quality-control .floor-2 .tab-box .tab{
    padding: .08rem .36rem;
    color: #595757;
    font-size: 16px;
    cursor: pointer;
}
.sustainable-box .center-right .quality-control .floor-2 .tab-box .tab.active{
    border-bottom: .01rem solid #005BAC;
    color: #005BAC;
}
.sustainable-box .center-right .quality-control .floor-2 .product-box{
    padding-top: .32rem;
}
.sustainable-box .center-right .quality-control .floor-2 .product-box .product-box-title{
    color: #005BAC;
    text-align: center;
    font-size: 18px;
}
.sustainable-box .center-right .quality-control .floor-2 .product-box .product-box-contnet{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: .2rem;
    flex-wrap: wrap;
}
.sustainable-box .center-right .quality-control .floor-2 .product-box .product-box-contnet .product{
    width: calc(100% / 5 - 10px);
    padding-bottom: .3rem;
}
.sustainable-box .center-right .quality-control .floor-2 .product-box .product-box-contnet .product .row-1{
    width: 100%;
    margin-bottom: .11rem;
}
.sustainable-box .center-right .quality-control .floor-2 .product-box .product-box-contnet .product .row-1 img{
    width: 100%;
}
.sustainable-box .center-right .quality-control .floor-2 .product-box .product-box-contnet .product .row-2{
    font-size: 14px;
    color: #595757;
    text-align: center;
}
.pic-img .iteam-img a,.pic-img .iteam-img>p{
    cursor: default;
}
.sustainable-box .center-right .floor-1{
    padding: .8rem 0 0 0;
}
.sustainable-box .center-right .floor-1.platform{
    padding: .8rem 0 0 0;
}
.sustainable-box .center-right .floor-1.team{
    padding: .74rem 0 0 0;
}
.sustainable-box .center-right .floor-1.device{
    padding: .8rem 0 0 0;
}
.sustainable-box .center-right .floor-1.goods{
}
.sustainable-box .center-right .floor-1.cooperative-1{
    padding-top: 0.74rem;
}
.sustainable-box .center-right .cooperative-2{
    padding: .74rem 0 0 0;
}
.sustainable-box .center-right  .floor .floor-title{
    text-align: center;
    font-size: 18px;
    color: #005BAC;
    font-weight: 700;
}
.sustainable-box .center-right  .floor .floor-line{
    width:.42rem;
    height:.03rem;
    margin: auto;
    background: #005BAC;
}
.sustainable-box .center-right  .floor-1 .floor-1-content{
    color: #595757;
    font-size: 14px;
    margin-top: .3rem;
    line-height:36px;
    margin-bottom: 20px;
}
.sustainable-box .center-right  .floor-1 .floor-1-info{
    margin-top:.3rem;
    display: flex;
    justify-content: space-between;
}
.sustainable-box .center-right  .floor-1 .floor-1-info .person-info{
    width:100%;
    background:#F9F9F9;
    padding: .2rem .3rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.sustainable-box .center-right  .floor-1 .floor-1-info .person-info  p{
    font-size: 14px;
    color: #666666;
}
.sustainable-box .center-right  .floor-1 .floor-1-info .person-info p.title{
    font-weight: bold;
    font-size:18px;
    color: #595757;
    margin: .26rem 0 ;
}
.sustainable-box .center-right  .floor-1 .floor-1-info .person-info .person-img{
    width: 1.92rem;
    height: 1.92rem;
}
.sustainable-box .center-right  .floor-2 {
    margin-bottom: .82rem;
}
.sustainable-box .center-right  .floor-2 .floor-2-img{
    display: flex;
    justify-content: space-between;
    margin-top: .3rem;
}
.sustainable-box .center-right  .floor-2 .floor-2-img>div{
    width: calc(100% / 5.2);
}
.sustainable-box .center-right  .floor-2 .floor-2-img img{
    width: 100%;
}
.pic-img{
    display: flex;
    flex-wrap: wrap;
}
.iteam-img{
    width: 3.28rem;
    margin-top: 0.28rem;
    cursor: pointer;
}
.iteam-img:not(:nth-child(3n)){
    margin-right: 0.08rem;
}
.iteam-img>a>img{
    width:100%;
    height: 2rem;
}
.iteam-img>p{
    text-align: center;
}
.partner-title{
    position: relative;
    line-height: 40px;
    margin-bottom: .3rem;
    font-size: 18px;
    font-weight: bold;
    color: #005BAC;
    text-align: center;
}
.partner-title i{
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -.18rem;
    width: .40rem;
    height: .03rem;
    background: #005BAC;
}
.pic-hide{
    display: none;
}
.cooperative-partner p{
    color: #595757;
    line-height: 36px;
    font-size: 14px;
}
.drug-list{
    margin-top: .3rem;
    font-size: 0;
}
.drug-list > div{
    float: left;
    width: 25%;
    background: #fff;
    text-align: center;
    position: relative;
    cursor: default;
}
.drug-list .drug-brand{
    width: 2rem;
    height: .9rem;
}
.drug-name{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 100px;
    color: #fff;
    font-size: 14px;
    opacity:0;
}
.drug-name i{
    position: absolute;
    left: 50%;
    bottom: 50%;
    margin-left: -.15rem;
    margin-bottom: -.16rem;
    width: 0;
    height: .02rem;
    background: #fff;
    transition: all 0.3s;
}

.cooperative-partner > ul > li{
    clear: both;
    overflow: hidden;
}
.text-title{
    color: #005BAC;
    font-weight: bold;
    font-size: .16rem;
}
.pic-list{
    margin-top: .3rem;
    height: 4rem;
}
.cooperative-partner .btdh{
    overflow: hidden;
    margin: .3rem 0 0 0;
    height: 4rem;
    width: 100%;
}
.cooperative-partner .btdh .btdh-left{
    float: left;
    width: 58%;
    height: 4rem;
}
.cooperative-partner .btdh .btdh-left>img{
    width: 100%;
    height: 100%;
}
.cooperative-partner .btdh .btdh-right{
    float: left;
    width: 42%;
    overflow: hidden;
}

.cooperative-partner .btdh .btdh-right .arrow{
    text-align: center;
    user-select: none;
}
.cooperative-partner .btdh .btdh-right .arrow>span.on{
    color: #005BAC;
}
.cooperative-partner .btdh .btdh-right .arrow>span{
    margin-right: 0.2rem;
    cursor: pointer;
    font-size: .16rem;
    color: #666666;
}
.cooperative-partner .btdh ul{
    height: 3.8rem;
    column-gap:0;
}
.cooperative-partner .btdh ul li{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: .9rem;
    width: 4.44rem;
    flex: 1;
    line-height: 0.92rem;
    margin-bottom: 0.06rem;
    cursor: pointer;
    padding:0 0.3rem;
    font-size: .14rem;
    box-sizing: border-box;
    background: #EFEFEF;
}
.cooperative-partner .btdh ul li>span:first-child{
    font-weight: bold;
    margin-right: 0.02rem;
}
.cooperative-partner .btdh .active-bt{
    color: #005BAC;
}
.partner-row-1{
    margin-top: .6rem;
}


.reposiable-img{
    margin-top: .3rem;
}
.reposiable-img img{
    width: 100%;
}
.reposiable-text{
    margin-top: .4rem;
}
.reposiable-love{
    display: flex;
    justify-content: space-between;
    margin-top: .35rem;
}
.reposiable-love img{
    width: calc(100% / 2.02);
    height: 4rem;
}
.cooperative-partner .btdh.resposible-ul ul li{
    line-height: 1rem;
}

/* 研发团队 */
.platform .platform-box{
    display: flex;
    margin-top: 0.3rem;
}
.platform .platform-box .platform-box-left{
    width:50%;
}
.platform .platform-box .platform-box-left {
    background-image: url(../images/pingtai.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:  left center;
}
.platform .platform-box .platform-box-right{
    width: 50%;
    color: #595757;
    background: #F1F1F1;
    font-size: 14px;
    line-height:36px;
    padding: .5rem .46rem;
    box-sizing: border-box;
}
/* 研发平台 */
.team,.device .team-img{
    width: 100%;
    /* margin-top: .2rem; */
}
.team-img1{
    margin-top: .45rem;
}
.ser-img-box{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: .3rem;
}
.ser-img-box .iteam{
    width: 49%;
}
.ser-img-box .iteam>img{
    width: 100%;
}
.ser-img-box .iteam>p{
    font-size: .12rem;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.teacher-box{
    margin-top: 0.2rem;
}
.teacher-box>p{
    text-align: center;
}
/*列表内容页*/
.listConts{line-height:26px;color:#666;}
.listConts .title{font-size:24px;text-align:center;line-height:40px;color:#005BAC;}
.listConts .info{width:100%;height:38px;line-height:38px;text-align:center;margin:15px auto;border:1px solid #EEE;border-left:none;border-right:none;color:#666;}
.listConts .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;}
.listConts .info .small,.info .big{font-family:Georgia;font-weight:bold;cursor:pointer;}
.listConts .info .small{font-size:10px;padding-right:3px;}
.listConts .info .big{color:#003ba6;padding-left:3px;}
.listConts .desc{margin:20px 0 15px;padding:5px 10px;line-height:20px;border:1px solid #f4e4b4;background:#fffff0;}
.listConts .showimg{margin:20px 0;text-align:center;}
.listConts .showimg a img{border:1px solid #ccc;padding:1px;}
.listConts .showimg a:hover img{border:1px solid #F90;padding:1px;}
.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}
.listConts .author{text-align:right;color:#999;}