.home .okaybio{
    height: 100vh;
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/okay-bg-1.jpg);
    background-size: 100% 100%;
    margin-left: 0;
    margin-right: 0;
    position: relative;
}
.home .okaybio .tib{
    z-index: 1;
    position: absolute;
    /*right: 0;*/
    left: 0;
    transform: translateY(-60%);
    top: 50%;
}
.home .okaybio .ti{
    margin-left: 15vh;
    font-size: 115px;
    font-weight: bold;
    font-family: "思源黑体";
}
.home .okaybio .ic{
    position: relative;
    height: 100%;
    z-index: 0;
}
.home .home-fullpage .okaybio .ic{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
}
.home .okaybio .ic .ic-b{
    width: 1000px;
    bottom: 0;
    right: 30px;
    position: absolute;
    transform: translateY(-45%);
    top: 50%;
}
.home .okaybio .sp{
    color: #fff;
    margin-left: 15vh;
    margin-top: 3rem;
    /*margin-bottom: 10rem;*/
}
.home .okaybio .sp .t1{
    font-size: 24px;
    /*letter-spacing: 3px;*/
}
.home .okaybio .sp .t2{
    font-size: 40px;
    letter-spacing: 3px;
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #fff;
    font-weight: bold;
}
.home .okaybio .webkit{
    display: inline-block; /* 或者其他合适的display值 */
    background: linear-gradient(to bottom,#fff 0,#fff 50%,#4874CB 100%);
    -webkit-background-clip: text; /* Chrome, Safari, Opera */
    background-clip: text; /* Firefox */
    color: transparent; /* 文本颜色设为透明，因为我们用背景渐变来显示颜色 */
}
.home .okaybio2{
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/okay-bg-3.png);
}
.home .sm{
    /*height: 100vh;*/
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/bg-sm.jpg);
    background-size: 100% 100%;
    margin-left: 0;
    margin-right: 0;
    position: relative;
}
.home .ho{
    line-height: 1;
    text-stroke: 2px rgba(72, 116, 203, .45);
    -webkit-text-stroke: 2px rgba(72, 116, 203, .45);
    color: transparent;
    -webkit-background-clip: text;
    white-space: nowrap;
}
.home .sm .tit,.home .news .tit{
    margin-top: 8rem;
    font-size: 14rem;
    /* text-align: center; */
    margin-left: 10rem;
}
.home .sm .con{
    color: #fff;
    padding: 0 5rem;
    overflow: hidden;
}
.home .sm .con .ic{
    float: left;
    padding-left: 6rem;
    width: 50%;
    text-align: center;
}
.home .sm .con .ic img{
    width: 550px;
    margin-top: 4%;
}
.home .sm .con .tx-b{
    float: right;
    width: 40%;
    margin-right: 2%;
}
.home .sm .con .tx{
    display: flex;
    align-items: center;
    font-weight: bold;
    margin-bottom: 5rem;
    margin-top: 5rem;
    float: right;
    padding-right: 4rem;
}
.home .sm .con .tx .le{
    float: left;
    font-size: 12rem;
}
.home .sm .con .tx .ri{
    float: left;
    font-size: 4rem;
    text-align: right;
}
.home .sm .con .tx .ri p,.home .news .con .tx .ri p{
    margin: 0;
}
.home .sm .con .tx .ri p:last-child{
    letter-spacing: 3.5px;
}
.home .sm .con .tx-b .sw{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    /*overflow: hidden;*/
}
.home .sm .con .tx-b .sw::before {
    position: absolute;
    bottom: 20px;
    content: '\20';
    width: 100%;
    height: 1px;
    /*background: rgba(255, 255, 255, .3);*/
    border-top: 1px dashed #C2D6F1;
}
.home .sm .con .tx-b .sw .sw_b::before {
    position: absolute;
    left: 50%;
    bottom: 20px;
    content: '\20';
    /*width: 100%;*/
    height: 1px;
    /*background: rgba(255, 255, 255, .3);*/
    border-top: 1px dashed #C2D6F1;
}
.home .sm .con .tx-b .sw .sw_bx {
    position: relative;
    text-align: center;
    width: 210px;
    padding-bottom: 50px;
}
.home .sm .con .tx-b .sw .sw_bx::before {
    position: absolute;
    left: 50%;
    bottom: 8px;
    content: '\20';
    width: 7px;
    height: 7px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: #C2D6F1;
    bottom: 15px;
    width: 11px;
    height: 11px;
}
.home .sm .con .tx-b .sw .sw_bx .tite {
    font-size: 22px;
    margin-top: 10px;
}
.home .sm .con .tx-b .sw .sw_bx .picBox img,.home .sm .con .tx-b .sw .sw_bx .tite{
   cursor: pointer;
}


.home .sm .con .tx-b .sw .sw_bx .picBox i{
    display: block;
    height: 100px;
    margin-left: 0;
    position: unset;
    display: flex;
    justify-content: center;
    cursor: pointer;
}
.home .sm .con .tx-b .sw .sw_bx .picBox i:before{
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.home .sm .con .tx-b .sw .sw_bx:first-child .picBox i:before{
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/sm-ico1-1.png);
}
.home .sm .con .tx-b .sw .sw_bx:first-child .picBox i.in:before{
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/sm-ico1-2.png);
}
.home .sm .con .tx-b .sw .sw_bx:nth-child(2) .picBox i:before{
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/sm-ico2-1.png);
}
.home .sm .con .tx-b .sw .sw_bx:nth-child(2) .picBox i.in:before{
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/sm-ico2-2.png);
}
.home .sm .con .tx-b .sw .sw_bx:nth-child(3) .picBox i:before{
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/sm-ico3-1.png);
}
.home .sm .con .tx-b .sw .sw_bx:nth-child(3) .picBox i.in:before{
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/sm-ico3-2.png);
}
.home .sm .con .tx-b .sw .sw_bx:nth-child(4) .picBox i:before{
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/sm-ico4-1.png);
}
.home .sm .con .tx-b .sw .sw_bx:nth-child(4) .picBox i.in:before{
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/sm-ico4-2.png);
}
/*.home .sm .con .tx-b .sw .sw_bx .picBox img{*/
/*    margin: auto;*/
/*    width: 100px;*/
/*    height: 100px;*/
/*}*/
/*.home .sm .con .tx-b .sw .sw_bx .picBox .img1{*/
/*    display: block;*/
/*}*/
/*.home .sm .con .tx-b .sw .sw_bx .picBox .img2{*/
/*    display: none;*/
/*}*/
/*.home .sm .con .tx-b .sw .sw_bx:first-child .picBox .img1{*/
/*    display: none;*/
/*}*/
/*.home .sm .con .tx-b .sw .sw_bx:first-child .picBox .img2{*/
/*    display: block;*/
/*}*/
.home .sm .con .tx-b .sw .sw_bx.in{
    color: #4874CB;
}
.home .sm .con .tx-b .sw .sw_bx.in::before {
    background: #4874CB;
}
.home .sm .con .tx-b .sw_txt{
    background: rgba(215, 230, 246, .56);
    padding: 0;
    border-radius: 25px;
    font-size: 22px;
    letter-spacing: 3px;
    line-height: 2;
    text-align: justify;
    margin-bottom: 30px;
    position: relative;
}
.home .sm .con .tx-b .sw_txt .txt{
    padding: 25px 40px;
    /*display: none;*/
    opacity: 0;
    position: absolute;
}
.home .sm .con .tx-b .sw_txt .txt.in{
    /*display: block;*/
    opacity: 1;
}
.home .pro{
    /*height: 100vh;*/
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/bg-pro2.jpg);
    background-size: 100% 100%;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    /*display: flex;*/
    /*justify-content:unset;*/
}
.home .pro .tit{
    /*margin-top: 10rem;*/
    /*position: absolute;*/
    top: 5rem;
    left: 3rem;
    z-index: 1;
    width: 100%;
}
.home .pro .tit .tx{
    display: flex;
    align-items: center;
    font-weight: bold;
    /*margin-bottom: 5rem;*/
    margin-top: 5rem;
    padding-left: 4rem;
}
.home .home-fullpage .pro .tit .tx{
    margin-top: 0;
}
.home .pro .tit .tx .le,.home .about-us .con .tx .le{
    text-stroke: 1.5px rgba(72, 116, 203, 1);
    -webkit-text-stroke: 1.5px rgba(72, 116, 203, 1);
    color: transparent;
    -webkit-background-clip: text;
    white-space: nowrap;
    font-size: 15rem;
    float: left;
    line-height: 1;
}
.home .pro .tit .tx .ri,.home .about-us .con .tx .ri{
    float: left;
    font-size: 5rem;
    text-align: right;
}
.home .pro .tit .tx .ri p,.home .about-us .con .tx .ri p{
    margin: 0;
}
.home .pro .tit .tx .ri p:first-child,.home .about-us .con .tx .ri p:first-child{
    color: #112271;
    text-shadow: 3px 3px 2px #D5E0F4;
}
.home .pro .tit .tx .ri p:last-child,.home .about-us .con .tx .ri p:last-child{
    text-stroke: 1.5px rgba(72, 116, 203, 1);
    -webkit-text-stroke: 1.5px rgba(72, 116, 203, 1);
    color: transparent;
    -webkit-background-clip: text;
    white-space: nowrap;
}
/*.home .pro .pt{*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*}*/
/*.home .pro .pt img{*/
/*    max-width: 100%;*/
/*}*/

.home .pro .pt{
    display: flex;
    flex-direction: column;
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    /*margin-left: 90px;*/
}
.home .pro .pt .gr-box{
    margin: auto;
    margin-bottom: 10%;
    padding-left: 10%;
}
.home .home-fullpage .pro .pt .gr-box{
    margin: auto;
    margin-bottom: 4%;
}
.home .pro .pt .gr-box:last-child{
    display: none;
}
.home .pro .pt .gr{
    display: flex;
    align-items: center;
}
.home .pro .pt .gr:nth-child(1),.home .pro .pt .gr:nth-child(3){
    margin-left: 270px;
}
.home .pro .pt .hexagon{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    margin: -5px 5px;
    height: 170px;
    width: 170px;
    margin-top: -10px;
}
.home .pro .pt .hexagon.s1,.home .pro .pt .hexagon.s3{

}
.home .pro .pt .hexagon.in,.home .pro .pt .hexagon.in{
    transform: scale(1.05);
}
.home .pro .pt .hexagon .hexagon-bg{
    position: absolute;
    width: 100%;
    /*height: 100%;*/
}

.home .pro .pt .hexagon .bo {
    position: absolute;
    top: 0px;
    width: 58.82%;
    height: 100%;
    border-radius: 4px;
}
.home .pro .pt .hexagon .bo{
    transform: rotate(-30deg);
}
.home .pro .pt .hexagon .bo:nth-child(2) {
    transform: rotate(-90deg);
}
.home .pro .pt .hexagon .bo:nth-child(3) {
    transform: rotate(30deg);
}
.rotate_180{
    transform: rotate(180deg);
}
.home .pro .pt .hexagon .n{
    z-index: 1;
    font-weight: bold;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.home .pro .pt .hexagon a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    cursor: pointer;
}
.home .pro .pt .hexagon .n .tally,.home .pro .pt .hexagon .n .txt{
    position: absolute;
    top: 28%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.home .pro .pt .hexagon .n .txt{
    top: 62%;
}
.home .pro .pt .hexagon.s1 .n{
    color: #fff;
}
.home .pro .pt .hexagon.s1 .n .tally{
    font-size: 58px;
    /*top: 58%;*/
}
.home .pro .pt .hexagon.s1 .n .txt{
    text-stroke: 1px rgba(72, 116, 203, 1);
    -webkit-text-stroke: 1px rgba(72, 116, 203, 1);
    color: transparent;
    -webkit-background-clip: text;
    white-space: nowrap;
    font-size: 40px;
    position: absolute;
}
.home .pro .pt .hexagon.s1 .n .txt .f-l{
    font-size: 72px;
}
.home .pro .pt .hexagon.s1 .bo{
    background-color: #112271;
    border-top: 1px solid #112271;
    border-bottom: 1px solid #112271;
}
.home .pro .pt .hexagon.s1 .e{
    z-index: 1;
    position: absolute;
    top: 105%;
    /* left: 50%; */
    /* transform: translate(-50%, -50%);*/
    text-align: center;
    color: #112271;
    width: 200%;
    font-weight: bold;
    line-height: 2;
}
.home .pro .pt .hexagon.s1 .e .s_tit{
    font-size: 32px;
}
.home .pro .pt .hexagon.s1 .e .txt{
    font-size: 18px;
}
.home .pro .pt .hexagon.s2 .bo{
    border-top: 1px solid #112271;
    border-bottom: 1px solid #112271;
}
.home .pro .pt .hexagon.s3 {
    opacity: 0.9;
}
.home .pro .pt .hexagon.s3 .n{
    color: #112271;
    font-size: 24px;
    /*opacity: 0.39;*/
}
.home .pro .pt .hexagon.s3 .n .tally{
    font-size: 28px;
}
.home .pro .pt .hexagon.s3 .n .txt{
    font-size: 20px;
    line-height: 1.5;
    width: 100%;
    top: 55%;
}
.home .pro .pt .hexagon.s3 .bo{
    background-color: #4874CB;
    border-top: 1px solid #4874CB;
    border-bottom: 1px solid #4874CB;
}
.home .news{
    /*height: 100vh;*/
    background-color: #112271;
    background-size: 100% 100%;
    margin-left: 0;
    margin-right: 0;
    position: relative;
}
.home .news .fix-c{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}
.home .news .con{
    padding: 0 5%;
}
.home .news .con .tx{
    display: flex;
    align-items: center;
    font-weight: bold;
    /*margin-bottom: 2rem;*/
    /*margin-top: 1rem;*/
    float: right;
    padding-right: 4rem;
    color: #fff;
}
.home .news .con .tx .le{
    float: left;
    font-size: 12rem;
    line-height: 1.2;
}
.home .news .con .tx .ri{
    float: left;
    font-size: 4rem;
    text-align: right;
}
.home .news .con .list{
    width: 100%;
    float: left;
    /*margin-top: 4rem;*/
    overflow: hidden;
    margin-bottom: 10px;
}
.home .news .con .swiper {
    width: 100%;
}
.home .news .con .swiper .swiper-slide .ifo{
    background: linear-gradient(to bottom,#F7FCFF 0,#F7FCFF 18%,#ECF7FD 49%,#CEDFF3 77%,#C2D6F1 92%,#C1D5F0 100%);
    margin: 0 5rem;
    padding: 4rem 4rem 3rem;
    border-radius: 30px;
    position: relative;
}
/*.home .news .con .swiper .swiper-slide .ifo a{*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    z-index: 10;*/
/*}*/
.home .news .con .swiper .swiper-slide .ifo .time{
    /*font-weight: bold;*/
    font-size: 26px;
    line-height: 26px;
}
.home .news .con .swiper .swiper-slide .ifo .time img{
    float: right;
    height: 26px;
}
.home .news .con .swiper .swiper-slide .ifo .title{
    line-height: 1.5;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.home .news .con .swiper .swiper-slide .ifo .desc{
    line-height: 1.5;
    letter-spacing: 3px;
    margin-top: 20px;
    margin-bottom: 2rem;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-align: justify;
}
.home .news .con .swiper .swiper-slide .ifo .img{
    /*width: 80%;*/
    /*margin: auto;*/
    /*position: absolute;*/
    /*bottom: 10px;*/
}
.home .news .con .swiper .swiper-slide .ifo .img img{
    width: 100%;
}
.home .about-us{
    /*height: 100vh;*/
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/bg-about-us.jpg);
    background-size: 100% 100%;
    margin-left: 0;
    margin-right: 0;
    position: relative;
}
.home .about-us .fix-c{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
}
.home .about-us .tit{
    margin-top: 5rem;
    font-size: 14rem;
    /* text-align: center; */
    margin-left: 10rem;
    color: #BCD1EA;
    opacity: 0.38;
    font-weight: bold;
}
.home .about-us .con{
    padding: 0 10%;
    overflow: hidden;
}
.home .about-us .con .tx{
    display: flex;
    align-items: center;
    font-weight: bold;
    /*margin-bottom: 2rem;*/
    /*margin-top: 1rem;*/
    float: right;
    /*padding-right: 4rem;*/
    color: #849BCA;
    margin: 0;
}

.home .about-us .con .txt{
    margin: 0;
}
.home .about-us .con .txt .ic {
    float: left;
    /*padding-left: 6rem;*/
}
.home .about-us .con .txt .ic img {
    width: 520px;
    /*height: 55vh;*/
}
.home .about-us .con .txt .tx-b {
    float: right;
    padding: 0;
}
.home .about-us .con .txt .tx-b .introduce{
    background-color: #112271;
    color: #D7E6F6;
    border-radius: 30px;
    padding: 30px 40px 50px;
    line-height: 2;
    letter-spacing: 2px;
    text-align: justify;
    font-size: 18px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.home .about-us .con .txt .tx-b .introduce a{
    border: 1px solid #D7E6F6;
    border-radius: 40px;
    padding: 3px 36px 3px 8px;
    float: right;
    /*margin-top: 20px;*/
    color: #D7E6F6;
    font-size: 12px;
}
.home .about-us .con .txt .tx-b .introduce a:hover{
    text-decoration: unset;
}
.home .about-us .con .txt .tx-b .introduce a i{
    position: relative;
}
.home .about-us .con .txt .tx-b .introduce a i:before{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 5px;
    top: -2px;
    background-repeat: no-repeat;
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/arrow-r.png);
}
.footer{
    /*height: 100vh;*/
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/bg-footer.jpg);
    background-size: 100% 100%;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    padding: 7% 10%;
    color: #D7E6F6;
}
.footer .he{
    text-align: center;
}
.footer .he .slogan{
    margin-top: 2rem;
    font-size: 36px;
    font-weight: bold;
    display: inline-block;
    background: linear-gradient(to right, #F6F8FC 0, #ADC0E8 53%, #ADC0E8 83%, #C8D5EF 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.footer .he .slogan-en{
    font-size: 18px;
}
.footer .he .slogan-en span{
    position: relative;
    display: inline-block; /* 或者其他适合你的布局的值 */
    text-align: center; /* 如果需要的话 */
}
.footer .he .slogan-en span:before,
.footer .he .slogan-en span:after {
    content: "";
    position: absolute;
    top: 50%; /* 将横线置于文本的中心 */
    width: 25px; /* 横线的长度，你可以根据需要调整 */
    height: 1px; /* 横线的粗细，你也可以根据需要调整 */
    background-color: #D7E6F6; /* 横线的颜色 */
}
.footer .he .slogan-en span:before {
    left: 0; /* 将横线放在文本前面 */
    margin-left: -35px;
}
.footer .he .slogan-en span:after {
    right: 0; /* 将横线放在文本后面 */
    margin-right: -35px;
}
.footer .con{
    margin-top: 10rem;
}
.footer .con .ty{
    font-weight: bold;
    font-size: 16px;
}
.footer .con ul{
    padding-left: 20px;
    margin-top: 20px;
}
.footer .con ul li,.footer .con a{
    font-size: 16px;
    list-style: disc;
    margin-bottom: 10px;
    color: #D7E6F6;
}
.footer-content-cr hr{
    border-color: #D7E6F6;
    width: 80%;
}
.footer .foot_bottom{
    margin-top: 15rem;
}
.footer .foot_bottom a{
    color: #D7E6F6;
    margin-right: 5px;
}
.footer .foot_bottom p{
    line-height: 2;
}
.footer .qrcode p{
    margin-top: 20px;
    font-size: 16px;
}
.footer .qrcode img{
    width: 135px;
}
.footer .more-link{
    display: flex;
    margin-left: 10px;
}
.footer .more-link .i {
    display: block;
    height: 30px;
    width: 30px;
    margin: 0 10px;
    position: relative;
    display: flex;
    justify-content: center;
    cursor: pointer;
}
.footer .more-link .i i {
    display:inline-block;
    height:100%;
    width:100%;
    vertical-align:middle;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.footer .more-link .i a {
    width: 100%;
    height: 100%;
    margin: 0;
}
.footer .more-link .i:first-child i {
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/footer/wx.png);
}
.footer .more-link .i:first-child:hover i {
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/footer/wx_o.png);
}
.footer .more-link .i:first-child:hover i:before {
    content: "";
    position: absolute;
    width: 135px;
    height: 135px;
    top: 120%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/oukai-official-account-ok.jpg);
}
.footer .more-link .i:nth-child(2) i {
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/footer/sph.png);
}
.footer .more-link .i:nth-child(2):hover i {
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/footer/sph_o.png);
}
.footer .more-link .i:nth-child(2):hover i:before {
    content: "";
    position: absolute;
    width: 135px;
    height: 135px;
    top: 120%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(https://www.okaybio.com/wp-content/uploads/2023/06/ok-video-qr-code.jpg);
}
.footer .more-link .i:nth-child(3) i {
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/footer/bjh.png);
}
.footer .more-link .i:nth-child(3):hover i {
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/footer/bjh_o.png);
}
.footer .more-link .i:nth-child(4) i {
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/footer/zh.png);
}
.footer .more-link .i:nth-child(4):hover i {
    background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/footer/zh_o.png);
}
.home .ok_ctas li a{
    border: 0 !important;
    border-radius: 25px !important;
    background: #0363f5 !important;
    font-size: 18px !important;
    margin-top: 25px !important;
    color: #fff !important;
}
@media screen and (min-width:2500px){
    .home .okaybio .ti {
        font-size: 150px;
        margin-top: -3vh;
    }
    .home .okaybio .sp .t1 {
        font-size: 40px;
    }
    .home .okaybio .sp .t2 {
        font-size: 60px;
    }
    .home .okaybio .ic .ic-b {
        width: 1300px;
        transform: translateY(-40%);
    }
    .home .ok_ctas li a {
        font-size: 25px !important;
    }
    .home .sm .con .ic img {
        width: 750px;
    }
    .home .about-us .con .txt .ic img {
        width: 780px;
    }
    .home .pro .tit .tx {
        padding-left: 10rem;
    }
    .home .pro .pt .hexagon {
        height: 230px;
        width: 230px;
    }
    .home .pro .pt .gr:nth-child(1), .home .pro .pt .gr:nth-child(3) {
        margin-left: 360px;
    }
    .home .pro .tit .tx .le,.home .about-us .con .tx .le {
        font-size: 22rem;
    }
    .home .pro .tit .tx .ri,.home .about-us .con .tx .ri {
        font-size: 7rem;
    }
    .home .news .con .swiper .swiper-slide .ifo .title{
        font-size: 30px;
        line-height: 2;
    }
    .home .news .con .swiper .swiper-slide .ifo .desc{
        font-size: 18px;
    }
    .home .news .con .swiper .swiper-slide .ifo .time {
        font-size: 32px;
    }
    .home .news .con .swiper .swiper-slide .ifo .desc {
        line-height: 2;
        margin-top: 34px;
        margin-bottom: 4rem;
    }
    .home .news .con .swiper .swiper-slide .ifo {
        padding: 5rem 4rem 4rem;
    }
    .home .about-us .con .txt .tx-b .introduce{
        font-size: 22px;
        padding: 30px 40px 70px;
    }
    .home .about-us .con .txt .tx-b .introduce a{
        font-size: 22px;
    }
    .home .about-us .con .txt .tx-b .introduce a i:before {
        top: 5px;
    }
    .footer .he .slogan{
        font-size: 56px;
    }
    .footer .he .slogan-en {
        font-size: 30px;
    }
    .footer .con .ty,.footer .con ul li, .footer .con a{
        font-size: 22px;
        line-height: 40px;
    }
    .footer .more-link .i {
        height: 50px;
        width: 50px;
    }
    .footer .foot_bottom p {
        font-size: 22px;
    }
    .home .sm .con .tx-b .sw .sw_bx .picBox i:before {
        width: 180px;
        height: 180px;
    }
    .home .sm .con .tx-b .sw .sw_bx .picBox i {
        height: 180px;
    }
    .home .sm .con .tx-b .sw .sw_bx .tite {
        font-size: 30px;
    }
    .home .sm .con .tx-b .sw .sw_bx {
        width: 250px;
    }
    .home .sm .con .tx-b .sw .sw_bx::before {
        bottom: 12px;
        width: 20px;
        height: 20px;
    }
    .home .sm .con .tx-b .sw_txt{
        margin-top: 50px;
        font-size: 28px;
    }
    .home .pro .pt .hexagon.s3 .n .tally,.home .pro .pt .hexagon.s1 .n .tally {
        font-size: 70px;
    }
    .home .pro .pt .hexagon.s3 .n .txt {
        font-size: 30px;
        top: 64%;
    }
    .home .pro .pt .hexagon.s1 .n .txt {
        font-size: 55px;
    }
    .home .pro .pt .hexagon.s1 .e .s_tit {
        font-size: 41px;
    }
    .home .pro .pt .hexagon.s1 .e .txt {
        font-size: 30px;
    }
    .home .sm .tit, .home .news .tit {
        font-size: 18rem;
    }
    .home .news .con .list {
        margin-top: 4rem;
    }
    .home .sm .con .tx .le,.home .news .con .tx .le {
        font-size: 17rem;
    }
    .home .sm .con .tx .ri,.home .news .con .tx .ri {
        font-size: 5rem;
    }
    .home .about-us .tit {
        font-size: 20rem;
    }
}
@media screen and (min-width:1601px) and (max-width:1919px){
    .home .sm .tit, .home .news .tit {
        margin-top: 10rem;
    }
    .home .okaybio .ic .ic-b{
        width: 900px;
    }
    .home .okaybio .tib {
        transform: translateY(-65%);
    }
    .home .pro .pt .hexagon.s1 .e .txt {
        font-size: 20px;
    }
    .home .pro .pt .hexagon.s3 .n .txt {
        font-size: 22px;
    }
    .home .news .con .list {
        margin-top: 2rem;
    }
    .home .news .con .swiper .swiper-slide .ifo {
        padding: 4rem 2.5rem 3rem;
    }
    .home .about-us .con .txt .ic img {
        width: 560px;
    }
    .home .about-us .tit {
        margin-top: 6rem;
    }
    .footer .foot_bottom {
        margin-top: 12rem;
    }
}
@media screen and (min-width:1200px) and (max-width:1600px){
    .home .okaybio .ti{
        margin-left: 10vh;
    }
    .home .okaybio .sp{
        margin-left: 10vh;
    }
    .home .okaybio .ic{
    }
    .home .okaybio .ic .ic-b{
        width: 800px;
        transform: translateY(-40%);
    }
    .home .sm .tit, .home .news .tit{
        margin-left: 5rem;
        font-size: 10rem;
        margin-bottom: 0rem;
    }
    .home .sm .con{
        /*display: flex;*/
        /*flex-direction: column-reverse;*/
    }
    .home .sm .con .tx-b{
        /*width: 100%;*/
        margin-right:0;
    }
    .home .sm .con .tx{
        padding-right: 0;
        margin-top: 0rem;
        margin-bottom: 1rem;
    }
    .home .sm .con .tx .le,.home .news .con .tx .le{
        font-size: 125px;
    }
    .home .sm .con .tx .ri,.home .news .con .tx .ri{
        font-size: 40px;
    }
    .home .sm .con .tx-b .sw{
        height: unset;
        justify-content: space-evenly;
    }
    .home .sm .con .tx-b .sw .sw_bx{
        padding-bottom: 40px;
        width: 160px;
    }
    .home .sm .con .tx-b .sw .sw_bx .picBox i{
        height: 110px;
    }
    .home .sm .con .tx-b .sw .sw_bx .picBox i:before {
        width: 100px;
        height: 100px;
    }
    .home .sm .con .tx-b .sw .sw_bx .tite{
        font-size: 20px;
    }
    .home .sm .con .tx-b .sw_txt{
        letter-spacing: 1px;
        line-height: 2;
        font-size: 20px;
        margin-bottom: 30px;
    }
    .home .sm .con .tx-b .sw_txt .txt{
        padding: 15px 20px;
    }
    .home .sm .con .ic{
        padding-left: 0;
    }
    .home .sm .con .ic img{
        /*height: unset;*/
        /*width: 400px;*/
        margin-top: 0;
    }
    .home .pro .tit{
        /*float: right;*/
        margin-right: 3%;
        margin-bottom: -5rem;
    }
    .home .pro .tit .tx .le,.home .about-us .con .tx .le{
        font-size: 135px;
    }
    .home .pro .tit .tx .ri,.home .about-us .con .tx .ri{
        font-size: 45px;
    }
    .home .pro .pt {
        margin-left: 0;
        top: 55%;
    }
    .home .pro .pt .hexagon {
        height: 135px;
        width: 135px;
        margin: -5px 5px;
    }
    .home .pro .pt .gr:nth-child(1),.home .pro .pt .gr:nth-child(3){
        margin-left: 218px;
    }
    .home .pro .pt .hexagon.s1 .n .tally {
        font-size: 50px;
    }
    .home .pro .pt .hexagon.s1 .n .txt {
        font-size: 28px;
    }
    .home .pro .pt .hexagon.s1 .n .txt .f-l {
        font-size: 50px;
    }
    .home .pro .pt .hexagon.s1 .e{
        top: 110%;
    }
    .home .pro .pt .hexagon.s1 .e .s_tit {
        font-size: 26px;
    }
    .home .pro .pt .hexagon.s1 .e .txt {
        font-size: 16px;
    }
    .home .pro .pt .hexagon.s3 .n .tally {
        font-size: 48px;
    }
    .home .pro .pt .hexagon.s3 .n .txt {
        font-size: 17px;
        top: 62%;
    }
    .home .news .con .tx{
        float: right;
        padding-right: 0rem;
    }
    .home .news .fix-c{
        width: 25%;
    }
    .home .news .con .swiper{
        /*margin-top: 7rem;*/
    }
    .home .news .con .swiper .swiper-slide .ifo{
        margin: 0 2rem;
        padding: 2rem 3rem 2rem;
    }
    .home .news .con .swiper .swiper-slide .ifo .time{
        font-size: 24px;
    }
    .home .news .con .swiper .swiper-slide .ifo .title{
        font-size: 18px;
        margin-top: 10px;
    }
    .home .news .con .swiper .swiper-slide .ifo .desc{
        font-size: 15px;
        margin-top: 10px;
        margin-bottom: 1rem;
        line-height: 1.2;
    }
    .home .about-us .fix-c{
        width: 25%;
    }
    .home .about-us .tit{
        margin-left: 3rem;
        font-size: 10rem;
        line-height: 1;
    }
    .home .home-fullpage .about-us .tit{
        margin-top: 9rem;
    }
    .home .about-us .con{
        padding: 0px 5%;
        margin-top: 3rem;
    }
    .home .about-us .con .txt{
        /*display: flex;*/
        /*width: 100%;*/
        /*margin: 0;*/
        /*margin-top: 3rem;*/
    }
    .home .about-us .con .txt .tx-b{
        float: left;
        /*width: 100%;*/
    }
    .home .about-us .con .txt .tx-b .introduce{
        padding: 25px 30px 55px;
        letter-spacing: 0;
        font-size: 18px;
        margin-top: 0rem;
        /*margin-left: 10rem;*/
    }
    .home .about-us .con .txt .tx-b .introduce a{
        font-size: 18px;
    }
    .home .about-us .con .txt .tx-b .introduce a i:before{
        top: 3px;
    }
    .home .about-us .con .txt .ic img{
        width: 480px;
        height: unset;
    }
    .footer .he{
        margin-top: 5rem;
    }
    .footer .he .slogan{
        font-size: 23px;
    }
    .footer .he .slogan-en{
        font-size: 11px;
    }
    .footer .foot_bottom{
        margin-right: 0;
        margin-left: 0%;
        padding: 0;
        margin-top: 10rem;
    }
    .footer .con{
        margin-top: 5rem;
     }
    .footer .con .c3 {
         padding-left: 0;
     }
    .footer .con>div{
        padding: 0;
    }
    .home .sm .con .tx-b {
        width: 50%;
    }
    .home .sm .con .ic img {
        width: 486px;
    }
    .home .about-us .con .tx {
        margin-bottom: 1rem;
    }

}
@media screen and (min-width:1401px) and (max-width:1499px){
    .home .okaybio .ic .ic-b {
        transform: translateY(-40%);
        width: 754px;
        right: 0;
    }
    .home .sm .con .tx-b .sw .sw_bx .picBox i:before {
        width: 95px;
        height: 95px;
    }
    .home .sm .con .tx-b .sw .sw_bx .picBox i {
        height: 100px;
    }
    .home .sm .tit, .home .news .tit {
        margin-top: 6rem;
    }
    .home .about-us .con .txt .tx-b .introduce {
        font-size: 16px;
    }
}
@media screen and (min-width:1200px) and (max-width:1400px){
    .home .sm .con .ic{
        /*display: none;*/
    }
    .home .sm .con .tx-b {
        /*width: 80%;*/
    }
    .home .sm .con{
        margin-bottom: 0rem;
    }
    .home .sm .tit, .home .news .tit {
        margin-bottom: 2rem;
    }
    .home .pro .tit .tx {
        margin-top: 5rem;
    }
    .home .pro .pt{
        margin-top: -40px;
    }
     .home .home-fullpage .pro .pt{
        margin-top: 0;
    }
    .home .sm .tit, .home .news .tit {
        margin-bottom: 0rem;
    }
    .home .pro .tit .tx .le,.home .about-us .con .tx .le {
        font-size: 98px;
    }
    .home .pro .tit .tx .ri, .home .about-us .con .tx .ri {
        font-size: 33px;
    }
    .home .news .con .tx .le,.home .sm .con .tx .le {
        font-size: 80px;
    }
    .home .sm .con .tx .ri, .home .news .con .tx .ri {
        font-size: 26px;
    }
    .home .okaybio .ic .ic-b {
        width: 680px;
        transform: translateY(-44%);
    }
    .home .sm .con .tx-b {
         margin-right: 0;
    }
    .home .okaybio .sp {
        margin-left: 10vh;
        /*margin-top: 4rem;*/
    }
    .home .sm .con .ic img {
        width: 390px;
    }
    .home .sm .con .tx-b .sw .sw_bx .picBox i:before {
        width: 85px;
        height: 85px;
    }
    .home .sm .con .tx-b .sw .sw_bx .picBox i {
        height: 90px;
    }
    .home .sm .con .tx-b .sw .sw_bx {
        padding-bottom: 30px;
    }
    .home .sm .tit, .home .news .tit {
        margin-top: 6rem;
    }
    .home .about-us .tit {
        margin-bottom: 0;
    }
    .home .about-us .con .txt .ic img {
        width: 300px;
    }
    .home .about-us .con .txt .tx-b .introduce {
        padding: 20px 25px 50px;
        font-size: 16px;
    }
    .home .about-us .con .txt .tx-b .introduce a {
        font-size: 16px;
    }
    .home .pro .pt .hexagon {
        height: 120px;
        width: 120px;
    }
    .home .pro .pt .gr:nth-child(1), .home .pro .pt .gr:nth-child(3) {
        margin-left: 195px;
    }
    .home .pro .pt .hexagon.s3 .n .tally {
        font-size: 40px;
    }
    .home .pro .pt .hexagon.s3 .n .txt {
        font-size: 16px;
        top: 62%;
    }
    .home .pro .pt .hexagon.s1 .n .tally {
        font-size: 40px;
    }
    .home .pro .pt .hexagon.s1 .e {
        top: 105%;
    }
    .home .pro .pt .hexagon.s1 .e .s_tit {
        font-size: 24px;
        line-height: 1.5;
    }
    .home .pro .pt .hexagon.s1 .e .txt {
        font-size: 14px;
        line-height: 1.5;
    }
    .home .pro .pt .gr-box {
        margin-bottom: 8%;
    }
    .home .news .con .swiper .swiper-slide .ifo .time {
        font-size: 20px;
    }
    .home .news .con .swiper .swiper-slide .ifo .title {
        font-size: 15px;
        margin-top: 8px;
        margin-bottom: 0;
        /*margin-left: 5%;*/
    }
    .home .news .con .swiper .swiper-slide .ifo .desc {
        font-size: 13px;
        margin-top: 5px;
        margin-bottom: 5px;
        -webkit-line-clamp: 3;
    }
    .home .sm .tit, .home .news .tit {
        font-size: 80px;
    }
    .home .about-us .tit {
        margin-top: 4rem;
        font-size: 95px;
    }
    .footer ul li {
        line-height: 22px;
    }
    .footer .foot_bottom {
        margin-top: 6rem;
    }
    .footer .con ul li, .footer .con a {
        font-size: 14px;
    }
    .footer .con {
        margin-top: 3rem;
    }
    .footer .he {
        margin-top: 3rem;
    }
    .home .sm .con .tx {
        margin-bottom: 0;
    }
    .home .sm .con .tx-b .sw_txt {
        line-height: 1.8;
        font-size: 18px;
        margin-bottom: 20px;
        /*padding: 12px 30px;*/
    }
    .home .sm .con .tx-b .sw .sw_bx .tite {
        font-size: 18px;
    }
    .home .sm .con {
        margin-top: 2rem;
    }
    .home .sm .tit, .home .news .tit {
        margin-top: 9rem;
    }
    .home .home-fullpage .news .con .list {
        margin-bottom: 0px;
    }
    .home .news .con .swiper .swiper-slide .ifo {
        padding: 2rem 2.2rem 2rem;
    }
    #toTop{
        right: -3px !important;
        bottom: 6px !important;
    }
    #toTop img{
        width: 66% !important;
    }
    .home .okaybio .ti {
        font-size: 100px;
        margin-left: 10vh;
    }
    .home .okaybio .sp .t1 {
        font-size: 20px;
    }
    .home .okaybio .sp .t2 {
        font-size: 34px;
    }
    .home .news .con {
        padding: 0 5%;
        margin-top: 0px;
    }
}
@media screen and (min-width:1200px) and (max-width:1399px){
    .home .about-us .con .txt .ic{
        width: 40%;
    }
    .home .about-us .con .txt .tx-b{
        width: 60%;
    }
    .home .about-us .con .txt .ic img {
        width: 350px;
    }
    .home .about-us .con .txt .tx-b .introduce {
        font-size: 14px;
    }
    .home .sm .con .tx-b .sw .sw_bx .tite {
        font-size: 17px;
    }
    .home .sm .con .tx-b .sw_txt {
        font-size: 17px;
    }
}
@media screen and (min-width:1200px) and (max-width:1299px){
    .home .news .con {
        margin-top: 25px;
    }
    .home .home-fullpage .about-us .tit {
        margin-top: 8rem;
    }
    .home .sm .con .tx-b .sw .sw_bx .picBox i:before {
        width: 80px;
        height: 80px;
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .home .okaybio .tib {
        transform: translateY(-82%);
    }
    .home .okaybio .ti{
        font-size: 94px;
        margin-left: 5vh;
    }
    .home .okaybio .sp{
        margin-left: 5vh;
        margin-top: 2rem;
    }
    .home .okaybio .sp .t1{
        font-size: 18px;
    }
    .home .okaybio .sp .t2{
        font-size: 24px;
    }
    .home .ok_ctas li a{
        font-size: 16px !important;
    }
    .home .okaybio .ic{
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        right: 0;
    }
    .home .okaybio .ic .ic-b{
        width: 570px;
        transform: translateY(-40%);
        right: 0;
    }
    .home .sm .tit, .home .news .tit{
        margin-left: 5rem;
        font-size: 7rem;
        margin-top: 5rem;
    }
    .home .sm .con{
        /*display: flex;*/
        /*flex-direction: column-reverse;*/
    }
    .home .sm .con .tx-b{
        width: 73%;
    }
    .home .sm .con .tx{
        padding-right: 0;
        margin-top: 0rem;
        margin-bottom: 1rem;
    }
    .home .sm .con .tx .le,.home .news .con .tx .le{
        font-size: 90px;
    }
    .home .sm .con .tx .ri,.home .news .con .tx .ri{
        font-size: 28px;
    }
    .home .sm .con .tx-b .sw{
        height: unset;
        justify-content: space-evenly;
    }
    .home .sm .con .tx-b .sw .sw_bx{
        padding-bottom: 40px;
        width: 160px;
    }
    .home .sm .con .tx-b .sw .sw_bx .picBox i{
        height: 115px;
    }
    .home .sm .con .tx-b .sw .sw_bx .picBox i:before {
        width: 92px;
        height: 92px;
    }
    .home .sm .con .tx-b .sw .sw_bx .tite{
        font-size: 16px;
    }
    .home .sm .con .tx-b .sw_txt{
        letter-spacing: 1px;
        line-height: 2;
        font-size: 16px;
    }
    .home .sm .con .tx-b .sw_txt .txt{
        padding: 15px 20px;
    }
    .home .sm .con .ic{
        padding-left: 0;
        display: none;
    }
    .home .sm .con .ic img{
        height: 45vh;
    }
    .home .pro .tit{
        /*float: right;*/
        margin-right: 3%;
        margin-top: -20px;
    }
    .home .pro .tit .tx .le,.home .about-us .con .tx .le{
        font-size: 102px;
    }
    .home .pro .tit .tx .ri,.home .about-us .con .tx .ri{
        font-size: 34px;
    }
    .home .pro .pt {
        margin-left: 0;
        margin-top: 15px;
    }
    .home .pro .pt .hexagon {
        height: 120px;
        width: 120px;
        margin: -5px 5px;
    }
    .home .pro .pt .gr-box {
        padding-left: 0%;
    }
    .home .pro .pt .gr:nth-child(1),.home .pro .pt .gr:nth-child(3){
        margin-left: 195px;
    }
    .home .pro .pt .hexagon.s1 .n .tally {
        font-size: 50px;
    }
    .home .pro .pt .hexagon.s1 .n .txt {
        font-size: 28px;
    }
    .home .pro .pt .hexagon.s1 .n .txt .f-l {
        font-size: 40px;
    }
    .home .pro .pt .hexagon.s1 .e .s_tit {
        font-size: 18px;
    }
    .home .pro .pt .hexagon.s1 .e .txt {
        font-size: 12px;
    }
    .home .pro .pt .hexagon.s3 .n .tally {
        font-size: 40px;
    }
    .home .pro .pt .hexagon.s3 .n .txt {
        font-size: 16px;
        top: 62%;
    }
    .home .news .con .tx{
        float: right;
        padding-right: 0rem;
    }
    .home .news .fix-c,.home .about-us .fix-c{
        width: 32%;
    }
    .home .news .con .swiper{
        margin-top: 0;
    }
    .home .home-fullpage .news .con .swiper{
        /*margin-top: 7rem;*/
    }
    .home .news .con .swiper .swiper-slide .ifo{
        margin: 0 2rem;
        padding: 2rem 2.2rem 2rem;
    }
    .home .news .con .swiper .swiper-slide .ifo .time{
        font-size: 20px;
    }
    .home .news .con .swiper .swiper-slide .ifo .title{
        font-size: 15px;
        margin-top: 10px;
        line-height: 1.2;
    }
    .home .news .con .swiper .swiper-slide .ifo .desc{
        font-size: 13px;
        -webkit-line-clamp: 3;
        margin-top: 10px;
        margin-bottom: 1rem;
        line-height: 1.2;
    }
    .home .about-us .tit{
        margin-left: 3rem;
        font-size: 8rem;
        line-height: 1;
    }
    .home .about-us .con{
        padding: 0px 5%;
    }
    .home .about-us .con .txt{
        /*display: flex;*/
        width: 100%;
        margin: 0;
        flex-direction: column-reverse;
    }
    .home .about-us .con .txt .tx-b{
        /*float: left;*/
        /*width: 100%;*/
    }
    .home .about-us .con .txt .tx-b .introduce{
        padding: 20px 20px 64px;
        letter-spacing: 0;
        font-size: 14px;
        margin-top: 1rem;
    }
    .home .about-us .con .txt .tx-b .introduce a{
        font-size: 14px;
    }
    .home .about-us .con .txt .tx-b .introduce a i:before{
        top: -1px;
    }
    .home .about-us .con .txt .ic img{
        width: 90%;
        transform: translateY(29%);
        height: unset;
    }
    .footer .con {
        margin-top: 5rem;
    }
    .footer .he{
        margin-top: 2rem;
    }
    .footer .he .slogan{
        font-size: 23px;
    }
    .footer .he .slogan-en{
        font-size: 11px;
    }
    .footer .con .c3{
        padding-left: 13%;
    }
    .footer .foot_bottom{
        margin-right: 0;
        margin-left: 0%;
        padding: 0;
    }
    .home-fullpage .footer .foot_bottom{
        margin-top: 4rem;
    }
    .footer .con .c3 {
         padding-left: 0;
     }
    .footer .con>div{
        padding: 0;
    }
    .home .sm .con .tx-b .sw .sw_bx .tite {
         margin-top: 0;
    }
    .home .sm .con .tx-b .sw .sw_bx .picBox{
        margin-bottom: 0;
    }
    .home .ok_ctas li a {
        margin-top: 3px !important;
    }
    .home .okaybio .sp .t2 {
        margin-top: 8px;
    }
    .footer .con ul li, .footer .con a {
        margin-bottom: unset;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .home .okaybio .ti{
        font-size: 80px;
        margin-left: 5vh;
        margin-top: 10vh;
    }
    .home .okaybio .sp{
        margin-left: 5vh;
        margin-bottom: 0;
    }
    .home .okaybio .sp .t1{
        font-size: 16px;
        letter-spacing: 0px;
    }
    .home .okaybio .sp .t2{
        font-size: 22px;
    }
    .home .ok_ctas li a {
        font-size: 14px !important;
    }
    .home .okaybio .ic{
        left: 0;
        top: 0;
        width: 100%;
        height: unset;
    }
    .home .okaybio .ic .ic-b{
        width: 493px;
        right: 0;
        transform: translateY(-40%);
    }
    .home .sm .tit, .home .news .tit{
        margin-left: 3rem;
        font-size: 68px;
        margin-top: 4rem;
        margin-bottom: 0;
    }
    .home .home-fullpage .sm .tit, .home .home-fullpage .news .tit{
        margin-top: 8rem;
    }
    .home .sm .con{
        margin-bottom: 20px;
    }
    .home .home-fullpage .sm .con{
        margin-bottom: unset;
        /*display: flex;*/
        /*flex-direction: column-reverse;*/
    }
    .home .sm .con .tx-b{
        width: 80%;
    }
    .home .sm .con .tx{
        padding-right: 0;
        margin-top: 0rem;
        margin-bottom: 1rem;
    }
    .home .sm .con .tx .le,.home .news .con .tx .le{
        font-size: 72px
    }
    .home .sm .con .tx .ri,.home .news .con .tx .ri{
        font-size: 23px;
    }
    .home .sm .con .tx-b .sw{
        height: unset;
        justify-content: space-evenly;
    }
    .home .sm .con .tx-b .sw .sw_bx{
        padding-bottom: 35px;
        width: 160px;
    }
    .home .sm .con .tx-b .sw .sw_bx .picBox i{
        height: 80px;
    }
    .home .sm .con .tx-b .sw .sw_bx .picBox i:before {
        width: 80px;
        height: 80px;
    }
    .home .sm .con .tx-b .sw .sw_bx .tite{
        font-size: 16px;
    }
    .home .sm .con .tx-b .sw_txt{
        letter-spacing: 1px;
        line-height: 2;
        font-size: 16px;
    }
    .home .sm .con .tx-b .sw_txt .txt{
        padding: 15px 20px;
    }
    .home .sm .con .ic{
        padding-left: 0;
        display: none;
    }
    .home .sm .con .ic img{
        height: 45vh;
    }
    .home .pro .tit{
        margin-right: 3%;
        margin-top: -3px;
        margin-bottom: 18px;
    }
    .home .pro .tit .tx {
        margin-top: 0;
    }
    .home .pro .tit .tx .le,.home .about-us .con .tx .le{
        font-size: 92px;
    }
    .home .pro .tit .tx .ri,.home .about-us .con .tx .ri{
        font-size: 28px;
    }
    .home .pro .pt {
        margin-left: 0;
    }
    .home .pro .pt .hexagon {
        height: 100px;
        width: 100px;
        margin: -3px 3px;
    }
    .home .pro .pt .gr:nth-child(1),.home .pro .pt .gr:nth-child(3){
        margin-left: 160px;
    }
    .home .pro .pt .hexagon.s1 .n .tally {
        font-size: 38px;
    }
    .home .pro .pt .hexagon.s1 .n .txt {
        font-size: 18px;
    }
    .home .pro .pt .hexagon.s1 .n .txt .f-l {
        font-size: 38px;
    }
    .home .pro .pt .hexagon.s1 .e .s_tit {
        font-size: 18px;
    }
    .home .pro .pt .hexagon.s1 .e .txt {
        font-size: 12px;
    }
    .home .pro .pt .hexagon.s3 .n .tally {
        font-size: 22px;
    }
    .home .pro .pt .hexagon.s3 .n .txt {
        font-size: 12px;
    }
    .home .pro .pt .gr-box {
        margin-bottom: 13%;
    }
    .home .news .con .tx{
        float: right;
        padding-right: 0rem;
    }
    .home .news .fix-c{
        width: 30%;
    }
    .home .news .con .swiper{
        margin-top: 1rem;
    }
    .home .home-fullpage .news .con .swiper{
        margin-top: 0;
    }
    .home .news .con .swiper .swiper-slide .ifo{
        margin: 0 2rem;
        padding: 2rem 2rem 1.5rem;
    }
    .home .news .con .swiper .swiper-slide .ifo .time{
        font-size: 20px;
    }
    .home .news .con .swiper .swiper-slide .ifo .title{
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .home .news .con .swiper .swiper-slide .ifo .desc {
        margin-top: 5px;
        margin-bottom: 10px;
        line-height: 1.2;
    }
    .home .about-us .fix-c{
        width: 30%;
    }
    .home .about-us .tit{
        margin-left: 3rem;
        font-size: 70px;
        /*display: flex;*/
        flex-direction: column;
        line-height: 1;
        margin-top: 5rem;
        margin-bottom: 0;
    }
    .home .home-fullpage .about-us .tit {
        margin-top: 7rem;
    }
    .home .about-us .con{
        padding: 0px 5%;
    }
    .home .about-us .con .txt{
        display: flex;
        width: 100%;
        margin: 0;
        /*flex-direction: column-reverse;*/
    }
    .home .about-us .con .txt .tx-b{
        float: left;
        width: 100%;
    }
    .home .about-us .con .txt .tx-b .introduce{
        padding: 14px 25px 45px;
        letter-spacing: 0;
        font-size: 12px;
        margin-top: 1rem;
    }
    .home .about-us .con .txt .ic img{
        /*height: 38vh;*/
        width: 300px;
    }
    .footer .he{
        margin-top: 0;
    }
    .footer .he .slogan{
        font-size: 23px;
    }
    .footer .he .slogan-en{
        font-size: 11px;
    }
    .footer .con .c3{
        padding-left: 13%;
    }
    .footer .foot_bottom{
        margin-right: 0;
        margin-left: 0%;
        padding: 0;
    }
    .footer .con .c3 {
         padding-left: 0;
        text-align: center;
     }
    .footer .con {
        margin-top: 0rem;
    }
    .footer .con ul li, .footer .con a {
        list-style: unset;
    }
    .footer .more-link {
        justify-content: center;
    }
    .footer .foot_bottom {
        margin-top: 2rem;
    }
    .footer {
        padding: 7% 10% 1% 10%;
    }
    .home .news .con .swiper .swiper-slide .ifo .desc {
        -webkit-line-clamp: 3;
        font-size: 12px;
    }
    .home .ok_ctas li a {
        margin-top: 1px !important;
    }
    .home .okaybio .sp .t2 {
        margin-top: 6px;
    }
    .home .okaybio .sp {
        margin-top: 2rem;
    }
}
@media screen and (min-width:768px) and (max-width:800px){
    .home .okaybio .ti {
        margin-top: -13vh;
    }
    .home .okaybio .ic .ic-b {
        width: 437px;
        transform: translateY(-17%);
    }
}
@media screen and (max-width:767px){
    .home .ho {
        -webkit-text-stroke: 1.5px rgba(72, 116, 203, .45);
    }
    .home .sm {
        background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/bg-sm-p-01.jpg);
    }
    .home .about-us {
        background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/bg-about-us-p.jpg);
    }
    .home .okaybio {
         background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/okay-bg-1-p.jpg);
    }
    .home .okaybio .ti{
        font-size: 60px;
        margin-left: 3vh;
    }
    .home .home-fullpage .okaybio .ti{
    }
    .home .okaybio .tib {
        top: 36%;
    }
    .home .okaybio .sp{
        margin-left: 3vh;
        margin-top: 1rem;
    }
    .home .okaybio .sp .t1{
        font-size: 15px;
    }
    .home .okaybio .sp .t2{
        font-size: 22px;
        padding-top: 10px;
        margin-top: 5px;
    }
    .home .ok_ctas li a {
        font-size: 13px !important;
    }
    .home .okaybio .ic{
        left: 0;
        top: 0;
        width: 100%;
    }
    .home .okaybio .ic .ic-b{
        height: unset;
        width: 100vw;
        /*top: -2vh;*/
        bottom: -3vh;
        right: 0;
    }
    .home .sm .tit, .home .news .tit{
        margin-left: 3rem;
        font-size: 5rem;
        /*display: flex;*/
        flex-direction: column;
        margin-top: 0;
    }
    .home .sm .con{
        /*display: flex;*/
        flex-direction: column-reverse;
        margin-top: 38px;
    }
    .home .sm .con .tx-b{
        width: 90%;
    }
    .home .sm .con .tx{
        padding-right: 0;
        margin-top: 0rem;
        margin-bottom: 28px;
    }
    .home .sm .con .tx .le{
        font-size: 8rem;
    }
    .home .sm .con .tx .ri{
        font-size: 2.5rem;
    }
    .home .sm .con .tx-b .sw{
        height: unset;
        justify-content: space-evenly;
    }
    .home .sm .con .tx-b .sw .sw_bx{
        padding-bottom: 35px;
        width: 160px;
    }
    .home .sm .con .tx-b .sw .sw_bx .picBox i{
        height: 80px;
    }
    .home .sm .con .tx-b .sw .sw_bx .picBox i:before {
        width: 80px;
        height: 80px;
    }
    .home .sm .con .tx-b .sw .sw_bx .tite{
        font-size: 16px;
    }
    .home .sm .con .tx-b .sw_txt{
        letter-spacing: 1px;
        line-height: 2;
        font-size: 18px;
    }
    .home .sm .con .tx-b .sw_txt .txt{
        padding: 15px 20px;
    }
    .home .sm .con .ic{
        display: none;
        /*padding-left: 0;*/
    }
    .home .sm .con .ic img{
        height: 55vw;
    }
    .home .pro .tit{
        float: right;
        margin-right: 3%;
        margin-top: 50px;
    }
    .home .pro .tit .tx {
        margin-top: 0;
        padding-left: 2rem;
    }
    .home .home-fullpage .pro .tit{
        margin-top: 0;
    }
    .home .home-fullpage .pro .pt {
        margin-bottom: 80px;
    }
    .home .pro .tit .tx .le, .home .about-us .con .tx .le{
        font-size: 92px;
        text-stroke: 1.5px rgba(72, 116, 203, 1);
        -webkit-text-stroke: 1.5px rgba(72, 116, 203, 1);
    }
    .home .pro .tit .tx .ri,.home .about-us .con .tx .ri{
        font-size: 28px;
    }
    .home .pro .tit .tx .ri p:last-child,.home .about-us .con .tx .ri p:last-child {
        text-stroke: 1.5px rgba(72, 116, 203, 1);
        -webkit-text-stroke: 1.5px rgba(72, 116, 203, 1);
    }
    .home .pro .pt {
        margin-left: 0;
        margin-top: 80px;
    }
    .home .pro .pt .gr-box {
        padding-left: 0;
    }
    .home .pro .pt .gr-box:first-child{
        display: none;
    }
    .home .pro .pt .gr-box:last-child{
        display: block;
    }
    .home .pro .pt .hexagon {
        height: 75px;
        width: 75px;
        margin: -3px 3px;
    }
    .home .pro .pt .hexagon.s1 .n .tally {
        font-size: 24px;
    }
    .home .pro .pt .hexagon.s1 .n .txt {
        font-size: 16px;
    }
    .home .pro .pt .hexagon.s1 .n .txt .f-l {
        font-size: 36px;
    }
    .home .pro .pt .hexagon.s1 .e {
        top: 115%;
    }
    .home .pro .pt .hexagon.s1 .e .s_tit {
        font-size: 14px;
    }
    .home .pro .pt .hexagon.s1 .e .txt {
        font-size: 10px;
        line-height: 1.2;
    }
    .home .pro .pt .hexagon.s3 .n .tally {
        font-size: 22px;
    }
    .home .pro .pt .hexagon.s3 .n .txt {
        font-size: 10px;
        line-height: 1.2;
        top: 62%;
        padding: 0 5px;
    }
    .home .pro .pt .hexagon.s3 .n .txt.phone-row span:nth-child(2){
        display: none;
    }
    .home .pro .pt .hexagon.s3 .n .txt.phone-row{
        display: flex;
        flex-direction: column;
    }
    .home .pro .pt .gr:nth-child(1),.home .pro .pt .gr:nth-child(3) {
        margin-left: 120px;
    }
    .home .pro .pt .gr:nth-child(4) {
        margin-left: 80px;
    }
    .home .pro .pt .gr:nth-child(5) {
        margin-left: 200px;
    }
    .home .pro .pt .gr:nth-child(6) {
        margin-left: 240px;
    }
    /*.home .pro .pt .hexagon.s3 {*/
    /*    opacity: 0.8;*/
    /*}*/
    .home .news .con {
        margin-top: 30px;
    }
    .home .news .con .tx{
        float: right;
        padding-right: 0rem;
    }
    .home .news .con .tx .le{
        font-size: 74px
    }
    .home .news .con .tx .ri{
        font-size: 26px;
    }
    .home .news .fix-c{
        width: 50%;
    }
    .home .news .con .swiper{
        margin-top: 38px;
    }
    .home .news .con .swiper .swiper-slide .ifo{
        margin: 0 1rem;
        padding: 3rem 2rem 2rem;
    }
    .home .news .con .swiper .swiper-slide .ifo .time{
        font-size: 24px;
    }
    .home .news .con .swiper .swiper-slide .ifo .title{
        font-size: 20px;
    }
    .home .about-us .fix-c{
        width: 50%;
    }
    .home .about-us .tit{
        margin-left: 3rem;
        font-size: 5rem;
        display: flex;
        flex-direction: column;
        line-height: 1;
    }
    .home .about-us .con{
        padding: 0px 5%;
    }
    .home .about-us .tit{
        margin-top: 3rem;
    }
    .home .about-us .con .tx{
        margin: 0;
    }
    .home .about-us .con .tx .ri p:last-child{
        font-size: 34px;
        text-stroke: 1.5px rgba(72, 116, 203, 1);
        -webkit-text-stroke: 1.5px rgba(72, 116, 203, 1);
    }
    .home .about-us .con .tx .le{
        font-size: 90px;
        text-stroke: 1.5px rgba(72, 116, 203, 1);
        -webkit-text-stroke: 1.5px rgba(72, 116, 203, 1);
    }
    .home .about-us .con .tx .ri{
        font-size: 30px;
    }
    .home .about-us .con .txt{
        display: flex;
        width: 100%;
        margin: 0;
        flex-direction: column-reverse;
    }
    .home .about-us .con .txt .tx-b{
        float: left;
        width: 100%;
    }
    .home .about-us .con .txt .tx-b .introduce{
        padding: 20px 15px 45px;
        letter-spacing: 0;
        font-size: 12px;
        margin-top: 1rem;
    }
    .home .about-us .con .txt .ic img{
        height: 30vh;
    }
    .home .home-fullpage .about-us .tit{
        margin-top: 7rem;
    }
    .footer {
        background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/bg-footer-p.jpg);
    }
    .footer .he{
        margin-top: 26vh;
    }
    .footer .he .slogan{
        font-size: 23px;
    }
    .footer .he .slogan-en{
        font-size: 11px;
    }
    .footer .foot_bottom{
        margin-right: 0;
        margin-left: 0%;
        padding: 0;
        margin-top: 12vh;
    }
    .footer .con ul {
        padding-left: 0;
        margin-top: 0;
        text-align: center;
    }
    .footer .con ul li, .footer .con a{
        list-style:unset;
    }
    .footer .more-link{
        justify-content: center;
    }
    .footer .con {
        margin-top: 12vh;
    }
    .home .okaybio2 {
        background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/okay-bg-2-p.png);
    }
    .home .pro {
        background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/bg-pro-p1.jpg);
    }
    .home .about-us .con .txt .ic {
        padding: 0;
    }
    .home .okaybio .ic .ic-b {
        width: 87%;
        transform: translateY(-30%);
    }
    #toTop img{
        width: 80% !important;
    }
}
@media screen and (max-width:450px){
    /*.home .okaybio{*/
    /*    height: unset;*/
    /*}*/
    .home .home-fullpage .okaybio .ti {
        font-size: 70px;
    }
    .home .pro .pt .gr-box {
        padding-left: 10px;
    }
    .footer{
        height: unset;
    }
    .home .okaybio .sp .t1 {
        /*font-size: 1rem;*/
        letter-spacing: 1px;
    }
    .home .okaybio .sp .t2 {
        font-size: 20px;
    }
    .home .sm .tit, .home .news .tit{
        margin-top: 3rem;
    }
    .home .home-fullpage .sm .tit{
        margin-top: -10rem;
    }
    .home .pro{
        display: flex;
        flex-direction: column;
    }
    .home .news .con .swiper{
        margin-top: 2rem;
    }
    .home .about-us .con .tx .le {
        font-size: 87px;
    }
    .home .about-us .con .tx .ri p:last-child {
        font-size: 3rem;
    }
    .home .about-us{
        height: unset;
    }
    .home .pro .pt .gr-box:last-child{
        margin-bottom: 35%;
    }
    .home .about-us .con .tx .ri p:first-child {
        text-shadow: 3px 3px 2px #D5E0F4;
        margin-bottom: 0;
    }
    .footer .foot_bottom {
        margin-top: 8rem;
    }
    .home .sm .tit, .home .news .tit {
        font-size: 53px;
        display: flex;
    }
    .home .pro .pt .hexagon.s1 .e .s_tit {
        font-size: 14px;
    }
    .home .pro .pt .hexagon.s1 .e {
        top: 115%;
    }
    .footer .con ul li, .footer .con a {
        font-size: 15px;
    }
    .home .okaybio .ic .ic-b {
        transform: translateY(0%);
        top: 55%;
        width: 100%;
    }
    .home .pro .pt .hexagon {
        height: 80px;
        width: 80px;
    }
    .home .pro .pt .gr:nth-child(1), .home .pro .pt .gr:nth-child(3) {
        margin-left: 130px;
    }
    .home .pro .pt .gr:nth-child(4) {
        margin-left: 87px;
    }
    .home .pro .pt .gr:nth-child(5) {
        margin-left: 217px;
    }
    .home .pro .pt .gr:nth-child(6) {
        margin-left: 260px;
    }
    .home .pro .pt .hexagon.s3 .n .txt {
        top: 60%;
        font-size: 11px;
        line-height: 1.3;
    }
    .home .pro .pt .hexagon.s1 .n .tally，.home .pro .pt .hexagon.s3 .n .tally {
        font-size: 24px;
    }
    .home .pro .pt .hexagon.s1 .n .txt {
        font-size: 20px;
    }
    .home .pro .pt .hexagon.s1 .n .txt .f-l {
        font-size: 28px;
    }
    .home .news .con .tx .ri {
        font-size: 20px;
    }
    .home .news .con .tx .le {
        font-size: 60px;
    }
    .footer .he .slogan {
        font-size: 20px;
    }
    .home .okaybio .sp {
        margin-top: 1rem;
    }
    .home .okaybio .sp {
        margin-bottom: 0rem;
    }
    .home .sm .con .tx .le {
        font-size: 60px;
    }
    .home .sm .con .tx .ri {
        font-size: 20px;
    }
    .home .sm .con .tx-b .sw .sw_bx .picBox i:before {
        width: 65px;
        height: 65px;
    }
    .home .sm .con .tx-b .sw_txt {
        /*padding: 18px 20px;*/
        line-height: 2;
        font-size: 14px;
    }
    .home .sm .con .tx-b .sw .sw_bx .tite {
        font-size: 14px;
    }
    .home .sm .con .tx-b .sw .sw_bx .picBox i {
        height: 65px;
    }
    .home .pro .pt {
        margin-top: 40px;
    }
    .home .home-fullpage .pro .pt {
         margin-bottom: 0;
    }
    .home .about-us .con .txt .tx-b .introduce {
        margin-bottom: 0rem;
    }
    .footer .con {
        margin-top: 3rem;
    }
    .home .about-us .con .txt .ic img {
        height: unset;
        width: 80%;
    }
    .home .about-us .tit {
        font-size: 53px;
        display: flex;
    }
    .home .ok_ctas li a {
        font-size: 14px !important;
    }
    .ok_cta {
        margin: 0 0 .5em 0;
    }
    .home .okaybio .tib {
        transform: unset;
        top: 18%;
    }
    .home .okaybio .sp {
        margin-left: 3vh;
        margin-right: 3vh;
    }
    .home .ok_ctas li:last-child a{
        margin-top: 10px !important;
    }
    .home .sm .con {
        padding: 0 0rem;
    }
    .home .sm .con .tx-b {
        float: left;
        width: 90%;
        margin-left: 5%;
    }
    .footer{
        height: 100vh;
    }
}
@media screen and (max-width:415px){
    .home .okaybio .sp .t2 {
        font-size: 18px;
    }
}
@media screen and (max-width:395px){
    .home .sm .tit, .home .news .tit {
        font-size: 49px;
    }
    .home .pro .pt .hexagon {
        height: 75px;
        width: 75px;
    }
    .home .pro .pt .gr:nth-child(1), .home .pro .pt .gr:nth-child(3) {
        margin-left: 120px;
    }
    .home .pro .pt .gr:nth-child(4) {
        margin-left: 80px;
    }
    .home .pro .pt .gr:nth-child(5) {
        margin-left: 202px;
    }
    .home .pro .pt .gr:nth-child(6) {
        margin-left: 242px;
    }
    .home .pro .pt .hexagon.s1 .n .txt {
        font-size: 18px;
    }
    .home .pro .pt .hexagon.s3 .n .txt {
        font-size: 10px;
        line-height: 1.3;
    }
    .home .about-us .con .txt .ic img {
        width: 70%;
    }
}
@media screen and (max-width:375px){
    .home .okaybio .tib {
        top: 16%;
    }
    .home .okaybio .sp .t2 {
        font-size: 16px;
    }
    .home .home-fullpage .sm .tit {
        margin-top: 1rem;
    }
    .home .about-us .tit {
        /*font-size: 34px;*/
        /*display: block;*/
    }
    .home .about-us .con .txt .ic img {
        width: 70%;
    }
    .footer {
        padding: 7% 7%;
    }
    .home .okaybio .ic .ic-b {
        transform: translateY(0%);
        top: 52%;
    }
    .home .ok_ctas li a {
        margin-top: 5px !important;
    }
    .home .okaybio .sp .t1 {
        margin-bottom: 0;
    }
    .home .home-fullpage .pro .tit {
        margin-top: 90px;
    }
    .footer .he {
        margin-top: 16vh;
    }
    .home .pro .pt .hexagon.s1 .n .txt {
        font-size: 16px;
    }
    .home .sm .tit, .home .news .tit {
        font-size: 45px;
    }
    .home .news .con .swiper .swiper-slide .ifo .title {
        font-size: 17px;
    }
    .home .about-us .con .txt .ic img {
        width: 61%;
    }
}
@media screen and (max-width:360px){
    .home .about-us .con .txt .ic img{
        display: none;
    }
    .home .about-us .con {
        margin-top: 2rem;
    }
    .home .home-fullpage .about-us .tit {
        margin-top: -3rem;
    }
    .home .pro .pt .hexagon {
        height: 65px;
        width: 65px;
    }
    .home .pro .pt .gr:nth-child(1), .home .pro .pt .gr:nth-child(3) {
        margin-left: 107px;
    }
    .home .pro .pt .gr:nth-child(4) {
        margin-left: 72px;
    }
    .home .pro .pt .gr:nth-child(5) {
        margin-left: 179px;
    }
    .home .pro .pt .gr:nth-child(6) {
        margin-left: 215px;
    }
    .home .pro .pt .hexagon.s3 .n .txt {
        font-size: 9px;
    }
}
@media screen and (max-width:360px){
    .home .sm .tit, .home .news .tit {
        font-size: 40px;
    }
    .home .okaybio .sp .t2 {
        font-size: 15px;
    }
}
/* 几个特定的分辨率  */
@media screen and (width:1440px){
    .home .okaybio .sp .t2 {
        font-size: 37px;
    }
}
@media screen and (width:1366px) and (height:1366px){
    .home .okaybio .tib {
        transform: translateY(-90%);
    }
    .home .okaybio .ti {
        font-size: 120px;
    }
    .home .okaybio .sp .t1 {
        font-size: 26px;
    }
    .home .okaybio .sp .t2 {
        font-size: 38px;
    }
    .home .ok_ctas li a {
        font-size: 22px !important;
    }
    .home .okaybio .ic .ic-b {
        width: 835px;
        transform: translateY(-20%);
    }
    .home .sm .tit, .home .news .tit {
        font-size: 110px;
    }
    .home .news .con .tx .le, .home .sm .con .tx .le {
        font-size: 110px;
    }
    .home .sm .con .tx .ri, .home .news .con .tx .ri {
        font-size: 32px;
    }
    .home .sm .con .tx-b .sw .sw_bx .picBox i:before {
        width: 120px;
        height: 120px;
    }
    .home .sm .con .tx-b .sw .sw_bx .picBox i {
        height: 125px;
    }
    .home .sm .con .tx-b .sw .sw_bx .tite {
        font-size: 20px;
    }
    .home .sm .con .tx-b .sw_txt {
        font-size: 20px;
    }
    .home .sm .con .ic img {
        width: 450px;
    }
    .home .pro .pt .hexagon {
        height: 170px;
        width: 170px;
    }
    .home .pro .pt .gr:nth-child(1), .home .pro .pt .gr:nth-child(3) {
        margin-left: 270px;
    }
    .home .pro .tit .tx .le, .home .about-us .con .tx .le {
        font-size: 162px;
    }
    .home .pro .tit .tx .ri, .home .about-us .con .tx .ri {
        font-size: 52px;
    }
    .home .news .con .swiper .swiper-slide .ifo .time {
        font-size: 36px;
    }
    .home .news .con .swiper .swiper-slide .ifo .title {
        font-size: 23px;
        margin-left: 0%;
        margin-bottom: 10px;
    }
    .home .news .con .swiper .swiper-slide .ifo .desc {
        font-size: 22px;
        margin-bottom: 25px;
        -webkit-line-clamp: 4;
    }
    .home .news .con .swiper .swiper-slide .ifo {
        padding: 3rem 3rem 2rem;
    }
    .home .about-us .con .txt .tx-b .introduce {
        font-size: 22px;
    }
    .home .about-us .con .txt .ic img {
        width: 420px;
        margin-top: 35%;
    }
    .footer .he .slogan {
        font-size: 45px;
    }
    .footer .he .slogan-en {
        font-size: 22px;
    }
    .footer .con .ty {
        font-size: 30px;
    }
    .footer .con ul li, .footer .con a {
        font-size: 22px;
        line-height: 2;
    }
    .footer {
        padding: 7% 5%;
    }
    .footer .foot_bottom p{
        font-size: 22px;
    }
    .footer .he .logo img{
        width: 30%;
    }
}
@media screen and (width:1280px){
    .home .okaybio .ic .ic-b {
        width: 620px;
    }
}

@media screen and (width:1280px) and (height:720px){
    .footer {
        padding: 7% 10% 1% 10%;
    }
}
@media screen and (width:1024px) and (height:1366px){
    .home .okaybio .ic .ic-b {
        width: 690px;
        transform: translateY(-20%);
    }
    .home .okaybio .tib {
        top: 40%;
    }
    .home .okaybio {
        background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/okay-bg-pad2.jpg);
    }
    .home .sm {
        background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/bg-sm-pad2.jpg);
    }
    .home .pro {
        background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/bg-pro-pad2.jpg);
    }
    .home .about-us {
        background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/bg-about-us-pad2.jpg);
    }
    .footer {
        background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/bg-footer-pad2.jpg);
    }
}
@media screen and (width:820px) and (height:1180px){
    .home .okaybio .ic .ic-b {
        width: 635px;
        transform: translateY(-15%);
    }
    .home .okaybio .tib {
        top: 35%;
    }
    .home .okaybio {
        background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/okay-bg-pad1.jpg);
    }
    .home .sm {
        background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/bg-sm-pad1.jpg);
    }
    .home .pro {
        background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/bg-pro-pad1.jpg);
    }
    .home .about-us {
        background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/bg-about-us-pad1.jpg);
    }
    .footer {
        background-image: url(https://www.okaybio.com/wp-content/themes/2019/images/home/bg-footer-pad1.jpg);
    }
}
@media screen and (width:800px){
    .home .okaybio .ic .ic-b {
        width: 405px;
    }
}
@media screen and (width:768px) and (height:1024px){
    .home .okaybio .tib {
        top: 35%;
    }
    .home .okaybio .ic .ic-b {
        width: 635px;
        transform: translateY(-15%);
    }
    .home .home-fullpage .sm .tit, .home .home-fullpage .news .tit {
        margin-top: 0;
    }
    .home .sm .con {
        margin-top: 12rem;
    }
    .home .pro .tit {
         margin-top: 0;
         margin-bottom: 0;
    }
    .home .pro .pt {
        margin-top: 12rem;
    }
    .home .news .con {
        margin-top: 12rem;
    }
    .home .about-us .tit {
        margin-top: 0;
    }
    .home .about-us .con {
        margin-top: 12rem;
    }
}
@media screen and (width:375px) and (max-height:700px){
    .home .home-fullpage .sm .tit {
        margin-top: 0;
    }
    .home .news .con {
        margin-top: 5px;
    }
    .home .about-us .con .txt .ic img {
        display: none;
    }
    .home .about-us .con {
        margin-top: 40px;
    }
}
@media screen and (width:375px) and (max-height:667px){
    .home .sm .con {
        margin-top: -5px;
    }
    .home .home-fullpage .sm .tit {
        margin-top: 62px;
    }
    .home .home-fullpage .pro .tit {
        margin-top: 68px;
    }
    .home .pro .pt {
        margin-top: 11px;
    }
    .home .sm .tit, .home .news .tit {
        margin-top: 6rem;
    }
    .home .news .con .swiper .swiper-slide .ifo .desc {
        margin-top: 10px;
    }
    .home .about-us .con {
        margin-top: 3px;
    }
}
/* 几个特定的分辨率  */