@media screen and (min-width:640px) and (max-width:1020px){
    

    .company .content,.toggle_con .bd_,.footer-bottom,.footer .fmenu dl dd, .footer .fcontact dl dd, .footer .fmenu dl dd.flex .fm1 p{line-height:1.8;}
    .site-article-wrapper .desc{font-size:16px;line-height: 1.8;}
    .message .form .form-item input, .message .form .form-item2 .fcontent, .fcontent::placeholder, .message .form .form-item input::placeholder, .mailbox .subscribe .mail_val, .mailbox .subscribe .mail_val::placeholder,.mobile-body .m-nav ul>li>ul>li,.so .quicklink a,.news_detail02 .left .bott li a{font-size:0.18rem;}
    .contact-style dl dt, .contact-style dl img{width:0.8rem;height: 0.8rem;}
    .contact-style dl dd,.mobile-body .m-nav ul li a.m-li,.message .form .form-item, .message .form .form-item input,.news_detail02 .left .bott li{height: 0.8rem;}
    .contact-style dl,.contact-style dl dd{}
    .message .send button,.mailbox .subscribe .submits .mail_btn{width:1.66rem;height:auto;border-radius: 0.5rem;}
    .contact,.inner,.job.inner, .jobinner{padding-top: 1.4rem;}
    .job-list .layui-colla-title{padding: 0.2rem 0;}
    /* .toggleTab dl dt{padding:26px 0;} */
    .site-article-wrapper li a{padding: 0.25rem;}
    .news_detail02 .left .bott .t{left:20px;}
    
    .footer .fmenu dl dt, .footer .fcontact dl dt{font-weight: 500;}

    .home-banner .txt .tt1{font-size: 0.6rem;}
    .home-banner .txt .tt2{font-size:0.46rem;}
    .home-banner .txt .tt3{font-size: 0.7rem;}

    
    .home-banner .txt{bottom: 1rem;}
    .BrandSwiper, .ServiceSwiper{margin-top: 0.3rem;}
    .CatBrand,.seer_advantage{padding-bottom: 76px;}
    .image_text_common .list .word .content_,#nanofcm .feature,.countstar_advantage .list_ dl dd{line-height: 1.8;}
    .inner_brandLogo{margin-top: 100px;}
    .brand_intro{padding-top: 0.4rem;}

    .public_toggle .bd_ h3, .public_toggle dl dd h3,.ddlist .dbox,.image_text_common .list .word .content_ p{margin-bottom: 0.1rem;}
    .toggleTab dl dd{padding-bottom: 0.2rem;}

    .pageListBox{padding-top:90px;}
    .echo_it.image_text_common{padding-bottom:0.32rem;}
    
    .cat-box .word .more, .pageListBox .word .more,.typename .more{margin-top: 0.1rem;}
    .vision_top .word .Branddescription,.image_text_common .list .word .content_,.brand_intro .position_,.show_swiper, .show_title,.job-slogan{margin-top: 0.2rem;}
    .public_toggle .title{margin-top: 44px;}
    .home-company h3,.CatBrand{margin-top: 0.3rem;}
    .home-company .p1{padding: 0.3rem 10%;}
    
    .all_common_list,.lonza_swiper.lonzaShow,.ruskinn .layout,.message.about-msg,.job-list{margin-top: 0.4rem;}
    .Nucleofector, .next-Nucleofector .show_swiper,.lonza_swiper,#nanofcm h1, .nano_title,.rsj-show,.job.about-job, .wapt,.SpectraMax_part01{margin-top: 0.5rem;}
    .so .ipt, .so .ipt i.sbt, .so .kws{height:48px;font-size:14px;}
    
    #nanofcm .flow-banner{height: 4rem;}
    /* .Counstar_show,.public_toggle:last-child{padding-bottom:0;} */
    .ruskinn .layout .content_{padding: 0.2rem 0.4rem;}
    .ruskinn .layout{margin: 0.32rem 0;}
    .brand_box{margin-bottom: 0.6rem;}
    .flogo img{max-width: 2rem;}
    .home-company .grid2{margin-top: 0;padding:0.38rem 0.2rem;}
    .seer_part1 h1{height: auto;margin-top: 0.4rem;line-height:1.5;}
    .seer_part1 .thumb_{margin: 0.3rem;}

    .brand-box a{height:4rem !important;}

    #category_content{margin-top: 0;}
    .mt8{margin-top: 0.6rem;}

    .related_products ul{grid-template-columns: repeat(2, 1fr);}
    .related_products ul li .thumbs{height: 240px;}
    .related_products ul li .thumbs img{max-height: 220px;max-width: 100%;}
    .related_products ul li .vtitle{min-height: 0.2rem;margin: 15px 0;}

    /* Vision */
    .vision_product,.related_products .rtitle{padding-bottom:20px;}
    .vision_product .pagelist,.related_products ul,.imagexpress_feature3,.all_common_list .grid-fr3{grid-gap:32px;}
    .image_text_common .list:last-child{margin-bottom: 0;}
    .image_text_common .list,.image_text_common.imagexpress_feature2 .list,.mb40,.Seer{margin-bottom:0;}
    

    .related_products ul,.image_text_common{margin-top:32px;}
    .image_text_common.imagexpress_feature2{margin-top: 0;}
    .image_text_common.imagexpress_feature2 .list{margin-top: 32px;}

    .imagexpress_feature4{margin:0 5% 40px;}
    .SpectraMax_part01 .Bd .word{padding: 0.4rem;}
    .related_products,.echo_it.image_text_common .list{margin-top: 0;}
    .echo .part1 .text_{padding-bottom: 0.5rem;}
    .show_swiper .swiperBox .ruisijie{padding: 0.3rem 0;}
    .CoreText{padding-top: 0;padding-bottom: 0;}
    .image_text_common .list .word, .image_text_common .list.flex1 .word{padding:40px;}
    /* .beckman-param{margin-top:40px;} */
    dl.beckman_Tab dt,.Counstar dl dt{font-weight: 500;}
    .inner_brandLogo img{height: 30px;}
    .all_common_list{margin-bottom: 32px;}
    .related_products{padding-bottom: 0.32rem;margin-bottom: 0;}

    .MD-ImageXpress-top{padding-bottom: 50px;}
    .SpectraMax{margin-bottom: 0;}
    .related_products ul li, .related_products ul li img{border-radius: 16px;}

    .echo_it .xWapper2{display: grid;grid-template-columns: repeat(1, 1fr);grid-row-gap:0.32rem;}

    .home-company{padding: 80px 5% 40px;}
    
    

    .stilla .part1 .h1_title,
 #nanofcm h1,
 .ruskinn h1, 
 .ruskinn h2,
 .seer_part1 h1{font-size:55px !important;}
/* 48px */
.typename .title,
.home-company h2,
.home-company h3,
.brand_center h2,
.beckman h1,
.esco_part1 .title,
.brand_intro h2,
.Nucleofector h2,
.Nucleofector h3,
.pc-banner-title h3,
.mob-banner .mob-title,
.SpectraMax_part01 .mob-title p,
.MD-ImageXpress h2, .mob-banner .mob-title h3,
.vision_top .word .catname,
.video_bg .title p,
.video_bg .title p:first-child,
.show_title h1{font-size:45px;}
/* 36px */
.ruskinn .layout .left_ .useto dl dt,
.page-next:after,
.h-title, .message .title, .contact h2,
.company h1,
.ctitle,
.brand_banner_fix .info .text3,
.brand_banner_fix .info .text4,
.Nucleofector .listBox .title,
.lonza_swiper .swiperBox .Text h2,
.CoreText .title,
.apexbio .intro h1 span,
.page-prev:after{font-size:36px;}
/* 42px */
.md_advantage h2, 
.imagexpress_feature3 .listBox h3,
.image_text_common .list .word .title2, 
.image_text_common .list .word h3,
.echo .part1 .text_ h2,
.news_detail01 .content-box h1.title,
.nano_title{font-size:38px;}
.SpectraMax_part01 .Bd .word p strong{font-size:2.53vw;}
/* 30px */
.countstar_advantage .list_ dl dt,
.seer_part1 h2,
.echo .part1 .text_ .items dl dt,
.vision_top .word .Branddescription,
#nanofcm .show_part1 .params dl dd,
.CoreText .mini_title,
.seer_advantage dl dt{font-size:24px;}
/* 28px */
.job-list-con h3,
.footer .fmenu dl dt, .footer .fcontact dl dt,
.image_text_common .list .word .parameter span{font-size:20px;}
/* 26px */
.cat-name,
.esco_part1 .title span,
.brand_intro h3,
#nanofcm .feature strong,
.job-slogan,
.job-list .layui-colla-title,
.next-Nucleofector .page-next:after,
.next-Nucleofector .page-prev:after{font-size:26px;}
/* 28px */
.cat-box .word .title,
.pageListBox .word .title,
.SpectraMax_part01 .Bd .word h3,
.service-box .title h2,
.ruskinn .layout .content_ h3,
.company .cname{font-size:24px;}
.SpectraMax_part01 .Bd .word p em{font-size:1.48vw;}
/* 26px */
.md_advantage .swiper-slide dl dd{font-size:22px;}

/* 20px */

.nano_type,
.SpectraMax_part01 .Bd .word p strong,
.SpectraMax_part02 .items h3,
.cat-Content .cat-ct h3{font-size:22px;}
/* 22px */
.job-list .layui-colla-title i,
.toggleTab dl dt,
.related_products .rtitle,
.public_toggle .title,
.contact-style dl dd,
.job h5,
.Nucleofector .listBox h4{font-size:20px;}
/* 20px */

.home-company .p1,
.SpectraMax_part01 .Bd .word p em,
.job-list-con,
.navigation-down h3,
.son-nav dl dt,
.home-company .grid2 .content,
.MD-ImageXpress .feature, 
.MD-ImageXpress .thumb_,
.imagexpress_feature2 .list:last-child .word .content_ p::before,
.imagexpress_feature4  .content_ p::before,
.image_text_common .list .word .content_,
.imagexpress_feature3 .listBox .word,
.SpectraMax_part01 .Bd .word,
.SpectraMax_part02 .title, 
.SpectraMax_part02 .items p,
.echo .part1 .text_ .items dl dd,
.echo .part1 .text_ .con,
.toggleTab .bd_,.apexbio .intro .word,
.ruskinn .layout .content_ p,
.seer_advantage dl dd,
.toggleTab dl dd h3,
.ddlist .dbox,
.toggle_con .bd_ h3,
.toggle_con .bd_,
.toggleTab dl dd ul.pub li,
dl.pre-circle dd .content p::before,
dl.pre-circle dd ul li::before,
.CoreText .stitle,
.CoreText .items3,
.CoreText .items5,
.CoreText .items7,
.ruisijie .swiper-slide:nth-child(2) .CoreText .items3 p::before,
.Lonza-Nucleofector .CoreText .items3 p::before,
.lonza_swiper .swiperBox .Text .content,
.share-column dl dt,
.sideNav ul li,
.mailbox h3,
.vision_top .word .Brandcontent,
.vision_top .word .Brandcontent p::before,
.image_text_common .list .word .content_ ul li::before,
.image_text_common .list .word .dl_param dt,
.toggleTab dl dd .content,
.mobile-body .m-nav ul li a.m-li,
.stilla .part1 .intro,
.site-article-wrapper li a .date, .site-article-wrapper .title,
.lonza_swiper .swiperBox .Text .content h3{font-size:18px;}
/* 18px */
.share-column dl dd,
.site-article-wrapper .desc,
.message .form .form-item input,
.message .form .form-item2 .fcontent,
.fcontent::placeholder,
.message .form .form-item input::placeholder,
.mailbox .subscribe .mail_val::placeholder,
.so .kws::placeholder,
.related_products ul li .vtitle {font-size:18px;}
/* 17px */
.header .navbar ul li .search-btn i,
.header .navbar ul li a,
#nanofcm .feature p, 
#nanofcm .show_part1 .content_, 
#nanofcm .show_part1 .params dl dt,
.ruskinn .layout .left_ .useto dl dd,
.sideNav h2.layui-colla-title,
.news_detail02 .left,
.message .send button,
.mailbox .subscribe .submits .mail_btn,
.Nucleofector .listBox .pname{font-size:17px;}
/* 16px */
.brand_intro .content_,
.this_category_list ul li a,
.countstar_advantage .list_ dl dd,
.beckman .feature,
.ddlist3 ul.useto3 li .title3,
.SpectraMax_part02 .img_text .text,.SpectraMax_part02 .rightBox p,
.sideNav .lcc p,
.company .content,
.inner_brandLogo .sonnav ul li,
.sonnav-layout ul li,
.esco_part1 .feature,
.cat-Content .cat-ct ol,.cat-Content .cat-ct ul li,.cat-Content .cat-ct p,
#category_content .cat-name a.more{font-size:16px;}
/* 15px */
.son-nav dl dd,
.son-nav dl p,
.typename .more,
.footer .fmenu dl dd,
.footer .fcontact dl dd, 
.footer .fmenu dl dd.flex .fm1 p,
.footer .footer-top{font-size:15px;}
/* 14px */
.brand_intro .position_,
.echo .part1 .thumb_ .param_icons .pg dl dd,
.news_detail01 .content-box .box{font-size:14px;}
/* 12px */
.footer-bottom,
.footer .fcontact dl dd.social i{font-size:12px;}
   
}