@charset "utf-8";

.header{width:100%;height: 72px;position: fixed;left: 0;top:0;padding-left:48px;z-index: 999;transition: top .3s ease;background:rgba(255, 255, 255, 1);}
.header .logo{position: relative;width:200px;height: 72px;display: flex;align-items: center;z-index: 10;}
.header .logo a{display: block;width:100%;height: 72px; background:url(../images/logo.png) left center no-repeat;background-size:100% auto;}
.header .logo img{height: 26px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.header.nav-fixed-scroll,.header.nav-bgf{background:rgba(255, 255, 255, 1);-webkit-transition: all 0s;transition: all 0s;}
.header.nav-fixed-scroll{box-shadow: 0px 5px 5px rgba(0, 0, 0, .03);}
.header.nav-fixed-scroll a{background-size: auto 17px;}
.nav-fixed-scroll .logo img{height:17px;width:200px;}

/* .ab-white.header .logo a{background:url(../images/logo-white.png) left center no-repeat;background-size: auto 26px;}
.ab-white.header.nav-bgf .logo a{background:url(../images/logo.png) left center no-repeat;background-size: auto 26px;} */

/* @media screen and (max-width:1300px) {
    .header .logo{width:auto;}
    .header .logo img{height: auto;max-height: 18px;max-width: 200px;}
} */

.header .navbar{position: absolute;left: 0;right: 0;top: 0;overflow: visible;-webkit-transition: all 0.3s;transition: all 0.3s;z-index: 9;}
.header .navbar ul{display: flex;justify-content: center;width:100%;}
.header .navbar ul li{display: inline-block;margin: 0px 20px;position:relative;}
.header .navbar ul li a{display: flex; height: 72px;align-items: center;color: #1D1D1F;font-weight:400;position: relative;transition: all .5s;}
.header .navbar ul li.active a,.header .navbar ul li a:hover,.header .navbar ul li.nav-up-selected a{color: #007AFF;}
.header .navbar ul li .search-btn{display: flex;align-items: center;height: 72px;cursor: pointer;}
.header .navbar ul li.active a{font-weight:500;}
.header .navbar ul li.active a:after{content: ''; display: block;position: absolute;bottom: 0;width:100%;height:3px;bottom:12px;visibility: visible;background-color:#007AFF;}
/* .header .navbar ul li.active a:after,.header .navbar li a:after,.header .navbar li a:before {display: block;position: absolute;bottom: 0;width: 0;height: 2px;content: '';bottom:0.6vw;transition: width .4s;visibility: visible;background-color:#007AFF;} */
/* .header .navbar ul li.active a:after,.header .navbar li a:after {left: 50%;}
.header .navbar li a:before,.header .navbar ul li.active a:before {right: 50%;} */
/* .header .navbar ul li.active a:after,.header .navbar ul li.active a:before,.header .navbar li:hover a:after,.header .navbar li:hover a:before {width: 17%;} */

/* .ab-white.header .navbar ul li.active a,.ab-white.header .navbar ul li a:hover{color: #fff;}
.ab-white.nav-bgf .navbar ul li a{color: #1D1D1F; }
.ab-white.header ul li a{color: #fff;} */

.bi-chevron-down::before,.bi-chevron-right::before,.bi-chevron-left::before{font-weight:600 !important;}

.son-nav-column{width:100%;display: grid;grid-template-columns: repeat(5, 1fr);grid-gap:0.4rem;}
.share-column dl{margin-bottom: 5px;}
.share-column dl dt{font-weight: 500;}
.share-column dl dd a{color: rgba(107, 107, 107, 1);}
.share-column dl dt,.share-column dl dd{line-height:1.8;}
.share-column dl dd {font-weight:400;}
.share-column dl dd:last-child{margin-bottom: 12px;}

.home-banner{width:100%;overflow: hidden;position: relative;z-index:101;}
.home-banner::after{content: "";position: absolute;left: 0;top:0;width:100%;height: 100%;  
    /* background: linear-gradient(180deg, rgba(255, 255, 255, 0) 57.14%, #007AFF 100%);   */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 90%, rgba(0, 0, 0, 1) 100%);
    z-index:9;overflow: hidden;
}
.openVoice{position: absolute;right:45px;top:120px;z-index: 9999;color: #fff;width:40px;height: 40px;background: rgba(0, 0, 0, 0.8);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size:20px;cursor: pointer;}
/* background: linear-gradient(180deg, rgba(197, 210, 255, 0) 57.14%, #007AFF 100%); */
/* background: url(../images/banner/banner-bg.png) center bottom no-repeat;background-size: cover; */
.home-banner .txt{position: absolute;left: 5.3vw;bottom:6.1vw;z-index:22;color: #fff;}
.home-banner .txt .tt1{font-size:4.32vw;}
.home-banner .txt .tt2{font-size:3.37vw;margin-top: 0.15rem;}
.home-banner .txt .tt1,.home-banner .txt .tt2{font-weight:500;line-height: 1;}
.home-banner .txt .tt3{font-size:5.79vw;font-weight:700;line-height: 1;}

/* .home-banner .banner2-player{width: 101%;height: 100%;position: absolute;top: 0;left: 0;right:0;bottom: 0;overflow:hidden;background: none;}  */
  

/* PC */
.mob-hidden{display: block;}
.mobile-header,.mobile-body{display: none;}

.navigation-down{position:fixed;top:72px;left:0px;width:100%;z-index:199;}
.nav-down-menu{background: #fff;padding:10px 0 30px 0;border-radius: 0px 0px 5px 5px;
    box-shadow: 0px 10px 10px rgba(0,0,0,.01);overflow: hidden;position: relative;z-index:99;
}
.main-wrapper{width: 100%;padding: 34px 48px 90px 48px;}
.main-wrapper2{width: 100%;padding: 34px 5.3vw 63px 5.3vw;}
.navigation-down h3{font-weight:600;line-height: 1;margin-bottom: 20px;}
.son-nav{width:100%;height:auto;display:grid;grid-template-columns: repeat(6, 1fr);grid-gap:15px 30px;overflow:hidden;}
.son-nav dl{line-height:1.8;}
.son-nav dl dt{font-weight:500;margin-bottom: 10px;}
.son-nav dl dd{width:92%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.son-nav dl dd i{margin-right: 8px;}
.son-nav dl dd a{color:#6B6B6B;}

.grid4{grid-template-columns: repeat(4, 1fr);}
.grid3{grid-template-columns: repeat(3, 1fr);grid-gap:0.2rem 0.6rem;}
.grid3 dl{width:100%;}
.son-nav dl p{color:#6B6B6B;}
.main-wrapper2 .son-nav dl dt{border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom: 10px;}
.so{width:550px;margin: 0px auto;}
.so .ipt{position: relative;width:100%;height: 48px;}
.so .ipt span,.so .ipt .sbt{position: absolute;}
.so .ipt .sbt{top:0px;right:5px;width:48px;height: 48px;display: flex;align-items: center;font-size:18px;border:none;background:none;cursor:pointer;justify-content:center;}
.so .ipt span{display: none;right:20px;top:50%;margin-top:-10px;height: 20px;width:20px;cursor: pointer;}
.so .ipt span.close i{height: 20px;width:20px;font-size:12px;color: #fff;background: #6E6E73;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-weight: 100;}
.so .kws{width:100%;height: 48px;background: #F5F5F7;border-radius: 24px;border: none;padding-left:20px;}
.so .quicklink{margin-top: 37px;font-size:16px;}
.so .quicklink dt{margin-bottom: 10px;}
.so .quicklink dd{line-height: 32px;}
.so .quicklink dd i{margin-right: 10px;}
.so i{font-weight: 300;}
.so .ipt i,.so .quicklink a,.so .quicklin i,.so .quicklink dd i{color:#6B6B6B;}
.so .quicklink a{text-decoration: underline;}

.head_hj12_fix_empty,.lonza_fix_empty {;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;opacity:0;-webkit-transition: all 0.3s;transition: all 0.3s;}
.head_hj12_fix_empty.active,.lonza_fix_empty.active {background:rgba(255, 255, 255, 0.5);z-index:11;backdrop-filter: blur(6px);opacity:1;}

/* 代理品牌 */
.proxy-brand{width:100%;margin-top: 112px;}

#category_content .cat-name i{display: none;}
.typename{display: flex;width:100%;justify-content: space-between;padding: 0 5.3vw;line-height: 1;align-items:last baseline;}
.typename .more{font-size:15px !important;margin-top: 10px !important;}
.typename .more a,#category_content .cat-name a.more{position: relative;line-height: 1;display: inline-flex;align-items: center;font-size:15px !important;margin-right:7px;}
#category_content .cat-name a.more{}
.typename .more a::after,#category_content .cat-name a.more::after{content:"";position: absolute;width: 8px;height: 8px;background: url("../images/more.png") no-repeat;background-size: cover;top:50%;margin-top:-3px;;right:-14px;}
.typename,.typename .more{}

.brand-box a,.service-box{position: relative;overflow: hidden;border-radius:28px;}
.brand-box a{display: flex;align-items: center;justify-content: center;background: #fff;}
.brand-box,.brand-box a{width:2.52rem;height: 2.24rem;}
.brand-box a .title{
    position: absolute;left: 0px;bottom:-48px;display: flex;align-items: center;justify-content: center;width:100%;height:48px; 
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    font-size:18px;color: #fff;
    /* background: linear-gradient(180deg, rgba(197, 210, 255, 0) 0%, #007AFF 100%); */
}
.brand-box a:hover .title{bottom:0px;}
.brand-box img{max-width:202px;max-height: 52px;}

/* 服务中心及首页简介 */
.service,.home-company{margin-top:0.5rem;width:100%;}
.ServiceSwiper .swiper-slide,.BrandSwiper .swiper-slide,.CatBrand .swiper-slide {width:auto;}
.service-box a.slink{display: block;position: absolute;left: 0;top:0;width:100%;height: 100%;z-index: 9;}
.service-box,.service-box img{width:5.45rem;height: 7.53rem;}
.service-box .sbg{position: absolute;left: 0;bottom: 0;right:0;width:100%;height:1.91rem;background: linear-gradient(360deg, #141414 0%, rgba(0, 0, 0, 0) 100%);background-size: cover;z-index:10;}
.service-box .title{position: absolute;left:0.4rem;bottom:0.5rem;z-index:20;}
.service-box .title h2{margin-bottom:0.1rem;}
.service-box .title .more{font-size:15px;height: 21px;display: flex;align-items: center;}
.service-box .title .more i{display:inline-block; width:16px;height: 16px;background:url(../images/arrow/service-ico.png) center center no-repeat;background-size: cover; margin-left:7px;}
.service-box .title h2,.service-box .title .more{color: #fff !important;}
.service-box:hover{cursor: pointer;}
.service-button{position: absolute;bottom: 0;display: inline-block; width:36px;height: 36px;cursor: pointer;}

.home-company{
	height:auto;padding:0.84rem 5.3vw 0.4rem 5.3vw;position: relative;
}
.home-company::before{content: "";position: absolute;left: 0;top:0;width:100%;height: 100%; background:linear-gradient(180deg, rgba(0, 122, 255, 0.3) 0%, rgba(218, 156, 127, 0) 100%);z-index: 1;}
/* Grid布局 */
.home-company h2,.home-company h3{color: #fff;line-height:1;}
.home-company .p1{width:7.28rem;margin-top:0.25rem;line-height:1.6;color: #fff;font-weight:300;}
.home-company .p1 strong{font-weight: 500;}

.home-company .grid2{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap:0.3rem 0.4rem;margin-top:0.2rem;}
.home-company .grid2 .content{background: rgba(255, 255, 255, 0.25);border-radius: 16px;padding:0.4rem 0.5rem;line-height:0.31rem;color: #fff;backdrop-filter: blur(10px);}
.home-company h3,.home-company .grid2 .content p:nth-child(2){margin-top:0.1rem;}
.home-company .learn-more{margin-top: 40px;}
.home-company .learn-more a{display: inline-block; color: #fff;font-size:17px;padding:16px 32px;background: rgba(29, 29, 31, 1);border-radius:32px;}
.home-company .learn-more a:hover{background: #007AFF;}
.home-company h2,.home-company h3,.home-company h2,.home-company div{position: relative; z-index:9;}

/* brand_center */
.brand_center{margin-top: 172px;}
.brand_center .wrap{padding: 0px 5.3vw;}
.brand_center h2{line-height:1;margin-bottom:0.3rem;}
#category_content{margin-top:90px;}
.brand_box{margin-top:0;margin-bottom:0;line-height: 1;}
.brand_box,.brand_box .shead,.brand_box .shead span{position: relative;}
.brand_box,.shead{width:100%;}
.brand_box .shead{padding-bottom:0;}
.brand_box .shead::after{content: ""; position: absolute;left: 0;bottom:1px; width:100%;background: rgba(0, 0, 0, 0.5);height: 1px;z-index:0;}
.brand_box .shead .swiper-slide span{display: inline-block;height:50px;line-height:50px; padding:0 70px;font-size:16px;cursor: pointer;margin: 0;}

.brand_box .shead .headactive span::after,.brand_box .shead span::after,.brand_box .shead span::before{content: "";position: absolute;bottom:0px;height:3px;background-color:#007AFF;z-index:5;}
.brand_box .shead .headactive span::after{left: 0px;width:100%;}
.brand_box .swiper-slide:first-child span{margin-left: 0;}
.brand_box .swiper-slide:last-child span{margin-right: 0;}

/* 
.brand_box .shead span::after,.brand_box .shead span::before {width: 0;transition: width .4s;visibility: visible;} 
.brand_box .shead span:after {right: 50%;}
.brand_box .shead span:before {left: 50%;}
.brand_box .shead span:hover:before,.brand_box .shead span:hover:after {width: 50%;} 
*/
.brand_box .shead .headactive span{font-weight:700;}
.brand_box .shead .swiper-slide{width:auto;}
.brand_box .cat-scroll-btn{position: absolute;top:50%;width:16px;height:16px;overflow: hidden;margin-top: -6px;}
.brand_box .cat-scroll-btn i{color: #1D1D1F;}
.brand_box .cat-scroll-prev{left: -20px;}
.brand_box .cat-scroll-next{right: -20px;}

.cat-scroll-prev{background: url(../images/arrow/s1.png) no-repeat;background-size: cover;}
.cat-scroll-prev:hover{background: url(../images/arrow/s1-2.png) no-repeat;background-size: cover;}
.cat-scroll-prev.swiper-button-disabled{background: url(../images/arrow/s1-1.png) no-repeat;background-size: cover;opacity:1}
.cat-scroll-next{background: url(../images/arrow/s2.png) no-repeat;background-size: cover;}
.cat-scroll-next:hover{background: url(../images/arrow/s2-2.png) no-repeat;background-size: cover;}
.cat-scroll-next.swiper-button-disabled{background: url(../images/arrow/s2-1.png) no-repeat;background-size: cover;opacity:1}
.brand-button-prev.swiper-button-disabled,.Cat-button-prev.swiper-button-disabled{pointer-events:auto;cursor:auto;color: #ccc;opacity:0.5;}
.brand-button-next.swiper-button-disabled,.Cat-button-next.swiper-button-disabled{pointer-events:auto;cursor:auto;color: #ccc;opacity:0.5;}

/* CatBrand */
.CatBrand{position: relative;margin-bottom:0.3rem;width:100%; padding: 0 5.3% 76px 5.3%;overflow: hidden;}
.CatBrand:last-child{margin-bottom:0px;}
.cat-name{padding: 0px 5.3vw;line-height: 1;margin-bottom: 0.3rem;}

.all_common_list{margin:0.4rem 0 0.4rem;}
.all_common_list .grid-fr3{display: grid;grid-template-columns: repeat(3,1fr);grid-gap:0.4rem;}
.cat-box,.pageListBox{position: relative; border-radius:0.2rem;overflow: hidden;background: #fff;}
.cat-box .word,.pageListBox .word{position: absolute;left:0.22rem;top:0.22rem;line-height: 1;padding-right: 0.22rem;z-index:66;}
.cat-box .word .title,.pageListBox .word .title{font-weight: 400;line-height: 1.3;}
.cat-box .word .more,.pageListBox .word .more{margin-top:8px;font-weight: 500;height: 21px;display:flex;align-items: center;font-size:15px !important;}
.cat-box .word .more a,.pageListBox .word .more a{display:inline-block;position: relative;}
.cat-box .word .more a::after,.pageListBox .word .more a::after{content: ""; position: absolute;right:-22px;top:50%;margin-top: -7px; width:16px;height: 16px;background:url(../images/CaretCircleRight.png) no-repeat;background-size: cover;}
/* .cat-box .word .more a i{border-radius: 16px;width:14px;height: 14px;background: #000;color: #fff;text-align: center;font-size:11px;margin-left:7px;line-height: 14px;text-align: center;} */
.cat-box .img_,.cat-box{width:5.45rem;height:5.45rem;}
.pageListBox{padding-top:5vw;padding-bottom:1vw;}
.pageListBox .word .title{font-size:1.5vw;}
.cat-box .img_,.pageListBox .img_{height: 100%;}
.cat-box .img_ a,.pageListBox .img_ a{display:block;width:100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.cat-box .img_ img,.pageListBox .img_ img{max-width:80%; max-height:80%;display: block;}


.related_products .rtitle{
    border-bottom: 1px solid rgba(164, 163, 208, 0.25);
    line-height: 1.4;font-weight: 600;padding-bottom: 0.4rem;margin-top: 0.4rem;padding-top: 0.3rem;
}

.related_products ul{display: grid;grid-template-columns: repeat(4,1fr);grid-gap:0.4rem;margin-top: 0.4rem;}
.related_products ul li{width:100%;box-shadow:0 0 10px rgba(0, 0, 0, .05);overflow: hidden;border-radius: 0.16rem;padding: 0.2rem;text-align: center;background: #fff;}
.related_products ul li .thumbs,.related_products ul li .vtitle{display: flex;width:100%;justify-content: center;align-items: center;}
.related_products ul li .thumbs{height:12vw}
.related_products ul li img{max-width:80%;max-height:100%;}
.related_products ul li .vtitle{min-height:0.4rem;margin: 0.3rem 0 0.2rem;padding: 0 0.1rem;line-height: 1.8;}


.Cat-button{position: absolute;bottom: 0; width:36px;height: 36px;border-radius: 50%;cursor: pointer;z-index: 10;}
.Cat-button-prev{right:calc(5.3vw + 54px);background: url(../images/arrow/icon1.png)no-repeat;background-size: cover;}
.Cat-button-prev:hover{background: url(../images/arrow/icon1_2.png)no-repeat;background-size: cover;}
.Cat-button-next{right:5.3vw;background: url(../images/arrow/icon2.png)no-repeat;background-size: cover;}
.Cat-button-next:hover{background: url(../images/arrow/icon2_2.png)no-repeat;background-size: cover;}

.loading-box{width:100%;display:none}
/* .loading-box .exb-loading{min-height:120px;text-align:center;padding-top:20px;font-size:12px}
.loading-box .exb-loading:before{content:"";display:inline-block;width:50px;height:50px;background:url("../images/loading-0.gif") center center no-repeat;vertical-align:middle}
.loading-box .exb-loading:after{content:"\52A0\8F7D\4E2D...";display:inline-block;vertical-align:middle;color:#0d0d0d;padding-left:10px} */




/* .Cat-button:hover{background:rgba(0, 122, 255, 0.2);color: #007AFF;} */


/* 单页 */
.page-sys{padding: 0px 10% 44px 10%;display:flex;justify-content: space-between;}

.ps{margin-top:1.29rem;}
.sideNav{width:3.47rem;height: auto;min-height:1rem;padding:0.42rem 0.32rem;}
.sideNav ul li{width:100%;height:0.76rem;line-height:0.76rem;background: url("../images/arr/arrow-right-gray@2x.png") right center no-repeat;background-size:0.24rem 0.24rem;border-bottom:1px solid rgba(164, 163, 208, 0.25);}
.sideNav ul li.active,.sideNav ul li:hover{background: url("../images/arr/arrow-right@2x.png") right center no-repeat;background-size:24px 24px;}
.sideNav ul li.active a,.sideNav ul li:hover a,.sideNav h2.active a,.sideNav .lcc p.active a{color: #007AFF;display: block;width: 100%;height:100%;}
.sideNav ul li:nth-child(1),.layui-colla-item:first-child{border-top:1px solid rgba(164, 163, 208, 0.25);}
.layui-colla-item:last-child{border-bottom:1px solid rgba(164, 163, 208, 0.25);}

.bgffff{background: #fff;}

.sideNav .layui-collapse{border: none;}
.sideNav .layui-colla-content{padding: 0px;}
.sideNav h2.layui-colla-title{position:relative;width:100%;background:#fff;height:76px;line-height:76px;padding-left:0px;color: #007AFF;font-weight:400;}
.sideNav h2.layui-colla-title i{display: inline-block;position: absolute;left: auto;right: 0px;top:0px;width:24px;height: 76px;text-indent: -999px;}
.sideNav h2.layui-colla-title i.open{background: url("../images/service/plus@2x.png") center center no-repeat;background-size:24px 25px;}
.sideNav h2.layui-colla-title.active i.open{background: url("../images/service/plus2@2x.png") center center no-repeat;background-size:24px 25px;}
.sideNav h2.layui-colla-title i.close{background: url("../images/service/minus2@2x.png") center center no-repeat;background-size:24px 25px;}
.sideNav h2.layui-colla-title.active i.close{background: url("../images/service/minus@2x.png") center center no-repeat;background-size:24px 25px;}
.sideNav h2.arrow i.close{background: url("../images/service/arrow-right-gray@2x.png") center center no-repeat;background-size:24px 24px;}
.sideNav h2.arrow.active i.close{background: url("../images/service/arrow-right@2x.png") center center no-repeat;background-size:24px 24px;}
.sideNav h2 a{display: block;width:100%;height:0.76rem;color: #6E6E73;}
.sideNav h2.active a{color: #007AFF;font-weight: 400;}
.sideNav .layui-colla-title i{display: none;}
.sideNav .lcc{padding:20px 0px;}
.sideNav .lcc p{line-height:1.6;margin-bottom: 10px;}
.sideNav .lcc p a,.mymenu .layui-colla-content p a, .mymenu .layui-colla-item h2.sm a{display: block;width: 100%;height:100%;color: #6E6E73;}
.sideNav .lcc p a:hover{color: #007AFF !important;}

.cat-Content{min-height: 500px;line-height:36px;width:calc(100% - 391px)}
.cat-Content .cat-ct{padding:0.6rem;min-height:500px;line-height: 2;}
.cat-Content .cat-ct ol,.cat-Content .cat-ct ul li,.cat-Content .cat-ct p{line-height: 2;margin-bottom: 0.1rem;}
.cat-Content .cat-ct h1{display: none;}
.cat-Content .cat-ct h3{margin-bottom:0.2rem;font-weight:500;color: #1D1D1F;line-height: 1;}
.cat-Content .cat-ct ul{padding-left:20px;max-width:100% !important;}
.cat-Content .cat-ct ul.list-paddingleft-2 li{list-style:disc;}
.cat-Content .cat-ct ol{padding-left:20px;max-width:100% !important;}
ol li{list-style-type:inherit;}
/*.cat-Content .cat-ct ol li{list-style-image: url('data:image/gif;base64,R0lGODlhBQAKAIABAAAAAP///yH5BAEAAAEALAAAAAAFAAoAAAIIjI+ZwKwPUQEAOw==');}*/
.sideNav,.cat-Content .cat-ct{box-shadow: 0 2px 4px 0 rgba(230, 230, 230, 0.5);background: #fff;color: #6B6B6B;}
.cat-Content .cat-ct p img{max-width:100% !important;height:auto !important;}
.cat-Content .cat-ct table{margin-top: 20px;width:100% !important;}
.cat-Content .cat-ct td{border:none !important;padding: 10px 10px !important;}
.cat-Content .cat-ct tr{background-color: #f7f7f7;} 
.cat-Content .cat-ct tr:nth-child(2n){background-color: #fff;}
.cat-Content .cat-ct tr td:nth-child(1){width:40%;}
.firstRow{font-weight: 500;}

.cat-Content .cat-ct h4{margin-bottom: 12px;font-weight:500;margin-top:10px;}

/* company */
.company{
	position: relative; 
	width:100%;
	min-height: 5rem;

	text-align: center;
}
.company::after{
	content: ""; 
	position: absolute;
	left: 0px;
	top:0px;
	height: 100%;
	width:100%;
	/*
	background: linear-gradient(0deg, rgba(119, 147, 168, 0.1) 0%, rgba(28, 108, 162, 0.8) 100%);
	*/
	z-index: 1;
}
.company h1{font-size:3.17vw}
.company .cname{font-size:2.2vw;margin-top: 0.2rem;}
.company .content{line-height:0.34rem;margin-top: 0.15rem;}

.company h1,.company .cname{font-weight: 300;line-height: 1;}
.company h1,.company .cname,.company .content{position: relative; z-index: 9;}

/* news */
.research,.job{padding:0 10% 0;margin-top:1.94rem;}
.job.about-job,.wapt{margin-top: 1rem;}
.job.inner{margin-top: 1.94rem;}
.ctitle{text-align: center;font-size:3.16vw;margin-bottom: 0.4rem;line-height: 1;font-weight:400;}
.site-article-wrapper{width:100%;margin:0 auto;background:rgba(250, 250, 252, 1);font-weight: 300;}
.site-article-wrapper ul{border-top:1px solid rgba(230, 230, 230, 1);}
.site-article-wrapper li{border-bottom:1px solid rgba(230, 230, 230, 1);}
.site-article-wrapper li a{position:relative;display:flex;padding: 0.3rem 0;}
.site-article-wrapper li a:hover .title{color:#0e84d7}

.site-article-wrapper li a .date,.site-article-wrapper .title{font-size:1.7vw;}
.site-article-wrapper li a .date{display: inline-flex;align-items:flex-start;color: #6B6B6B;padding-left: 0.5rem;}
.site-article-wrapper .art{padding-left:1rem;padding-right: 0.5rem;overflow: hidden;}
.site-article-wrapper .title{color:#1a1a1a;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;text-align: left;font-weight:400;}
.site-article-wrapper .desc{margin-top: 0.1rem; line-height:1.9; color:#6B6B6B;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newslist.inner{margin-bottom: 0.72rem;}

/*新闻 分页*/
.newslist{padding-bottom: 0.4rem;}
.newslist .ctitle{margin-bottom: 0.4rem;}
.Pages{width:100%; text-align:center; padding:0.4rem 0px 0px;margin-bottom:0.3rem; overflow: hidden;}
.Pages a{display:inline-block;width:auto;background:#ffffff;height:auto; font-size:16px; border:1px solid #e5e5e5;border-radius:5px;margin: 0px 3px;padding: 15px 25px;}
.Pages ul li{display: inline-block;}
.Pages a:hover{ background:#0e84d7; color:#FFF; text-decoration:none;}
.Pages a.cur,.Page a.current,.Pages ul li.active a{ background:#0e84d7; color:#FFF}
@media screen and (max-width:1200px) {
	.Pages{padding:10px 16px;margin-bottom: 10px;}
	.Pages a{padding:5px 10px;}
	
}
/* 新闻详情 */
.main-show-wrapper{width: 100%;margin: 0px auto;}
.news_detail01{background:rgba(245, 245, 247, 1); padding:1.3rem 5% 0.65rem 5%;}
.news_detail01 .content-box{width:100%;}
.news_detail01 .content-box .positions,.news_detail01 .content-box .positions a{color: #aaa;}
.news_detail01 .content-box h1.title{color:#201e1f;font-weight:600;}
.news_detail01 .content-box .box{margin-top:0.2rem;}
.news_detail01 .content-box .box .item{display:inline-block; vertical-align:middle; color:#6d6e71;}
.news_detail01 .content-box .box .item a{cursor: pointer;}

.news_detail02{position: relative;padding:0 6%;display: flex;justify-content:space-between;}
.news_detail02 .left{width:calc(100% - 380px);  color:#6d6e71;}
.news_detail02 .left .top a{color:#007AFF; border-bottom:1px solid #007AFF;}
.news_detail02 .left .top a:hover{opacity:0.6;}
.news_detail02 .left .top p{margin-bottom: 0.1rem;}
.news_detail02 .left .bott li{float:left; width:33.33%; border:1px solid rgba(230, 230, 230, 0.6); border-right-width:0; box-sizing:border-box; height:130px;display: inline-flex; position:relative; transition:all .5s ease;align-items: center;}
.news_detail02 .left .bott li:last-child{border-right-width:1px;}
.news_detail02 .left .bott a{display:block; position:relative; width:100%; height:100%;}
.news_detail02 .left .bott .t{position:absolute; width:84%; max-height:90%; overflow:hidden; left:8%; top:50%; transform:translateY(-50%); color:#201e1f; }
.news_detail02 .left .bott .t i{margin-left:5px;color: #aaa;font-size:12px;}
.news_detail02 .left .bott li:hover{border-color:#007AFF; background:#007AFF;}
.news_detail02 .left .bott li:hover .t,.news_detail02 .left .bott li:hover i{color:#fff;}


.news_detail02 .right{width:320px;}
.news_detail02 .right .item .title{font-size:22px; color:#fff; background:#201e1f;position:relative; overflow:hidden;padding: 10px 25px;}
.news_detail02 .right .item .title span{position:relative; z-index:10;}
.news_detail02 .right .item .title::before{content:''; position:absolute; top:0; width:52%; transform:skew(-20deg); height:100%; right:-3%; background:linear-gradient(to right, rgba(255,255,255,0.3),rgba(255,255,255,0.2));}
.news_detail02 .right .item .title::after{content:''; position:absolute; top:0; width:40%; transform:skew(-20deg); height:100%; right:-5%; background:linear-gradient(to right, rgba(255,255,255,0.3),rgba(255,255,255,0.2));}
.news_detail02 .right .item .item_con{padding:20px; box-sizing:border-box; border:1px solid #e4e5e7; border-top:0;}
.news_detail02 .right .item .item_con.keyList{font-size:0;}
.news_detail02 .right .item .item_con>span {font-size:14px;  border:1px solid #e4e5e7; box-sizing:border-box; display:inline-block; border-radius:30px; overflow:hidden; padding:5px 20px; margin-right:10px; margin-bottom:10px; cursor:pointer;}
.news_detail02 .right .item .item_con>span{color:#6B6B6B;}
.news_detail02 .right .item .item_con>span:hover {background:#007AFF; border-color:#007AFF;}
.news_detail02 .right .item .item_con>span:hover a{color:#fff;}
.news_detail02 .right .item .item_con .t{ color:#6B6B6B; font-size:15px; margin-bottom:20px;}

.main-content{background: #f7f7f7;}


/* job */
.job{text-align: center;}
.job .ctitle{margin-bottom: 0.1rem;}
.job h5{font-size:1.82vw;font-weight: 300;}
.job-slogan{margin:0.4rem 10%;height: 0.35rem; display: flex;align-items: center;justify-content: space-between;color: #6B6B6B;font-weight: 300;}
.job-slogan .line{width:1px;height:0.3rem;background:rgba(230, 230, 230,1);}
.job-list{margin:0 10% 0.72rem;border: none;}
.about-job-list{margin-bottom: 1rem;}
.job-list .layui-colla-title{background:#fff;display: flex;align-items: center; padding:0.4rem 0px;font-weight: 300;height: auto;}
.job-list .layui-colla-title.cur{border-bottom:1px solid rgba(230, 230, 230, 1);}

.job-list .layui-colla-title i{left: auto;right:5px;top:50%;transform: translateY(-50%);color: #000000;font-weight:400;}
.job-list .layui-colla-title.cur i,.job-list .layui-colla-title.cur,.job-list-con h4{color: #007AFF;}
.job-list .layui-colla-title i{font-weight:bold;}
.job-list-con{background-color:#FAFAFC;padding:0.4rem 0.6rem;border-bottom:none;border-top:none;font-weight: 300;}
.job-list-con p{line-height: 1.8 !important;}
.job-list-con h3{margin-bottom:0.1rem;font-weight:300;}
.job-list-con ul li{list-style:disc;}
.rem30{margin-top: 0.2rem;}
.job-list-con span{margin-right: 0.3rem;}
.layui-colla-item{margin-top: 0px;}
.layui-colla-title.cur{font-weight:400;}
.layui-colla-item:first-child{border-top:1px solid rgba(230, 230, 230, 1);}


.jobinner{padding-top: 0.72rem;}

/* contact */
.contact{width:100%;padding:1.94rem 18% 1rem 18%;margin: 0 auto;}

.contact-style{width:100%;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:0.3rem 0px;border-bottom:1px solid #CDCDCD;padding-bottom: 0.42rem;}
.contact-style dl{display: flex;}
.contact-style dl dt,.contact-style dl img{width:0.78rem;height:0.78rem;}
.contact-style dl dd{flex:1;display: inline-flex;align-items: center;height:0.78rem;padding-left:0.32rem;font-weight:400;}
.contact-style.address{grid-template-columns: repeat(1, 1fr);padding: 0.67rem 0;}

.message{width:100%;padding:0 10% 0.44rem;}

.message .form{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap:0.2rem 0.39rem;}
.message .form .form-item,.message .form .form-item input{width:100%;height:0.8rem;background: #FAFAFC;}
.message .form .form-item{margin-bottom: 0.2rem;}
.message .form .form-item input{border: none;padding-left:0.2rem;}
.message .form .form-item2{height: 1.8rem;}
.message .form .form-item2 .fcontent{width:100%;height: 100%;padding: 0.2rem;background: #FAFAFC;border:none; }
.message .form .form-item2 {position: relative;}
.message .form .form-item input,.message .form .form-item2 .fcontent{font-family: "Noto Sans SC";}
.fcontent::placeholder,.message .form .form-item input::placeholder,.mailbox .subscribe .mail_val::placeholder{font-weight: 300;}
.message .send{width:100%;display: flex;justify-content: center;margin-top:0.4rem;}
.message .send button{border: none;border:1px solid #000000;padding:0.16rem 0.32rem;border-radius:0.32rem;background: #fff;cursor: pointer;}
.message .send button:hover{background: #007AFF;color: #fff;border:1px solid #007AFF;}


/* 邮件订阅 */
.h-title,.message .title,.contact h2{font-size:3.17vw;text-align: center;margin-bottom: 0.4rem;line-height: 1;font-weight:400;}
.contact h2{margin-bottom: 1.5rem;}

.subscribe_mail{margin:0.5rem 10%;}
.h-title{}
.mailbox{position: relative; width:auto;border-radius: 20px;box-shadow: 0px 0px 20px rgba(0, 0, 0, .05);overflow: hidden;min-height:320px;background: url(../images/mail_web.jpg) center center no-repeat;background-size: cover;}
.mailbox img{width:100%;display: block;min-height: 100%;}
.mailbox h3{font-weight: 500;margin-bottom: 0.2rem;}
.mailbox .subscribe{position: absolute;left: 30px;top:50%;transform: translateY(-50%);max-width:500px;width:50%;}
.mailbox .subscribe .mail_val{border: none;height: 48px;line-height: 48px;border-bottom: 1px solid rgba(0, 0, 0, .1);clear: both;background: none;margin-bottom: 0.2rem;}
.mailbox .subscribe .mail_val,.mailbox .subscribe .mail_agree,.mailbox .subscribe .submits{width:100%;}

.mailbox .subscribe .submits .mail_btn{border: none;border:none;padding:0.16rem 0.32rem;border-radius:0.32rem;background: #eee;cursor: pointer;color: #999;}
.mailbox .subscribe .submits .mail_btn:hover{background: #007AFF;color: #fff;}

/* 工业显微镜 */
.vision_top{width:100%;padding-top:1.6rem;}
.vision_catlist{
    /* background-color: rgba(255, 255, 255, 0);
    background-image: linear-gradient(295deg, #002c67 0%, #00a0df 100%); */
}
.vision_top .word{width:60%;}
.vision_top .img_{width: 40%}
.vision_top .word{padding-bottom: 1.2rem;}
.vision_top .word .BrandLogo{width:100%;height: auto;}
.vision_top .word .BrandLogo img{max-width:2.07rem;}
.vision_top .word .catname{font-size:2.8vw;margin-top: 0.26rem;line-height: 1;}
.vision_top .word .catname,.vision_top .word .Branddescription{font-weight:600;}
.vision_top .word .Branddescription{font-size:2vw;margin-top:2vw;line-height: 1.3;}
.vision_top .word .Brandcontent{line-height: 1.4;margin-top: 0.1rem;margin-top: 0.2rem;}
.vision_top .word .Brandcontent p{position: relative;margin-bottom: 0.1rem;}
/* .vision_top .word .Brandcontent .list-paddingleft-2 p{position: relative;padding-left: 16px;color: #6E6E73;}
.vision_top .word .Brandcontent .list-paddingleft-2 p::before{content: "";position: absolute;left:0px;top:50%;margin-top: -2px; width: 6px;height: 6px;background: #6E6E73;border-radius:6px;} */
.vision_top .word .Brandcontent p::before{content: '•';display: inline-block;margin-left:-0.2rem;width:0.2rem;font-weight:900;display: none;}
.vision_top .img_{display: flex;align-items:last baseline;position: relative;justify-content: center;}
.vision_top .img_ img{max-width: 90%;max-height:5rem;}


.image_text_common{background: #fff;padding-bottom:0;}
.image_text_common .list{width:100%;padding:0;margin-top:0.7rem;}
.image_text_common .list:last-child{margin-bottom:0;}
.image_text_common .list .thumb{width:40%;}
.image_text_common .list .word{width:60%;}
.image_text_common .list .thumb{text-align:left;justify-content:left;align-items: center;display: flex;position: relative;}
.image_text_common .list.flex2 .thumb{justify-content:center;}
/* .image_text_common .list.flex1 .thumb{justify-content: left} */
/* .vision_content .list.flex2 .thumb{text-align:right} */
.image_text_common .list.flex1 .word{padding-left: 0.8rem;}
.image_text_common .list .thumb img{max-width:100%;border-radius: 0.16rem;max-height:600px;}
.image_text_common .list .word{line-height: 1;display: flex;align-items: center;flex-wrap: wrap;padding-right:4vw;}
.image_text_common .list.flex1 .word{padding-right: 0;}
.image_text_common h2{font-size:24px;font-weight: 600;}
@media screen and (max-width:1200px) {
    .sony2 h2{margin-top: 30px;}
    .image_text_common h2{font-size:20px;}
}
/* .image_text_common .list .thumb,.image_text_common .list .word{display: block;} */

.image_text_common .list .word .title2,.image_text_common .list .word h3{font-weight: 600;line-height: 1.3}
.image_text_common .list .word .title2 i,.image_text_common .list .word .title3 i,.image_text_common .list .word .parameter,.image_text_common .list .word .dl_param dd,.image_text_common .list .word .content_ p span{color: #007AFF;}
.image_text_common .list .word .parameter{font-size:20px;margin-top: 0.15rem;font-weight:500;line-height: 1.5;}
.image_text_common .list .word .parameter span{display:block;margin-right: 0.2rem;}
.image_text_common .list .word .dl_param{display: grid;grid-template-columns: repeat(2, 1fr); grid-gap: 0.4rem 0.4rem;margin-top: 0.5rem;}
.image_text_common .list .word .dl_param dt{color: #000;}
.image_text_common .list .word .dl_param dd{font-size:0.2rem;font-weight: 600;margin-top: 0.1rem;}
.image_text_common .list .word .content_{line-height: 1.9;margin-top: 0.2rem;padding-right:30px;color: #6E6E73;}
.image_text_common .list .word .content_ p{text-align:justify;}
.image_text_common .list .word .content_ p:last-child{margin-bottom: 0;}
.image_text_common .list .word .content_ ul{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap:0.2rem;}
.image_text_common .list .word .content_ ul li{position: relative;padding-left: 0.2rem;}
.image_text_common .list .word .content_ ul li::before{content: '•';display: inline-block;margin-left:-0.2rem;width:0.2rem;font-weight:900;}
.image_text_common .list .word h3{color: #000;}
.image_text_common .list .word .title3{margin-top: 0.45rem;}
.echo_it.image_text_common .list{margin-top:3.5vw;
    /* padding-top:3.5vw; */
}

.vision_info .word .catname{color:#1D1D1F;}
.vision_info .img_ img{max-height:4rem;}
.vision_product .pagelist{display: grid;grid-template-columns: repeat(3, 1fr); grid-gap: 0.4rem 0.4rem;}
.vision_product .pagelist .cat-box,.vision_product .pagelist .cat-box .img_{width:100%;height:100%;}
.vision_product .pagelist .cat-box .img_ img{}
.vision_product .pagelist .cat-box{padding:0.4rem 0;min-height: 4rem;}
.vision_product{padding:0.1rem 0 0.4rem;}
.vision_product .pagelist .cat-box .word{line-height: 1.4;}
.pt0-4{padding-top: 0.4rem;}

/* beckman */
.beckman{width:100%;text-align: center;line-height: 1;}
.beckman h1{font-weight: 600;margin-top: 172px;}
.beckman .feature{width:auto;max-width:820px;line-height:1.78;margin:0.4rem auto;color: #6E6E73;}
.beckman .thumb{width:100%;margin-top: 0.4rem;}
.beckman .thumb img{display: block;width:100%;max-width: 600px;margin: 0px auto;}

.beckman-param{margin-top:6vw;}

.beckman-param .title{color: #000 !important;}
.beckman-param dl dt{color: rgba(255, 46, 46, 1) !important;}


/* inner_brandLogo */
.inner_brandLogo{width:100%;padding: 0 0.48rem;margin-top: 1rem;display: flex;justify-content: space-between;}
.inner_brandLogo img{max-height:0.64rem;max-width:1.57rem;}
.inner_brandLogo .sonnav{}
.inner_brandLogo .sonnav ul{display: flex;align-items: center;}
.inner_brandLogo .sonnav ul li{margin-left: 0.2rem;}
.inner_brandLogo .sonnav ul li a{display: inline-block;padding:0.12rem 0.32rem;background: #eee;border-radius: 0.32rem;}
.inner_brandLogo .sonnav ul li.thisclass a{}
.inner_brandLogo .sonnav ul li a:hover,.inner_brandLogo .sonnav ul li.thisclass a{background: #007AFF;color: #fff;}

.sonnav-layout{margin-top: 0.2rem;}
.sonnav-layout ul{padding: 0.2rem 0.48rem;}
.sonnav-layout ul li{display: inline-block; margin-right: 0.15rem;margin-bottom: 0.15rem;}
.sonnav-layout ul li a{display: inline-block;padding:0.12rem 0.32rem;background: #eee;border-radius: 0.32rem;}
.sonnav-layout ul li.thisclass a{}
.sonnav-layout ul li a:hover,.sonnav-layout ul li.thisclass a{background: #007AFF;color: #fff;}

.brand_banner_fix{position: relative; margin:0.3rem 0.48rem 0;height:5.5rem;border-radius:0.32rem;overflow: hidden;}
.brand_banner_fix .info {
    position: absolute;top: 0;left: 0;width: 100%; height: 100%;z-index: 3;
    display: flex;align-items: center;justify-content: flex-start;
    pointer-events: none;white-space: nowrap;padding-left: 0.54rem;
  }
.brand_banner_fix .info .text1,.brand_banner_fix .info .text3 {font-size:2.8vw;line-height: 1;margin-bottom: 0.13rem;}
.brand_banner_fix .info .text2 {font-size:1.44vw;line-height: 1;}
.brand_banner_fix .info .mxw-box {width: auto;line-height: 1;text-align: left;color: #fff;}
.brand_banner_fix video{width:100%;height: 100%;}
.brand_banner_fix .info .text3{font-size:3.1vw;}
.brand_banner_fix .info .text4{font-size:2.4vw;line-height: 1;}

.brand_banner_fix .info-text-top{align-items: first baseline;padding-top:4vw;}
.seer_show{margin-top: 1rem;}
.seer_fix::before{content: "";position: absolute;left: 0;top:0;width:100%;height: 100%; 
    /* background: linear-gradient(to left, rgba(0, 0, 0, 1) 10%, rgba(0, 122, 255, 1) 100%); */
    /* background-image: linear-gradient(to left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,1) 100% ); */
    background: linear-gradient(to right, #0077E5 0%, #21D4EC 100%);
    z-index:1;opacity: 0.7;
}

/* esco */
.esco_part1{width: 100%;}
.esco_part1 h1.hide{display: none;}
.esco_part1 h1,.esco_part1 .thumb_,.esco_part1 .title{text-align: center;}
.esco_part1 h1,.esco_part1 .title{line-height:1.2;font-weight: 700;margin-top:66px;font-size:48px;}
.esco_part1 .title span{font-weight: 400;}
.esco_part1 .thumb_{margin-top: 0.2rem;}
.esco_part1 .thumb_ img{max-width:50%;}
.xWapper{padding: 0 13%;}
.esco_part1 .feature{border-top: 1px solid rgba(164, 163, 208, 0.25);border-bottom: 1px solid rgba(164, 163, 208, 0.25);padding:0.4rem 0;line-height:1.6; font-weight:600;margin-top:30px;}
.esco_part1 .feature p{margin-bottom: 0.2rem;}
.esco_part1 .feature p:last-child{margin-bottom: 0;}

.toggleTab dl{padding:0.6rem 0;display: flex;width:100%;border-bottom: 1px solid rgba(164, 163, 208, 0.25);position: relative;}
.toggleTab dl .arrow-up{width:20px;height: 13px;background: url(../images/arrow/up.png) no-repeat;background-size: cover; position: absolute;right:0;top:0.72rem;cursor: pointer;-webkit-transition: all 0.3s;transition: all 0.3s;}
.toggleTab dl.dd-hide .arrow-up{transform: rotate(180deg);}
/* .toggleTab dl.dd-show .arrow-down{transform: rotate(360deg);} */
.toggleTab dl dt{width:30%;color:#000;padding-right:1rem;font-weight:600;display: flex;justify-content: space-between;line-height:1.3;}
.toggleTab dl dt i{display: none;}
.toggleTab dl dd{flex:1;}
.toggleTab dl dd .content{line-height:0.32rem;color: #6B6B6B;position: relative;}
.toggleTab dl dd .content p,.toggleTab dl dd .content ul{margin-bottom:10px;}
.toggleTab dl dd .content ul{position: relative;}
.toggleTab dl dd .content ul::after{content:"";width:100%;height: 0.05rem;display: table;clear: both;}
.toggleTab dl dd .content ul li{float: left; width:50%;display: inline-block;position: relative;}
.toggleTab dl dd .thumb,.toggleTab dl dd .content{margin-bottom: 0.2rem;padding-right:1rem;}
.toggleTab dl dd .thumb img{width:auto;max-width:90%;max-height:480px; border-radius: 0.16rem;}
.toggleTab dl.dd-hide dt{width:100%;}
.toggleTab dl.dd-hide dd{display:none;}
.toggleTab dl dd .thumb{padding-left: 0.2rem;}
dd.pd-2{padding-left:0.2rem !important;}
.toggleTab dl dd ul.pub,.ddlist{display:grid;grid-template-columns: repeat(2, 1fr);grid-gap:0.15rem;}
.toggleTab dl dd ul.pub li{display:inline-flex;line-height:1.8;align-items: center;position: relative;}
.toggle_con .bd_{line-height:1.8;padding-right: 0.6rem;}
.toggle_con .bd_ h3{margin-bottom: 0.17rem;margin-top: 0.2rem}
.toggle_con .bd_ h3:nth-child(1){margin-top: 0;}
.toggle_con .bd_ h3,.toggle_con .bd_ strong,.ddlist .dbox .title_{font-weight:600;}

.ddlist .dbox{margin-bottom: 0.15rem;}
.ddlist .dbox .title_{margin-bottom: 0.1rem;}
.ddlist .dbox .content_{color: #6B6B6B}

.ddlist3 ul.useto3{display:grid;grid-template-columns: repeat(3, 1fr);grid-gap:0.3rem;padding-right: 0.6rem;}
.ddlist3 ul.useto3 li{text-align: center;}
.ddlist3 ul.useto3 li,.ddlist3 ul.useto3 li img{width: 100%;}
.ddlist3 ul.useto3 li .title3{margin-top: 0.15rem;}

.public_toggle .title{border-bottom: 1px solid rgba(107, 107, 107, 0.2);line-height:1.4;font-weight:600;padding: 0.4rem 0;margin-top:0.4rem;color: #007AFF;}

.toggleTab dl dd h3{font-weight: 600;margin-bottom: 0.1rem;margin-top: 0.3rem;}
.toggleTab dl dd h3:first-child{margin-top: 0;}

.toggleTab dl dd .comtent,.toggleTab dl dd .thumb{padding-left: 0;}

dl.pre-circle dd{padding-left: 0.2rem;}
dl.pre-circle dd ul li{}
dl.pre-circle dd .content p::before{content: '•';display: inline-block;width:0.24rem; font-weight:900; margin-left: -0.24rem;text-align: center;}
dl.pre-circle dd ul li::before{content: '-';display: inline-block;width:0.24rem; font-weight:900;margin-left: -0.24rem;text-align: center;}

/* 
.toggleTab.dd-hide dt{width:100%;} */
.toggleTab .bd_ p{margin-bottom:0.17rem;}



/* Counstar */
.Counstar dl dt{color: #F9A72C;}
.this_category_list{margin: 0.45rem 0.9rem 0;}
.this_category_list ul li{display:inline-block;margin-right: 0.16rem;margin-bottom: 0.16rem;}
.this_category_list ul li a{display: inline-block;padding: 0.17rem 0.4rem;border-radius: 0.4rem;border:1px solid #1D1D1F;font-weight: 600;}
.this_category_list ul li.cur a,.this_category_list ul li a:hover{background:#F9A72C;border: 1px solid #F9A72C;color: #fff; }
.Counstar dl.toggleTabGroup.dd-hide dt{width:100%;}
.countstar_advantage{margin:0.5rem 0 0.2rem;}
.countstar_advantage .xWapper2{display:grid;grid-template-columns:45% 55%;grid-gap:0;}
.countstar_advantage .thumb_{background:#FCEBCB;display: flex;justify-content: center;align-items: center;padding:10px 0;}
.countstar_advantage .thumb_ img{max-width:80%;}
.countstar_advantage .list_{padding:0.5rem;background: #FAFAFC;display: flex;align-items: center;flex-wrap: wrap;}
.countstar_advantage .list_ dl{width:100%;}
.countstar_advantage .list_ dl dt{color: #F9A72C;font-weight: 600;}
.countstar_advantage .list_ dl dd{line-height: 0.3rem;margin-top: 0.1rem;}
.Counstar .title{color: #1d1d1d;}

.counstar_product .wrap{padding: 0 0.48rem;}

.brand_intro{text-align: center;padding:4.22vw 22% 0 22%;line-height: 1;overflow: hidden;}
.brand_intro h3{line-height: 1.4;margin-top: 0.17rem;font-weight: 500;color: #000;margin-bottom: 0.17rem;}
.brand_intro h3.mt{margin-top: 0.44rem;}
.brand_intro .content_{margin-top: 0.2rem;color: #6E6E73;line-height:1.87;}
.brand_intro .content_ strong{font-weight: 600;color:#1D1D1F;}
.brand_intro.channel .content_:last-child{padding: 0 10%;}
.brand_intro .content_ p{margin-bottom: 0.1rem;}
.brand_intro .content_ p:last-child{margin-bottom: 0;}
.brand_intro .position_{margin-top: 0.2rem;}
.brand_intro .position_,.brand_intro .position_ a{color: #999;}
.brand_intro .position_ i{margin: 0 5px;}
/* Lonza */
.Nucleofector{margin:90px 5.3vw 0;}
.Nucleofector.showPage{margin-top: 0.4rem;}
.Nucleofector .listBox{margin-top: 0.48rem;}
.Nucleofector .listBox .swiper-slide{height: 100%;}
.Nucleofector .listBox .items{position: relative;border-radius: 0.16rem;padding:0.08rem;text-align: center;height: 100%;background: #fff;object-fit: cover;padding-bottom: 0.3rem;cursor: pointer;}
.Nucleofector .listBox .items a.asb{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index:19;}
.Nucleofector .listBox .items:hover .title{color: #007AFF;}
.Nucleofector .listBox .items .flag{width:49px;height: 24px;position: absolute;left: 0;top:25px;}
.Nucleofector .listBox .items .flag1{background: url(../images/flag1.png) no-repeat;background-size: cover;}
.Nucleofector .listBox .items .flag2{background: url(../images/flag2.png) no-repeat;background-size: cover;}
.Nucleofector .listBox .thumb,.Nucleofector .listBox .thumb img{width:100%;}
.Nucleofector .listBox .thumb img{border-radius: 0.16rem 0.16rem 0 0;}
.Nucleofector .listBox .title{margin-top: 0.3rem;font-weight: 700;line-height: 1.17;margin-bottom: 0.16rem;min-height: 0.5rem;padding:0 0.1rem;}
.Nucleofector .listBox h4{line-height: 1.36;font-weight: 600;}
.Nucleofector .listBox .pname{color: #6B6B6B;margin-bottom: 0.18rem;line-height:1.4;margin-top: 0.03rem;}
.LonzaBox{padding-bottom: 18px;}

.Nucleofector .listBox .swiper-slide .items .arrow-down{position: absolute;left: 50%;transform: translateX(-50%);bottom: -18px;width:36px;height: 36px;background: url(../images/arrow/arrow-down-black.png) no-repeat;background-size: cover;}
.Nucleofector .listBox .slide-active .items .arrow-down{background: url(../images/arrow/arrow-down-blue.png) no-repeat;background-size: cover;}
.Nucleofector .listBox .slide-active .items a{color: #007AFF;}

.Nucleofector.lonzaShow .LonzaBox{padding-top: 18px;}
.Nucleofector.lonzaShow .LonzaBox{padding-bottom:0;}
.Nucleofector.lonzaShow .listBox .swiper-slide .items .arrow-down{transform: rotate(180deg);top:-18px;margin-left: -18px;}

.Nucleofector .listBox .pname img{width:1rem;height:0.75rem;border-radius: 0.16rem;margin-top: 0.1rem;}
.brand_intro h2,.Nucleofector h2,.Nucleofector h3{text-align: center;}
.brand_intro h2,.Nucleofector h2{font-weight: 700;line-height: 1.2;}
.Nucleofector h3{font-weight: 600;line-height: 1.4;margin-top: 0.04rem;}

/* LONZA */
.Lonza{position: relative;padding-bottom:76px;}
.lonza_swiper{margin:54px 5.3vw 0;position: relative;}
.lonza_swiper.lonzaShow{margin-top: 0.6rem;}
.lonza_swiper .swiper-slide,.lonza_swiper .swiper-slide .swiperBox{width:100%;overflow: hidden;}
.lonza_swiper .swiperBox{display:grid;grid-template-columns: repeat(2, 1fr);grid-gap:0;}
.lonza_swiper .swiperBox .images{background: linear-gradient(90deg, #edeef3 10%, #ffffff 100%);overflow: hidden;display: flex;align-items: center;}
.lonza_swiper .swiperBox .images img{width:100%;}
.lonza_swiper .swiperBox .Text{background: #fff;padding:3vw 4vw;}
.lonza_swiper .swiperBox .Text h2{font-size:2.1vw;font-weight:700;}
.lonza_swiper .swiperBox .Text .content,.lonza_swiper .swiperBox .Text .content h3{margin-top: 0.16rem;line-height: 1.8;}
.lonza_swiper .swiperBox .Text .content em,.lonza_swiper .swiperBox .Text .content h3{color: #3E98C7;font-weight:600;}
.lonza_swiper .swiperBox .Text .content img{max-width:80%;display: block;margin: 0.2rem 0;}
.Lonza .Cat-button-next{right:0;}
.Lonza .Cat-button-prev{right:54px;}
.lonza_swiper .swiperBox .Text .content h3{margin-bottom: 0.14rem;}

.Lonza .swiper-pagination{width:50%;left:50%;bottom: 1rem;}

.lonza_child{margin-top:72px;position: relative;z-index:88;}
/* .lonza_child.opening{position: absolute; width:100%;height: 100%;left: 0;top:0;} */
.lonza_child dl dt{font-weight:500;}
.lonza_child dl dt span{display: inline-flex;position: relative;cursor: pointer;height: 56px;align-items: center;}
.lonza_child dl dt span::after{content: ''; position: absolute;right:-54px;top:50%;margin-top: -13px; width:26px;height: 26px;background: url("../images/i-add.png") center center no-repeat;background-size:24px 24px;}
.lonza_child dl dd{display: none; position: absolute;left: 0;top:56px;right:0;bottom: 0;z-index:99;background: #F5F5F7;height:280px;overflow: hidden;}
.lonza_child dl dt span.cur::after{background: url("../images/i-minus.png") center center no-repeat;background-size:24px 24px;}
.lonza_child dl dd a{display:flex;width:100%;height: 100%;align-items: center;}

.lonza_child dl dd .son_nav_t,.lonza_child dl dt{display: flex;align-items: center;width:100%;height: 56px;border-bottom: 1px solid #fff;padding-left: 48px;font-size:20px;}
.lonza_child dl dd .son_nav_t{font-weight: 300;}
.lonza_child dl dd .active a{color:#007AFF;}
.lonza_brandLogo{margin-top: 44px;}
@media screen and (max-width:1024px) {
    .lonza_child dl dt span{width:100%;}
    .lonza_child dl dt span::after{right:5.3vw;}
    .lonza_child dl dd .son_nav_t,.lonza_child dl dt{padding-left: 5.3vw;}
    .lonza_brandLogo{margin-top: 24px !important;}
}

.Nucleofector-pagelist{margin:0.8rem 0.48rem;}

.mt8{margin-top: 0.6rem;}
.mt-10{margin-top: 1rem;}
#category_content .cat-name{display: flex;justify-content: space-between;align-items: center;font-weight: 500;}

/* Seer */
.seer_part1{width:100%;}
.seer_part1 h1{background: linear-gradient(270deg, rgba(51,184,188,1) 0%, #163cd3 100%);-webkit-background-clip: text;color: transparent;line-height: 1.5;height:auto;}
.seer_part1 h2{text-align: center;font-weight: 600;margin-top: 0.1rem;}
.seer_part1 .thumb_{margin: 0.6rem;}

.seer_advantage{margin: 0 1rem;position: relative;padding-bottom:0;}
/* .seer_advantage .swiper-slide{width:auto;} */
.seer_advantage .swiper-slide{border-radius: 0.16rem;padding: 0.45rem;line-height: 1;height:auto;}
.seer_advantage .swiper-slide:nth-child(1){background:rgba(226, 245, 255, 1)}
.seer_advantage .swiper-slide:nth-child(2){background:rgba(255, 237, 228, 1)}
.seer_advantage .swiper-slide:nth-child(3){background:rgba(255, 242, 239, 1)}
.seer_advantage .swiper-slide:nth-child(4){background:rgba(216, 247, 255, 1)}
.seer_advantage dl dt{font-weight: 600;}
.seer_advantage dl dd{line-height: 0.31rem;margin-top: 0.2rem;}

.seer_advantage .Cat-button-next{z-index: 66;right: 0;}
.seer_advantage .Cat-button-prev{right: 54px;}

.Seer,.Counstar_show{margin-bottom: 0.4rem;}
.Seer dl dt{color: #000;}
.Seer dl.dd-hide dt{width:100%;}

.Seer dl dd .content p,.Seer dl dd .jias p{padding-left:20px;}
.Seer dl dd .jias p{text-align: left;font-size:20px;margin: 17px 0;position: relative;}
.Seer dl dd .content p::before,.Seer dl dd .jias p::before{content: '•';display: inline-block !important;margin-left:-20px;width:20px;font-weight:900;}
.Seer dl dd .content p:nth-child(1),.Seer dl dd .jias p:nth-child(1){text-align: center !important;padding-left: 0;font-size: 14px;}
.Seer dl dd .content p:nth-child(1)::before,.Seer dl dd .jias p:nth-child(1)::before{display: none !important;}
.Seer dl dd .jias ol li{font-size:16px;line-height: 1.5;margin-bottom: 10px;margin-left:40px;}


dl.toggleTabGroup dt{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    outline: none;cursor: pointer;
}

/* ruskinn */
.ruskinn{margin-top: 1rem;}
.ruskinn h1,.ruskinn h2{font-weight:700;background: linear-gradient(90deg, #17D0FF 0%, #0D60DC 100%);-webkit-background-clip: text;color: transparent;line-height:1.3;text-align: center;height:1rem;}
.ruskinn .layout{display:grid;grid-template-columns: repeat(2, 1fr);grid-gap:0;margin-top: 0.4rem;}
.ruskinn .layout .left_,.ruskinn .layout .content{width:100%;}
.ruskinn .layout .left_{background: #fff;padding:0 0rem;display: flex;align-items: center;}
.ruskinn .layout .left_ .box{width:100%;}
.ruskinn .layout .left_ .thumb_{width:70%;margin: 0 auto;}
.ruskinn .layout .left_ .thumb_ img{width:100%;}
.ruskinn .layout .left_ .useto{width:auto;display: flex;justify-content: space-between;margin:0.3rem 0.4rem 0;border-top:1px solid #CDCDCD;padding-top: 0.4rem;}
.ruskinn .layout .left_ .useto dl{width:33.33%;}
.ruskinn .layout .left_ .useto dl dt{font-weight: 600;color: #0D60DC;}
.ruskinn .layout .left_ .useto dl dd{margin-top: 0.1rem;padding-right: 0.2rem;font-size:15px !important;}
.ruskinn .layout .content_{padding:0.2rem 10%;background: #FAFAFC;}
.ruskinn .layout .content_ h3{font-weight: 600;margin-top: 0.2rem;margin-bottom: 0.1rem;}
.ruskinn .layout .content_ p{line-height:1.85;}

.mob-hide{display: block;}
.pc-hide{display: none;}

/* apexbio */
.apexbio .box-wrap{display:flex; justify-content: space-between;border-bottom:1px solid rgba(164, 163, 208, 0.25);padding-bottom: 0.4rem;}
.apexbio .thumb_{width:40%;}
.apexbio .intro{width:60%;}
.apexbio .thumb_ img{max-width: 80%;}
.apexbio .intro{padding:0.2rem;display:inline-flex;justify-content: center;align-items: center;}
.apexbio .intro h1{font-weight: 600;font-size:2.5vw;letter-spacing: -1px;}
.apexbio .intro h1 span{display: block;color: #007AFF;}
.apexbio .intro .word{line-height:1.6;margin-top:8px;}
.apexbio .intro .word p{margin-bottom: 0.1rem;}
.apexbio .intro .word p:last-child{margin-bottom: 0;}
.apexbio .intro .word h3{}

/* 锐思捷 */
#rsj{background:rgba(245, 245, 247, 1);width:100%;overflow: hidden;}
.show_title{width:100%;height: auto;}
.show_title h1{text-align: center;line-height: 1;}
.show_title h1 span{display: block;}
.show_title h1 span:last-child{margin-top: .1rem;}
.show_swiper{width:100%;margin-bottom:0;display: flex;justify-content: space-between;}
.show_swiper .images{height:auto;display:inline-flex;justify-content: center;align-items: center;overflow: hidden;background: #fff;}
.show_swiper .images img{width:60%;}
.show_swiper .swiperBox{background: rgba(250, 250, 252, 1);position: relative;}
.show_swiper .images,.show_swiper .swiperBox{width:50%;}
.CoreText{padding:4vw 10%;}
.ruisijie .page-per{bottom: 0.3rem;top: auto;z-index: 19;}
.next-Nucleofector .show_swiper .swiperBox{background: #fff;}
.next-Nucleofector .show_swiper .swiperBox .images{min-height:7rem;}
.line-solid{width:100%;height: 1px;background: rgba(205, 205, 205, 0.7);margin: 0.3rem 0;}

.show_swiper,.show_title{margin-top:0.4rem;}
.ruisijie{width:100%;height:100%;position:relative;}
.rsj-show{margin-top: 1rem;}


.CoreText .stitle{line-height:1.15;font-weight: 600;margin-bottom: 0.1rem;}
.CoreText .title{font-size:2.6vw;line-height:1.15;margin-bottom: 0.3rem; }
.CoreText .title,.show_title h1,.CoreText .rem-30,.CoreText .mini_title,.CoreText .mini_title2{font-weight:700;}
.CoreText .p1{font-size:1vw;margin-top: 0.1rem;}
.CoreText .items3,.CoreText .items5,.CoreText .items7{color: rgba(110, 110, 115, 1);margin-top: 0.1rem;}
.CoreText .mini_title{font-size:1.4vw;margin-top: 0.2rem;}
.CoreText .mini_title2{margin-top: 0.1rem;}
.CoreText .mini_title2:nth-of-type(1){margin-top: 0.1rem;}
.CoreText .mini_title2,.CoreText .color_green,.CoreText .mini_title3{color: rgba(10, 187, 191, 1);}
.CoreText .rem-30{font-size:1.5vw;font-weight:600;}
.CoreText .mini_title span{color: #000;}
.CoreText .items3 p,.CoreText .items5 p{margin-bottom: 0.1rem;}
.CoreText i{padding:0 0.1rem;}

#lonzaAjaxCon{overflow: hidden;}
.next-Nucleofector .CoreText .mini_title{color:rgba(62, 152, 199, 1);}

.page-next:after,.page-prev:after{color: rgba(10, 187, 191, 1);font-weight: 600;}
.page-next{right: 0.2rem;}
.page-prev{left: 0.2rem;}
/* .show_swiper .swiper-slide { display: flex;justify-content: center; align-items: center;} */
.show_swiper .swiper-pagination-bullet,.swiper_common .swiper-pagination-bullet-active{ display: inline-block;width:8px;height:8px;opacity:1;border-radius:8px;background:rgba(0, 122, 255, 0.25);margin: 0 0.1rem; cursor: pointer; transition: width 0.3s ease-in-out; }
.show_swiper .swiper-pagination-bullet-active,.swiper_common .swiper-pagination-bullet-active{ background: rgba(0, 122, 255, 1); width:19px;}

.swiper_common .swiper-pagination-bullet {background: rgba(0, 122, 255, 0.25);}
.swiper_common .swiper-pagination-bullet-active{background: rgba(0, 122, 255, 1);}
.next-Nucleofector .swiper-pagination-bullet-active{background: rgba(0, 122, 255, 1); }
.next-Nucleofector .page-next:after,.next-Nucleofector .page-prev:after{color: rgba(0, 122, 255, 1);}
.next-Nucleofector .show_swiper{margin-bottom: 0.4rem;}
.next-Nucleofector .swiper-pagination{bottom: 0.2rem;}

.ruisijie .swiper-slide:nth-child(2) .CoreText .items3 p{padding-left: 0.2rem;}
.ruisijie .swiper-slide:nth-child(2) .CoreText .items3 p::before{content: '•';display: inline-block;margin-left:-0.2rem;width:0.2rem;font-weight:900;}
.ruisijie .swiper-slide:nth-child(2) .CoreText .items3 p:first-child{padding-left: 0;}
.ruisijie .swiper-slide:nth-child(2) .CoreText .items3 p:first-child::before{display: none;}

.Lonza-Nucleofector .CoreText .items3 p{padding-left: 0.2rem;}
.Lonza-Nucleofector .CoreText .items3 p::before{content: '•';display: inline-block;margin-left:-0.2rem;width:0.2rem;font-weight:900;}


/* stilla */
.stilla_intro{padding:0.8rem 22% 0;display: block;}
.stilla{background: #fff;border-radius:0.32rem 0.32rem 0 0;width:100%;min-height: 300px;padding: 0.4rem 0 0;margin-top:4.2vw;}
.xWapper2{padding: 0 5.3vw;}
.stilla .part1{position: relative;border-bottom:1px solid rgba(164, 163, 208, 0.25);padding:0;}
.stilla .part1 .intro{display: none;}
.stilla .part1 .thumb_{width:100%;text-align: right;}
.stilla .part1 .thumb_ img{width:60%;}
.stilla .part1 .h1_title{position: absolute;left:0.5rem; top:0.4rem;font-weight: 600;line-height: 1.3;text-align: left;}
.stilla .part1 .h1_title p:nth-child(1){color: #B29764;}
.stilla_ddlist .dbox:last-child{grid-column: span 2;}

.stilla-branded-logo{position: absolute;width: auto;height:7rem;right:0.5rem; top:-1rem;opacity:0.7;}
.stilla_slogan{font-weight: 700;}
.stilla_slogan .info .text1,.stilla_slogan .info .text2{font-size:2.1vw;}
.stilla_slogan .info .text2{letter-spacing:0.016rem;}

/* ECHO */
.video_bg{position:relative;margin-top: 0.2rem;}
.video_bg,.video_bg img{width:100%;}
.video_bg .title{position: absolute;top:0;z-index: 9;width:auto;height: 100%;color: #fff;font-size:2.9vw;font-weight: 600;line-height: 1.4;}
.video_bg .title_a{right:1.2rem;padding-top:17vw;}
.video_bg .title_b{left:0.48rem;right:0;padding-top:5vw;}
.video_bg .title p:first-child{color: #1858D6;font-size:2.8vw;}

.color_blue{color: #007AFF;}

#echo_body{background: #fff;}
.echo{margin-top:7.08vw;}
.echo .part1,.echo .part1 .text_ .items{display: grid;grid-template-columns: repeat(2, 1fr);}
.echo .part1{width:100%;}
.echo .part1 .thumb_,.echo .part1 .text_{position: relative;}
.echo .part1 .thumb_{display: flex;align-items: last baseline; padding: 0.5rem 0.4rem;background:#F5F5F7;border-radius:0.28rem;height:auto;}
.echo .part1 .thumb_ .img_{max-width:60%;max-height: 100%;}
.echo .part1 .thumb_ .param_icons{width:3.54rem;right:0.4rem;top:0.3rem;z-index: 9;bottom: 0.3rem;}
.echo .part1 .thumb_ .param_icons{position: absolute;}
.echo .part1 .thumb_ .param_icons .pg{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:0.2rem 0;margin-top: 0.2rem;grid-template-areas: 'a b c' 'd e f' '. g h';}
.echo .part1 .thumb_ .param_icons .pg:nth-child(1){margin-top: 0;}
.echo .part1 .thumb_ .param_icons .pg dl{text-align: center;}
.echo .part1 .thumb_ .param_icons .pg dl:nth-child(7){grid-area: g;}
.echo .part1 .thumb_ .param_icons .pg dl:nth-child(8){grid-area: h;}
.echo .part1 .thumb_ .param_icons .pg dl dt{}
.echo .part1 .thumb_ .param_icons .pg dl dt img{width:0.98rem;}
.echo .part1 .thumb_ .param_icons .pg dl dd{margin-top:-0.05rem;}

.echo .part1 .text_{flex: 1;padding:0.5rem 0.8rem;}
.echo .part1 .text_ h2{}
.echo .part1 .text_ .con{line-height: 1.75;margin-top: 0.2rem;}
.echo .part1 .text_ .items{grid-gap:0.4rem;margin-top: 0.4rem;}
.echo .part1 .text_ .items dl dt,.echo .part1 .text_ h2 i{color: #007AFF;}
.echo .part1 .text_ h2,.echo .part1 .text_ .items dl dt,.video_bg .title_{font-weight: 600;}
.echo .part1 .text_ .items dl dt{font-size:1.84vw;}
.echo .part1 .text_ .items dl dd,.echo .part1 .text_ .con{color: #6E6E73;}
.echo .part1 .text_ .items dl dd{margin-top: 0.1rem;}

/* nanofcm 纳米流式检测仪 */
#nanofcm{width:100%;margin-top: 72px;}
#nanofcm .flow-banner{width:100%;height:8rem;position: relative;}
.SlideOverlay {
    position: absolute;left: 0;top:50%;transform: translateY(-50%);
    text-align: left;width: 55%; z-index: 1;padding:5% 0%;
    background: rgb(76 142 188 / 30%);border-radius:0 0.28rem 0.28rem 0;
    backdrop-filter: blur(7px);
}
.SlideOverlay h2{margin-left: 20%;line-height: 1.2em;font-size: 3.6vw;font-weight: 700;color: #ffffff;}

#nanofcm h1{
    width: 100%;line-height: 1;font-weight: 700;
    background: linear-gradient(90deg, #D66AFC 0%, #6620F8 100%);-webkit-background-clip: text;color: transparent;
}
#nanofcm .feature{margin-top: 0.25rem;padding: 0 13%;}
#nanofcm .feature p{margin-bottom: 0.15rem;}
#nanofcm h1,#nanofcm .feature,#nanofcm .show_part1 .thumb_,#nanofcm .show_part1 .content_{text-align: center;}

#nanofcm .show_part1{padding-bottom: 0.6rem;}
#nanofcm .show_part1 .thumb_{border-bottom: 1px solid rgba(205, 205, 205, 1);padding-bottom: 0.5rem;margin:0 10%;}
#nanofcm .show_part1 .thumb_ img{max-width: 70%;}
#nanofcm .show_part1 .params{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:0.4rem 0.2rem;margin: 0.6rem 10%;line-height: 1;}
#nanofcm .show_part1 .params dl dd{font-size:2vw;color: rgba(102, 32, 248, 1);margin-top: 0.15rem;}
#nanofcm .show_part1,#nanofcm .show_part1 .content_{margin-top: 0.6rem;}
#nanofcm .show_part1 .content_{line-height:1.77; }

#nanofcm h1,.nano_title{margin-top: 1rem;}
#nanofcm .show_part1,#nanofcm .show_common .imgList,#nanofcm .show_common .imgList .items{border-radius: 0.28rem;}

.nano_title,.nano_type{line-height: 1;}
.nano_type{color: rgba(102, 32, 248, 1);}
.nano_type i{padding: 0 0.1rem;}

#nanofcm .show_part1,#nanofcm .show_common .imgList{background:rgba(250, 250, 252, 1);overflow: hidden;}
#nanofcm .show_common .imgList,#nanofcm .show_common .imgList .items{padding: 0.25rem;}
#nanofcm .show_common .imgList{width: 100%;display: grid;grid-gap:0.25rem;}
#nanofcm .show_common,.nano_type,#nanofcm .show_common .imgList{margin-top: 0.35rem;}
#nanofcm .show_part2 .imgList{
    grid-template-columns:  repeat(6,1fr);
    grid-template-rows: auto;
    grid-template-areas: "a a a b b b" "c c d d d d";
}
#nanofcm .show_part3 .imgList{ grid-template-columns:  repeat(2,1fr);}
#nanofcm .show_common .imgList .items{display:grid; background:#fff;align-items: center;justify-content: center;overflow: hidden;}
#nanofcm .show_common .imgList .items img{width:100%;display: block;}

#nanofcm .show_part2 .imgList .items:nth-of-type(1){grid-area: a;}
#nanofcm .show_part2 .imgList .items:nth-of-type(2){grid-area: b;}
#nanofcm .show_part2 .imgList .items:nth-of-type(3){grid-area: c;}
#nanofcm .show_part2 .imgList .items:nth-of-type(4){grid-area: d;}

#nanofcm .show_part1 .params dl dd,.nano_title,#nanofcm .feature strong,.nano_type{font-weight: 600;}

/* 视频弹窗播放 */
.modal{
    display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background-color:rgba(55,58,71,.6);justify-content:center;align-items:center;backdrop-filter: blur(6px);    
}
.modal .modal-content{
    background-color:rgba(255, 255, 255, .2);padding:0 20px 20px 20px;border:none;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);border-radius: 0.16rem;
}
.modal .contact-box{padding:20px 30px 35px;background-color:#fff;border-radius:6px}
.modal h4{margin:0 0 3rem 0}
.modal .ApplyRow{margin-top:15px;margin-bottom:15px;text-align:center;min-height:30px}
.modal .contact-box textarea{height:100px}
.modal-content{background-color:#f3f3f3;padding:20px;border:1px solid #888}
.close{color:#000;float:right;font-size:28px;font-weight:100;margin-bottom:10px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.close i{font-weight:100;}
.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;}
.close:hover{color:#007AFF}

.layoutPlay{
    position:absolute;left: 50%;top:50%;transform: translate(-50%, -50%) scale(1); width:132px;height:132px;border-radius:50%;background:rgba(45, 45, 45, 0.3);backdrop-filter: blur(6px); color:#fff;font-size:66px;cursor:pointer;
    display: flex;justify-content: center;align-items: center;z-index: 19;
}
.layoutPlay i{margin-left: 5%;}
.layoutPlay:hover{background-color:rgba(45, 45, 45, 0.6);}
/* .layoutPlay i{transition:opacity .3s,transform .5s;} */
.layoutPlay:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-color:transparent;border-style:solid;border-width:2px;border-color:rgba(255,255,255,.5);border-radius:50%;opacity:0;transition:opacity .3s,transform .5s;}
.layoutPlay:hover:after{
    opacity:1;left: -1px;top:-1px;
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2)
}

.AboutVideo iframe,.videoCon {min-width: 926px;height: 521px;overflow: hidden;-webkit-overflow-scrolling: touch; /* 当手指从触摸屏上移开，会保持一段时间的滚动 */
    overflow-y:hidden;}

@media only screen and (max-width: 991px) {
    .AboutVideo iframe,.videoCon {min-width: 660px;height: 371px;}
}
@media only screen and (max-width: 700px) {
    .AboutVideo iframe,.videoCon {min-width: 560px;height: 315px;}
}
@media only screen and (max-width: 600px) {
    .AboutVideo iframe,.videoCon {min-width: 420px;height: 236px;}
}
@media only screen and (max-width: 600px) {
    .AboutVideo iframe,.videoCon {min-width: 420px;height: 236px;}
}
@media only screen and (max-width: 480px) {
    .AboutVideo iframe,.videoCon {min-width: 360px;height: 203px;}
}
@media only screen and (max-width: 400px) {
    .AboutVideo iframe ,.videoCon{min-width: 320px;height: 180px;}
}


/* Molecular Devices */
#ImageXpress{background: #fff;}
#MD{background: rgba(245, 245, 247, 1);overflow: hidden;}
.show_banner{height:8rem;margin-top:0.72rem;overflow: hidden;position: relative;}
.show_banner img{position: absolute;width: 200px;right:0.6rem;top:0.78rem;}
.pc-banner-title{color: #fff;text-align: right;position: absolute;right:0.6rem;top:1.4rem;}
.pc-banner-title h3{font-weight: 600;}

.SpectraMax_part01{margin-top: 1rem;}
.SpectraMax_part01 h1,.MD-ImageXpress h1{background: linear-gradient(270deg, #1D19D2 32.5%, #FF8622 70.5%);-webkit-background-clip: text;color: transparent;font-size:3vw;text-align: center;}
.SpectraMax_part01 .Bd{margin: 0 5.3vw;margin-top: 0.5rem;}
.SpectraMax_part01 .Bd .thumb_{padding:0;background: #fafafc;}
.SpectraMax_part01 .Bd .thumb_ img{max-width:100%;}
.SpectraMax_part01 .Bd .word{background:#fff;line-height: 1.5;}
.SpectraMax_part01 .Bd .word{padding: 0.6rem;}
.SpectraMax_part01 .Bd .word p{margin-bottom: 0.1rem;}
.SpectraMax_part01 .Bd .word p strong{color: #1858D6;}
.SpectraMax_part01 .Bd .word h3{margin: 0.3rem 0;padding-top: 0.3rem;line-height: 1;}

.SpectraMax_part01 .Bd .word h3.SpectraMax_part01 .Bd .word p strong,.SpectraMax_part01 .Bd .word p em,.SpectraMax_part02 .title,.SpectraMax_part02 .items h3{font-weight: 600;}
.SpectraMax_part01 .Bd .word h3,.SpectraMax_part02 .leftBox .items:nth-child(2){
    /* border-top:1px solid rgba(205, 205, 205, 0.6); */
    border-top:none;
}
.SpectraMax_part01 .Bd .thumb_,.SpectraMax_part02 .img_text .image,.SpectraMax_part02 .img_text .text{display:inline-flex;justify-content: center;align-items: center;}
.SpectraMax_part01 .Bd,.SpectraMax_part02,.SpectraMax_part02 .img_text{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap:0;overflow: hidden;}

.SpectraMax{padding-bottom:50px;overflow: hidden;margin-top: 0.8rem;position: relative;}
.SpectraMax .swiper-slide{width: 100%;}
.SpectraMax_part02{}
.SpectraMax_part02 .leftBox,.SpectraMax_part02 .img_text .image{background:rgba(255, 255, 255, 1);}
.SpectraMax_part02 .leftBox .img_text{}
.SpectraMax_part02 .title{margin-bottom: 0.3rem;}
.SpectraMax_part02 .items h3{color: rgba(24, 88, 214, 1);font-size:1.8vw;margin-bottom: 0.2rem;line-height: 1;}
.SpectraMax_part02 .items p{line-height:2;margin-bottom: 0.05rem;}
.SpectraMax_part02 .items p:last-child{margin-bottom: 0;}
.SpectraMax_part02 .items:nth-child(2){margin-top: 0.4rem;padding-top: 0.4rem;}
.SpectraMax_part02 .img_text,.SpectraMax_part02 .row_img{margin-top: 0.3rem;}
.SpectraMax_part02 .img_text .image img,.SpectraMax_part02 .row_img img{max-width:100%;}
.SpectraMax_part02 .img_text .text{padding-left: 0.24rem;} 
.SpectraMax_part02 .rightBox{background:rgba(250, 250, 252, 1);min-height:8rem;}
.SpectraMax_part02 .rightBox .photo{width:100%;height: 100%;}
.SpectraMax_part02 .img_text .text,.SpectraMax_part02 .rightBox p{line-height:1.87;}
.SpectraMax_part02 .leftBox,.SpectraMax_part02 .rightBox .inner{padding:5.3vw;}
.SpectraMax_part02 b,.SpectraMax_part02 .rightBox p span{color: rgba(24, 88, 214, 1);font-weight: bold;}
.swiper-button-lock{display: block;}
/* MD-ImageXpress */
.MD-ImageXpress{margin-top:0.7rem;text-align: center;}
.MD-ImageXpress h1{height: auto;margin-bottom: 16px;}
.MD-ImageXpress .feature,.MD-ImageXpress .thumb_{width:70%;margin:0 auto;line-height: 1.8;}
.MD-ImageXpress .feature{text-align: left;}
.MD-ImageXpress .thumb_{margin-top: 0.3rem;}
.MD-ImageXpress .thumb_ img{max-width:80%;}
.md_advantage{margin-top: 0.55rem;padding-bottom:76px;}
.md_advantage h2{margin-bottom: 0.55rem;text-align: center;font-weight: 700;}
.md_advantage .swiper-slide{background: #F2F6FF !important;padding: 0.4rem;}
.md_advantage .swiper-slide dl dt{display: none;}
.md_advantage .swiper-slide dl dd{color:rgba(24, 88, 214, 1);line-height: 1.8;margin-top: 0;}
@media screen and (min-width:1020px) {
    .MD-ImageXpress .feature strong{ display:inline-block;}
}

/* .imagexpress_feature2 .list:last-child .word .content_, */
.imagexpress_feature3{display:grid;grid-template-columns: repeat(2, 1fr);}
.imagexpress_feature2{margin-bottom:0;}
/* .imagexpress_feature2 .list:last-child .word .content_ p,.imagexpress_feature4  .content_ p{position: relative;padding-left: 0.2rem;}
.imagexpress_feature2 .list:last-child .word .content_ p::before,.imagexpress_feature4  .content_ p::before{content: '•';display: inline-block;margin-left:-0.2rem;width:0.2rem;font-weight:900;}
.imagexpress_feature2 .list:last-child .word .content_ p::before{} */

.imagexpress_feature4{background: rgba(250, 250, 252, 1);border-radius: 0.28rem;margin:0.42rem 5.3vw 0;padding:4vw;}
.imagexpress_feature4 .list{margin: 0;padding: 0;margin-top: 32px;overflow: hidden;}
.imagexpress_feature4 .list .thumb{display: flex;align-items: center;}
.imagexpress_feature4 .list .word{padding-right: 0;}
.imagexpress_feature4 .list:last-child{margin-bottom: 0;}

.imagexpress_feature3{grid-gap:0.42rem;margin:0.3rem 5.3vw;overflow: hidden;}
.imagexpress_feature3 .thumb img{width:100%;}
.imagexpress_feature3 .listBox{text-align:left;background: rgba(230, 230, 230, 1);border-radius: 0.28rem;overflow: hidden;padding:3vw 0;}

.imagexpress_feature3 .listBox .thumb,.imagexpress_feature3 .listBox .word{padding-left: 4vw;padding-right: 4vw;}
.imagexpress_feature3 .listBox:first-child{border-radius: 0;}
.imagexpress_feature3 .listBox:first-child .thumb,.imagexpress_feature3 .listBox:first-child .word{padding-left:0;padding-right:0}
.imagexpress_feature3 .listBox:first-child .word .title{text-align: center;}
.imagexpress_feature3 .listBox .thumb{padding-bottom:3vw;}
.imagexpress_feature3 .listBox:first-child{padding: 0;background:none;}
.imagexpress_feature3 .listBox:first-child .word{max-width:100%; margin: 0 auto;font-weight: 600;}
.imagexpress_feature3 .listBox:last-child,.imagexpress_feature3 .listBox:first-child{grid-column: span 2;}
.imagexpress_feature3 .listBox h3 i{color:rgba(24, 88, 214, 1);}
.imagexpress_feature3 .listBox .word .title{margin-bottom: 0.3rem;}
.imagexpress_feature3 .listBox:last-child{padding-bottom: 0;text-align:left;}
.imagexpress_feature3 .listBox:nth-child(3) .thumb,.imagexpress_feature3 .listBox:nth-child(4) .thumb{text-align: center;}
.imagexpress_feature3 .listBox:nth-child(3) .thumb img,.imagexpress_feature3 .listBox:last-child .thumb img{max-width:60%;}
.imagexpress_feature3 .listBox:last-child .thumb img{max-width: 60%;}
.imagexpress_feature3 .listBox:last-child .word{background:rgba(250, 250, 252, 1);padding:2vw 4vw;}
.md_advantage h2,.imagexpress_feature3 .listBox h3{line-height: 1.3;}


/* footer */
.footer{width:100%;height:auto; padding: 0 5.3vw 30px;}
.footer .footer-top{position: relative; padding-top:0.6rem;display: flex;justify-content: space-between;}
/* .footer .flogo{position: absolute;left: 0px;top:60px;} */

.footer .fmenu{display:inline-flex;flex: 1;justify-content: center;}
.footer .fmenu dl{margin-right:5.6vw; }
.footer .fmenu dl:last-child{margin-right: 0;}
.footer .fmenu dl dt,.footer .fcontact dl dt{line-height: 1;margin-bottom:0.2rem;}
.footer .fmenu dl dt i{display: none;}
.footer .fmenu dl dd,.footer .fcontact dl dd,.footer .fmenu dl dd.flex .fm1 p{line-height:2;}
.footer .fmenu dl dd.flex{display: flex;}
.footer .fmenu dl dd.flex .fm1{margin-right:2.9vw;}
.footer .fmenu dl dd.flex .fm1:last-child{margin-right: 0;}
.footer a:hover{color: #007AFF;}


.footer .fcontact{width:auto;}
.footer .fcontact dl dd i{margin-right: 0.1rem;}
.footer,.footer a{color:#FAFAFC;}
.footer .fcontact dl dd.social i{width:24px;height: 24px;background: rgba(164, 163, 208, 0.25);border-radius: 50%;display: inline-flex;text-align: center;align-items: center;justify-content: center;}

.footer-bottom{border-top:1px solid rgba(80, 142, 247, 0.1);margin-top:0.6rem;padding-top:0.3rem;text-align: center;line-height:2;display: flex;justify-content: space-between;}
.footer-bottom p span{padding: 0 0.1rem;}
.footer-bottom p:nth-child(2){text-align: right;margin-left: 10px;}
.footer-bottom,.footer-bottom a{color:#6E6E73}

.weixin{position: relative;cursor: pointer;}
.guanzhu{position: absolute;width:100px;height: 100px;left:-40px;top:-105px;display: none;}
.guanzhu img{width:100px;}

.privacy{padding: 0 5.3vw;line-height: 1.8;font-size:16px;}
.privacy h2{font-size:24px;}
.privacy h3{font-size:20px;}
.privacy h2,.privacy h3,.privacy p{margin-bottom: 10px;}
.privacy p{text-indent: 2em;}


/* 右侧导航 */
.right_nav{position:fixed; /*right:16px;*/ right:0; bottom:.32rem; width:44px; z-index:99;}

.right_nav .item{margin-top:8px; width:44px; background-color:#fff; border-radius:4px; -webkit-box-shadow:0 4px 8px rgba(0, 0, 0, 0.1); box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);}
.right_nav .item .nav_btn{box-sizing:border-box; display:block; text-align:center; padding:0 5px; text-decoration:none; width:100%; height:44px; font-size:12px; color:#080808; border:0; background-color:transparent; border-radius:4px; overflow:hidden; cursor:pointer;}
.right_nav .item .nav_btn i{display:block; font-size:20px; height:44px; line-height:40px; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.right_nav .item .nav_btn span{display:block; font-size:12px; height:44px; line-height:1.3; padding-top:6px; -webkit-transform:translate(0, -38px); -ms-transform:translate(0, -38px); transform:translate(0, -38px); opacity:0; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.right_nav .item .nav_btn:hover i{-webkit-transform:translate(0, -5px); -ms-transform:translate(0, -5px); transform:translate(0, -5px); opacity:0;}
.right_nav .item .nav_btn:hover span{-webkit-transform:translate(0, -45px); -ms-transform:translate(0, -45px); transform:translate(0, -45px); opacity:1;}
.right_nav .item_more{visibility:hidden; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -webkit-transform:translate(0, 6px); -ms-transform:translate(0, 6px); transform:translate(0, 6px); opacity:0;}
.right_nav .item_more.hasGo{-webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); opacity:1; visibility:visible;}
.right_nav .item_more.hasGo{-webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); opacity:1; visibility:visible;}

.right_nav .popup{display:none; position:absolute; bottom:0; right:44px; padding-right:8px}
.right_nav .popup.hasGo{display:block;}
.right_nav .popup .box{display:block; width:192px; min-height:200px; background-color:#fff; border-radius:4px; padding:24px; -webkit-box-shadow:0 4px 16px rgba(0, 0, 0, 0.16); box-shadow:0 4px 16px rgba(0, 0, 0, 0.16)}
.right_nav .popup.kefu_pup .box{width:330px; padding:0;}
.right_nav .popup .area{padding-bottom:.24rem; border-bottom:1px solid #f0f0f0; margin-bottom:.24rem;}
.right_nav .popup .title{font-size:14px; line-height:20px; margin-bottom:14px;}
.right_nav .popup .title i{margin-right:5px; font-size:20px;}
.right_nav .popup .tips{font-size:12px; text-align:center; margin:-6px 0;}
.right_nav .popup .box.more_box{max-height:520px; width:240px; overflow-y:auto;}
.right_nav .popup .box.more_box .tit{font-size:16px; line-height:1.4; margin-bottom:16px;}
.right_nav .popup .box.more_box .tit i{font-size:19px; margin-right:3px}
.right_nav .popup .box.more_box .line{padding:14px 16px; background-color:#f5f5f5; border-radius:4px; margin-bottom:8px;}
.right_nav .popup .box.more_box .line .t{font-size:14px; font-weight:bold; line-height:1.4; margin-bottom:4px; display:block;}
.right_nav .popup .box .cont{display:-ms-flexbox; display:flex; width:100%; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center;}
.right_nav .popup .box .cont .prompt{display:block; font-size:12px; -ms-flex:0 0 84px; flex:0 0 84px; margin-right:5px; background-color:#f5f5f5; padding:5px; line-height:1.3;}
.right_nav .popup .box .cont .img_box{width:100%; text-align:center;}
.right_nav .popup .box .cont .img_box img{display:block; width:100%; height:auto;}
.right_nav .popup .box .cont .img_box .title{display:block; font-size:14px; margin-bottom:0;}
.right_nav .popup .box .con{text-align:center;}
.right_nav .popup .box .con a{display:block; width:100%; height:33px; background-color:#0a1e3f; font-size:14px; color:#fff!important; border-radius:4px; line-height:33px; text-decoration:none; cursor:pointer;margin-bottom: 8px;}
.right_nav .popup .box .con a:hover{background:#007AFF; color:#fff !important;}
.right_nav .popup .more_btn{font-size:12px; text-align:center; color:#fff; background-color:#0a1e3f; line-height:31px; height:33px; width:100%; border-radius:.06rem; border:1px solid transparent; margin-bottom:8px; cursor:pointer;}
.right_nav .popup .more_btn a{color:#fff; display:block;}
.right_nav .popup .more_btn:hover{background:#007AFF; color:#fff;}
.right_nav .popup .more_btn a:hover{color:#000;}
.right_nav .popup .more_btn:last-child{margin-bottom:0;}
.right_nav .popup .more_btn.btn02{border:1px solid #080808; color:#080808; background-color:transparent;}

 .quick-msg i {-webkit-animation: jump-shaking 1s linear infinite;animation: jump-shaking 1s linear infinite;color:#007AFF;}
@-webkit-keyframes jump-shaking {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateY(-2px)
    }

    35% {
        transform: translateY(-2px) rotate(17deg)
    }

    55% {
        transform: translateY(-2px) rotate(-17deg)
    }

    65% {
        transform: translateY(-2px) rotate(17deg)
    }

    75% {
        transform: translateY(-2px) rotate(-17deg)
    }

    to {
        transform: translateY(0) rotate(0)
    }
}

@keyframes jump-shaking {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateY(-2px)
    }

    35% {
        transform: translateY(-2px) rotate(17deg)
    }

    55% {
        transform: translateY(-2px) rotate(-17deg)
    }

    65% {
        transform: translateY(-2px) rotate(17deg)
    }

    75% {
        transform: translateY(-2px) rotate(-17deg)
    }

    to {
        transform: translateY(0) rotate(0)
    }
}

/* .online-server{position:fixed;right:.18rem;bottom:10%;width:.48rem;background-color:#fff;border-radius:.24rem;padding-top:.05rem;padding-bottom:.05rem;z-index:999;box-shadow:0 0 16px rgba(0,0,0,.13)}
.online-server a{width:100%;height:.48rem;border-radius:50%;color:#000;position:relative;cursor: pointer;}
.online-server a::after{content:" ";height:1px;width:.25rem;position:absolute;background-color:#f6f6f6;left:0;top:0;left:50%;margin-left:-.125rem}
.online-server a:first-child::after{display:none}
.online-server a span{font-size:.24rem}
.online-server a:last-child{margin:0}
.online-server a:hover{color:#c00}
#public-top-btn {
    visibility: hidden;opacity: 0;height: 0px;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}
#public-top-btn.show {display: flex;visibility: visible;opacity: 1;height: 0.48rem;}
@media screen and (max-width: 1020px) {
    #public-top-btn.show {height:0.8rem;}
    .online-server a span{font-size:.36rem}
    .online-server{width:.8rem;border-radius:.4rem;}
    .online-server a{height:0.8rem;}
    .online-server a::after{width:0.5rem;margin-left: -0.25rem;}
} */