@media screen and (min-width:1021px) {
  .BrandSwiper,
.ServiceSwiper{position: relative;padding: 0 5.3vw 76px;margin-top:0.47rem;}


/* 图片放大scale动效 */
.brand-box a .title,
.service-box .title h2,
.service-box .title .more,
.img-scale img,.service-box{-webkit-transition: all 0.5s;transition: all 0.5s;}

.img-scale:hover img,
.service-box:hover h2,
.service-box:hover .title .more{ -webkit-transform: scale(1.15);-ms-transform: scale(1.15);transform: scale(1.15);}
.service-box:hover{background-size: 110% !important;}

/* #0077af */
.ab-white.nav-bgf .navbar ul li.active a,
.ab-white.nav-bgf .navbar ul li a:hover,
.header.ab-white .navbar ul li.nav-up-selected a,
.share-column dl dd a:hover,
.son-nav dl dd a:hover,
.so .quicklink a:hover,
.brand_box .shead .headactive{color: #007AFF;}

/* 高度 */
.h10{height:0.1rem;width:100%;overflow: hidden;}
.h40{height:0.4rem;width:100%;overflow: hidden;}
.h70{height:0.7rem;width:100%;overflow: hidden;}
.ht100{height: 1rem;width:100%;overflow: hidden;}

 /* PC字号 */
 .stilla .part1 .h1_title,
 #nanofcm h1,
 .ruskinn h1, 
 .ruskinn h2,
 .seer_part1 h1{font-size:0.6rem !important;}
/* 56px */
.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,
.show_title h1{font-size:0.48rem;}
/* 40px */
.ruskinn .layout .left_ .useto dl dt,
.page-next:after,
.page-prev:after{font-size:28px;}
/* 48px */
.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:0.24rem;}
/* .SpectraMax_part01 .Bd .word p strong{font-size:2.53vw;} */
/* 36px */
.countstar_advantage .list_ dl dt{font-size:22px;}
/* 35px */
.seer_part1 h2,
.seer_advantage dl dt{font-size:0.35rem;}
/* 32px */
.job-list-con h3{font-size:0.32rem;}
/* 30px */
.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: 0.3rem;}
/* 28px */
.cat-box .word .title,
.pageListBox .word .title,
.SpectraMax_part01 .Bd .word h3,
.toggleTab dl dt,
.public_toggle .title,
.service-box .title h2,
.related_products .rtitle{font-size:0.24rem;}
.ruskinn .layout .content_ h3,.esco_part1 .feature{font-size:20px;}
.SpectraMax_part01 .Bd .word p em{font-size:1.48vw;}
/* 26px */
.md_advantage .swiper-slide dl dd{font-size:0.18rem;}
/* 25px */
.Nucleofector .listBox .title{font-size:0.22rem;}
/* 24px */
.home-company .p1,
.nano_type,
.contact-style dl dd,
.cat-Content .cat-ct h3{font-size:0.24rem;}
/* 22px */
.job-list .layui-colla-title i,
.Nucleofector .listBox h4{font-size:0.18rem;}
/* 20px */
.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,
.lonza_swiper .swiperBox .Text .content h3{font-size:16px;}
.toggleTab dl dd h3{font-size:20px;}
/* 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,
.related_products ul li .vtitle {font-size:0.18rem;}
/* 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:0.16rem;}
/* 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,
.cat-Content .cat-ct ol,.cat-Content .cat-ct ul li,.cat-Content .cat-ct p,
#category_content .cat-name a.more{font-size: 0.16rem;}
/* 15px */

.typename .more,
.footer .fmenu dl dd,
.footer .fcontact dl dd, 
.footer .fmenu dl dd.flex .fm1 p,
.footer .footer-top{font-size:0.14rem;}
/* 14px */
.son-nav dl dd,
.son-nav dl p,
.sideNav .lcc p,
.brand_intro .position_,
.echo .part1 .thumb_ .param_icons .pg dl dd,
.news_detail01 .content-box .box{font-size:0.14rem;}
/* 12px */
.footer-bottom,
.footer .fcontact dl dd.social i{font-size:12px;}
  
}




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

  .h70{height: 0;}
  /* 34px */
  .typename .title,
  .home-company h2,
  .home-company h3,
  .brand_center h2,
  .MD-ImageXpress h2,
  .vision_top .word .catname,
  .esco_part1 .title,
  .beckman h1,
  .esco_part1 h1,
  .brand_intro h2, .Nucleofector h2, .Nucleofector h3,
  .ruskinn h1,.ruskinn h2,
  .show_title h1,
  #nanofcm h1,
  .stilla .part1 .h1_title,
  .apexbio .intro h1,
  .SpectraMax_part01 .mob-title p,
  .mob-banner .mob-title h3{font-size:0.48rem !important;}

  /* 30px */
  .newslist .ctitle,.ctitle,
  .company h1,
  .contact h2,
  .h-title,
  .message .title{font-size:0.6rem !important;}
  /* 28px */
  .md_advantage h2, 
  .imagexpress_feature3 .listBox h3, 
  .image_text_common .list .word .title2, 
  .countstar_advantage .list_ dl dt,
  .image_text_common .list:nth-child(1) .word .title2,
  .echo .part1 .text_ h2,
  .lonza_swiper .swiperBox .Text h2,.brand_intro h3,
  .next-Nucleofector .CoreText .title,
  .image_text_common .list .word h3{font-size:0.42rem;}
  /* 25px */
  .SpectraMax_part01 .Bd .word p strong,
  .Nucleofector .listBox .title{font-size:0.48rem;}

  /* 24px */
  .SpectraMax_part02 .items h3,
  #nanofcm .show_part1 .params dl dd,
  .image_text_common .list .word .dl_param dd{font-size:0.46rem;}

  /* 22px */
  .md_advantage .swiper-slide dl dd,
  .CoreText .mini_title,
  .job-list .layui-colla-title i, .Nucleofector .listBox h4,
  .nano_title{font-size:0.36rem;}

  /* 20px */
  .SpectraMax_part01 .Bd .word p em,.SpectraMax_part01 .Bd .word h3,
  .ruskinn .layout .content_ h3,
  .seer_advantage dl dt,
  .brand_banner_fix .info .text1,
  .stilla_slogan  .info .text1,
  .stilla_slogan  .info .text2,
  .brand_banner_fix .info .text3,
  .brand_banner_fix .info .text4,
  .job-slogan, 
  .job-list .layui-colla-title,
  .job-slogan .txt,
  .job-list-con h3,
  .job-list .layui-colla-title i,
  .company .cname,
  .next-Nucleofector .CoreText .mini_title,
  .service-box .title h2,
  .pageListBox .word .title,
  .sideNav h2.layui-colla-title,
  .cat-Content .cat-ct h3,
  .sideNav h2 a,
  .public_toggle .title,
  .toggleTab dl dt,
  .related_products .rtitle,
  .page-next:after,.page-prev:after,
  #nanofcm .feature strong,
  .SlideOverlay h2,
  .vision_top .word .Branddescription,
  .echo .part1 .text_ .items dl dt,
  .site-article-wrapper li a .art .title{font-size:0.38rem;}

  /* 18px */
  .mobile-body .m-nav ul li a.m-li,
  .cat-name,
  .ruskinn .layout .left_ .useto dl dt,
  .privacy h2,.cat-box .word .title,
  .nano_type{font-size:0.34rem;}

  /* 17px */
  .job h5,
  .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, 
  .next-Nucleofector .CoreText .stitle,
  .Nucleofector .listBox .pname {
    font-size: 0.327rem;
  }

  /* 16px */
  .SpectraMax_part01 .Bd .word p::before,
  .SpectraMax_part01 .Bd .word p,
  .image_text_common .list .word .parameter span,
  .mailbox .subscribe .mail_val,
  .mailbox h3,
  .contact-style dl dd,
  .mobile-body .m-nav ul>li>ul>li,
  .privacy h3,
  .CoreText .title,
  .lonza_swiper .swiperBox .Text .content p em, 
  .related_products ul li .vtitle,
  .lonza_swiper .swiperBox .Text .content h3{font-size:0.3rem;}

  /* 15px */
  .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,
  .news_detail02 .left .bott li a,
  .typename .more{font-size:0.28rem;}

  /* 14px */
  .imagexpress_feature3 p,
  .SpectraMax_part02 .items p,.SpectraMax_part02 .img_text .text, .SpectraMax_part02 .rightBox p,
  .mailbox .subscribe .submits .mail_btn,
  .message .send button,
  .job-list-con,
  .Products ul li .title,
  .company .content,
  .site-article-wrapper li a .date,
  .site-article-wrapper .desc,
  .privacy,
  .footer dl dt,
  .lonza_swiper .swiperBox .Text .content,
  .lonza_swiper .swiperBox .Text .content p,.brand_intro .content_,
  .brand_intro .content_,
  .echo .part1 .text_ .items dl dd, .echo .part1 .text_ .con,
  .toggle_con .bd_,
  .public_toggle .bd_ h3,.public_toggle dl dd h3,
  .CoreText .items5, .CoreText .items7,
  .CoreText .items3, 
  .home-company .p1,
  .sideNav .lcc p a, .mymenu .layui-colla-content p a, .mymenu .layui-colla-item h2.sm a,
  .cat-Content .cat-ct ol,.cat-Content .cat-ct ul li,.cat-Content .cat-ct p,
  .sideNav .lcc p,
  .MD-ImageXpress .feature, 
  .MD-ImageXpress .thumb_,
  .image_text_common .list .word .content_,
  .vision_top .word .Brandcontent,
  .esco_part1 .feature,
  .ddlist .dbox,
  .ddlist3 ul.useto3 li .title3,
  .echo .part1 .thumb_ .param_icons .pg dl dd,
  .echo .part1 .text_ .items dl dd, 
  .echo .part1 .text_ .con,
  .image_text_common .list .word .dl_param dt,
  .beckman .feature,
  .toggleTab dl dd .content,
  .toggleTab dl dd ul.pub li,
  .next-Nucleofector .CoreText p,
  .Lonza-Nucleofector .CoreText .items3 p::before,
  .brand_intro .content_ p,
  #category_content .cat-name a.more,
  .this_category_list ul li a,
  .countstar_advantage .list_ dl dd,
  .sonnav-layout ul li a,
  .seer_advantage dl dd,
  .ruskinn .layout .left_ .useto dl dd,
  .ruskinn .layout .content_ p,
  #nanofcm .feature p,#nanofcm .show_part1 .content_,
  #nanofcm .show_part1 .content_ p::before,
  .stilla .part1 .intro,
  .Apexbio_con .bd_ p,
  .apexbio .intro .word,
  .footer .fcontact dl dd.social i,
  .f-tips,
  .home-company .grid2 .content{font-size:0.27rem;}

  /* 13px */
  .footer .fmenu dl.d_Tab.active dd,.footer .fcontact dl dd,
  .footer .fmenu dl dd, .footer .fcontact dl dd, .footer .fmenu dl dd.flex .fm1 p,
  .inner_brandLogo .sonnav ul li{font-size:0.25rem;}

  /* 12px */
  .so .quicklink a,
  .footer-bottom,
  #nanofcm .show_part1 .params dl dt,
  .brand_intro .position_{font-size:0.23rem;}

}




.fz-16{font-size:0.16rem;}
.fz-28{font-size:0.2rem;}
.fz-20{font-size:0.2rem;}
.fz-56{font-size:0.48rem;}

 /* 行高 */
.lh-32{line-height: 0.32rem;}

/* 外边距 */

.mb17{margin-bottom: 0.17rem;}

/* 加粗样式 */
.fw1{font-weight: 100;}
.fw2{font-weight: 200;}
.fw3{font-weight: 300;}
.fw4{font-weight: 400;}
.fw5{font-weight: 500;}
.fw6{font-weight: 600;}
.fw7{font-weight: 700;}
.fw8{font-weight: 800;}
.fw9{font-weight: 900;}