*{-webkit-tap-highlight-color:rgba(0,0,0,0.1);} .header_bg{height:110px;} .header{position:fixed;z-index:1000;top:0;width:100%;min-width:1200px;min-height:110px;background:#007bc4;} .bg-both{position:relative;width:100%;height:32px;z-index:101} .bg_blue_half{position:absolute;top:0;right:0;width:50%;height:100%;background:#005bac;} .header-top{position:relative;z-index:5;min-height:32px;background:#007bc4;} .header-top a{color:#fff;} .header-top li a:hover,.search-box>a:hover{border-bottom:1px solid #fff;} .Logo{position:relative;width:20%;height:0;} .Logo .logo_a{position:absolute;top:30px;left:0;display:block;width:180px;} .Logo .hide-QQ,.animate_p{display:none;} .nav-molecula-library{position:relative;} .nav-molecula-library dl::before{position:absolute;left:42%;top:-26px;content:'';width:0;height:0;border:20px solid transparent;border-bottom:10px solid #fff;} .nav-molecula-library dl{position:absolute;left:-100%;top:42px;background:#fff;padding:10px 15px;min-width:200px;-webkit-box-shadow:0 0 15px rgba(36,50,56,.3);-moz-box-shadow:0 0 15px rgba(36,50,56,.3);box-shadow:0 0 15px rgba(36,50,56,.3);border-radius:5px;} .nav-molecula-library dl a{display:block;height:36px;line-height:36px;color:#005bac;white-space:nowrap;} .nav-molecula-library dl a:hover{text-decoration:underline;} .nav-molecula-library:hover dl{display:block;} .header-nav{padding-left:22%;width:70%;} .header-nav li{float:left;padding:10px 0 0 2.5%;} .header-nav .nav-new,.header-nav .nav-activity{position:relative;color:#fdd000;} .nav-new sup,.nav-activity sup{line-height:8px;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-animation:bigSmall 1s infinite;-moz-animation:bigSmall 1s infinite;-ms-animation:bigSmall 1s infinite;animation:bigSmall 1s infinite;} .header-link{position:relative;z-index:10;float:right;height:32px;max-width:40%;background:#005bac;} .header-link li{float:left;color:#fff;line-height:32px;padding-left:25px;} .header-link li img{vertical-align:middle;} .header-link .tel{padding-right:10px;background:url('/static/img/sprites/contact_sprite.png') no-repeat -3px 0;} .header-link .email{background:url('/static/img/sprites/contact_sprite.png') no-repeat -3px -29px;} .header-link::before{position:absolute;left:-64px;width:0;height:0;border-color:transparent #005bac transparent transparent;border-style:solid;border-width:0 32px 32px;content:'';} @keyframes bigSmall{ 0% {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} 50%{-webkit-transform:scale(0.85);-moz-transform:scale(0.85);-ms-transform:scale(0.85);transform:scale(0.85);} } /*search*/ .width1010{padding-top:15px;width:78%;} .width1010>.float-L{float:left;width:70%;} .inputborder{display:block;position:relative;width:90%;border:3px solid #80bde2;border-radius:40px;background:#fff;} .search-box{position:relative;z-index:100;width:100%;} .search-box input[type='text']{padding-right:100px;width:100%;height:40px;border:none;border-radius:40px;text-indent:15px;} .F0{font-size:0;} .lab_uploadImg{position:absolute;top:0;right:58px;z-index:10;width:34px;height:40px;line-height:40px;cursor:pointer;} .lab_uploadImg img{vertical-align:middle;} .lab_uploadImg input{position:absolute;top:0;left:0;width:34px;height:40px;opacity:0;filter:alpha(opacity=0);} .search-box span{position:absolute;top:0;right:0;z-index:100;padding-top:8px;padding-left:15px;width:57px;height:40px;border-top-right-radius:40px;border-bottom-right-radius:40px;background:#fdd000;cursor:pointer;} .search-box>a{position:absolute;top:22px;right:0;display:inline-block;color:#fff;} .dv_keyword_list{position:absolute;top:43px;display:none;padding:0 60px 0 18px;width:90%;} .keyword_text{position:relative;top:-40px;display:none;padding:8px 10px 5px;width:100%;height:200px;border:none;line-height:24px;resize:none;} .dv_keyword_list .i_bgfff{position:absolute;top:-35px;left:502px;display:none;width:20px;height:200px;background:#fff;} .idx2{height:190px;} .idx2 .keyword_text{display:block;} .idx2 p{margin-top:-40px;} .dv_keyword_list p{height:30px;background:#f5f5f5;text-align:right;line-height:30px;} .dv_keyword_list p i{display:inline-block;margin-right:20px;color:#666;text-decoration:underline;font-size:12px;cursor:pointer;} #searchResult_List{background:#fff;} #searchResult_List dd{overflow:hidden;margin:0 10px;height:30px;border-top:1px solid #e0e0e0;text-overflow:ellipsis;white-space:nowrap;line-height:30px;} #searchResult_List dd a:hover,#searchResult_List dd i,.dv_keyword_list p i.on,.a_header_order:hover{color:#159aee;} .body_mask .dv_keyword_list,.body_mask .dv_keyword_mask{display:block!important;} .body_mask .header{position:fixed;top:0;left:0;z-index:10005;width:100%;min-width:1200px;} /*搜索产品-推荐产品*/ .hide{display:none;} .head-search-recpro{position:absolute;top:94px;right:0;left:0;z-index:110;padding:20px 0;background:#fff;} .head-search-recpro .layout{overflow:hidden;border:1px solid #ddd;} .head-search-recpro ul{float:left;padding:10px;width:20%;border-right:1px solid #ddd;} .head-search-recpro ul:nth-child(5){border-right:none;} .head-search-recpro li{overflow:hidden;min-height:30px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;} .head-search-recpro li span{display:inline-block;width:70px;color:#777;text-align:right;} .search-object{background:#e8f9fe;} .recpro-img{margin-bottom:5px;display:block;height:200px;max-width:100%;line-height:200px;text-align:center;} .recpro-img img{vertical-align:middle;} .search-recpro-tags{margin:0 auto;max-width:1300px;} .search-recpro-tags i{display:inline-block;margin-right:20px;padding-top:5px;color:#666;text-decoration:underline;line-height:24px;cursor:pointer;} .search-recpro-tags i.on,.search-recpro-tags i:hover{color:#159aee;} /*header-icon*/ .header-icon{position:relative;float:right;max-width:30%;} .header-icon a{display:inline-block;margin-left:15px;width:42px;height:42px;border-radius:50%;background:#fff;color:#005bac;vertical-align:top;text-align:center;font-weight:700;line-height:42px;} .header-icon .a_bulk_order{position:absolute;right:185px;margin:5px 10px 0 0;width:85px;height:34px;border-radius:20px;background:#fdd000;line-height:34px;} .cart_num{position:absolute;top:-5px;right:-5px;display:inline-block;width:24px;height:24px;border-radius:50%;background:#fdd000;line-height:24px;} .header-icon a em{display:inline-block;width:42px;height:42px;} .a_header_login em{background:url(/static/img/sprites/header_sprite.png) no-repeat -5px -57px;} .a_header_login:hover em{background:url(/static/img/sprites/header_sprite.png) no-repeat -5px -109px} .a_header_order em{background:url(/static/img/sprites/header_sprite.png) no-repeat -5px -213px;} .a_header_cart em{background:url(/static/img/sprites/header_sprite.png) no-repeat -5px -5px;} .header-bottom{position:relative;} .phone_footer_menu{display:none;position:fixed;bottom:0;z-index:9995;} /*menu*/ .phone_submenu{display:none;} .menu_box{position:relative;} .menu{display:none;z-index:99;position:absolute;top:10px;left:0;padding:16px 0;width:180px;height:380px;background:#007bc4;} .menu-item-title{margin:4px 0;padding-left:60px;width:100%;height:36px;color:#fff;line-height:36px;background-image:url(/static/img/sprites/menu_sprite.png?t=20220819002);background-repeat:no-repeat;} .menu_icon7{background-position:8px -6px;} .menu_icon2{background-position:11px -48px;} .menu_icon6{background-position:8px -90px;} .menu_icon1{background-position:8px -137px;} .menu_icon3{background-position:8px -186px;} .menu_icon4{background-position:8px -234px;} .menu_icon5{background-position:8px -282px;} .menu_icon8{background-image:url(/static/img/sprites/icon_consumables.png?t=202509);background-position:12px -2px;} .menu-item:hover>a{background-color:#fff;color:#232323;} .menu-item a{display:inline-block;} .submenu{position:absolute;top:0;left:180px;display:none;padding:15px 10px;width:1120px;height:380px;background:#fff;overflow:hidden;} .submenu-item{padding-top:5px;height:40px;} .submenu a{font-size:12px;} .submenu-R-cnt{position:relative;padding:0 50px 0 160px;border-bottom:1px dashed #ddd;} .submenu-item-title{position:absolute;z-index:2;overflow:hidden;padding-right:22px;width:150px;vertical-align:top;text-overflow:ellipsis;white-space:nowrap;font-weight:700;} .submenu-item-title span{position:absolute;right:0;} .submenu-item-title i{color:#999;font-weight:400;font-size:12px;} .submenu-item-title:hover,.submenu-item-title:hover i{color:#007bc4;} .submenu-item-con{overflow:hidden;width:100%;height:30px;text-overflow:ellipsis;white-space:nowrap;} .submenu-item-con a{margin-right:15px;color:#999;} .more-menu:hover,.submenu-item-con a:hover{color:#007bc4;text-decoration:underline;} .more-menu{position:absolute;top:0;right:0;bottom:12px;padding:0 3px;height:22px;border:1px solid #ddd;color:#999;line-height:20px;} .menu-item:hover .submenu,.index-body .menu{display:block;} /*fixed-sidebar*/ .fixed-sidebar{position:fixed;right:0;bottom:12%;z-index: 9999;} .fixed-sidebar>li{margin-bottom:2px;width:38px;height:38px;border-radius:4px;background:#007bc4;} .fixed-sidebar li span{display:inline-block;} .fixed-sidebar .fixed-a{position:absolute;right:0;display:block;padding:4px;height:38px;width:38px;border-radius:4px;color:#fff;line-height:34px;} .fixed-sidebar .fixed-txt{float:left;display:none;text-indent:10px;line-height:30px;} .fixed-sidebar .img-box{position:absolute;top:5px;right:5px;width:26px;height:26px;} .fixed-sidebar .QQ span{background:url(/static/img/sprites/sidebar_sprite.png) no-repeat -5px -5px;} .sidebar_login span.img-box{background:url(/static/img/sprites/sidebar_sprite.png) no-repeat -6px -153px;} .sidebar_cart span.img-box{background:url(/static/img/sprites/sidebar_sprite.png) no-repeat -6px -77px;} .sidebar_start span.img-box{background:url(/static/img/sprites/sidebar_sprite.png) no-repeat -6px -115px;} .sidebar_cys span.img-box{background:url(/static/img/cys.png);} .QQ-service{position:absolute;right:0;bottom:0;display:none;padding-bottom:5px;width:246px;border-radius:4px;background:#007bc4;} .QQ-service li{float:left;} .QQ-service-con div{position:relative;float:left;margin-top:4px;margin-left:5px;padding-left:40px;width:100px;height:30px;border:1px solid #3eb6fe;background:url(/static/img//sprites/sidebar_sprite.png) no-repeat 0 -40px;color:#fff;line-height:30px;} .QQ-service-con div p{position:absolute;top:0;left:0;display:none;width:100px;height:30px;} .QQ-service-con div:hover p{display:block;} .QQ-btn{height:29px;background:#3eb6fe;color:#fff;text-align:center;} .QQ-btn:hover{background:#fd8300;} .top i{position:absolute;top:2px;right:3px;color:#fff;font-size:32px;cursor:pointer;} .company-btn{float:left;width:37px;} .school-btn{float:right;width:60px;} .fixed-sidebar>li:hover .QQ-service,.fixed-sidebar>li:hover .fixed-txt{display:block;} .fixed-sidebar>li:hover .hide-QQ{display:none;} .fixed-sidebar>li:hover .fixed-a{background:#007bc4;width:140px;} .disabled {pointer-events:none;background:#ccc!important;} .cart-tips p{padding:5px 0;min-height:26px;} .fixed-head h1{padding-top:5px;} /*2022-05-19 footer*/ .cl_red{color:red;} .cl_white{color:#fff;} .text-c{text-align:center;} .line-h36{line-height:36px;} .mr-5{margin-right:5px;} .pdl-15{padding-left:15px;} .footer-top{-webkit-display:flex;display:flex;justify-content:space-between;flex-wrap:wrap;font-size:14px;} .footer-top ul{display:inline-block;white-space:nowrap;} .footer-top .ul_weChat{max-width:142px;} .footer_tel,.footer_email{padding-left:30px;} body{padding-bottom:0!important;} #bide_footer{margin-top:100px;} #bide_footer .bide-footer{position:relative;} body.index-body #bide_footer{margin-top:0;} .member-center-con{min-height:60vh;} .common-title{padding-bottom:1.5%;border-bottom:1px solid #ddd;} .about-box h3{font-size:16px;margin:20px 0 8px;} /*服务支持*/ .QQ-service-con div.dv_tech_qq{width:205px;} .dv_tech_qq:hover p{width:100%;} .dv_tech_qq:hover .tech-btn{display:block;text-align:center;} /*20211223 产品card*/ .product-card .img-box{padding:5px;height:240px;line-height:230px;} .body_mask{padding-top:0;} .product-name{left:0;} /*logistics-tracking 物流追踪 - 2022-05-19*/ .form-box{padding:0 5% 10px;} .logistics-tracking{position:relative;padding-top:20px;} .logistics-tracking p span{padding-right:3px;color:red;} .logistics-tracking p{margin:8px 0 2px;overflow:hidden;color:#666;font-size:14px;} .logistics-tracking input[type='password'],.logistics-tracking input[type='text']{padding:5px 8px;height:36px;border:1px solid #ddd;} .logistics-tracking .enter-tel{float:left;width:78%!important;} .logistics-tracking .set-code{position:absolute;right:0;padding:0 5px;height:36px;background:#007bc4;color:#fff;text-align:center;white-space:nowrap;line-height:36px;} .enter-code{width:100%;} .logistics-tracking .btn{margin-top:10px;height:36px;width:100%;font-weight:700;line-height:36px;color:#fff;} .query-btn{background:#007bc4;} .login-register-con .no-btn{float:right;width:45%;background:#bbb;} .login-register-con .query-btn{width:45%;} .checkbox-con{padding:5px 0;} /*page 20220809*/ .page a, .page span, .pages a, .pages span, #dvPage a, #dvPage span{font-size:14px;min-width:24px;text-align:center;} .page .active, .pages .active, #dvPage .active{background:#007bc4;color:#fff;font-weight:400;font-size:14px;} .product-card:hover .product-name{background:none;} .product-card:hover img{visibility:visible;} @media only screen and (max-width:1350px){ .layout.header-top{padding-right:0;} .header-nav{padding-left:19%;} .header-nav li{padding-left:1.8%;} .header-top .email{padding-right:20px;} .width1010{width:81%;} .width1010>.float-L{width:68%;} .menu{left:2%;} } @media only screen and (max-width:1024px){ /*搜索产品-推荐产品-移动端不展示*/ #searchRecommendedProducts{display:none!important;} body{padding-bottom:0;} .bide-footer{position:static;margin-top:50px;} .header{position:static;min-width:100%;} .header_bg{display:none;} .fixed-head,.lab_uploadImg,.header-icon,.header-link,.header-nav,.search-box>a,.submenu-item-title span,.fixed-sidebar,.bg_blue_half{display:none!important;} .body_mask .header{min-width:320px;} .body_mask .mask{z-index:10004;} .header-top,.bg-both{min-height:58px;} .header-top{padding-top:5px;} .Logo,.dv_keyword_list,.inputborder,.width1010{width:100%;} .Logo .logo_a{position:static;margin:0 auto;width:150px;} .Logo .hide-QQ{display:block;position:absolute;right:4%;top:6px;width:40px;height:40px;} .dv_keyword_list{padding:0 18px;} .search-box{z-index:1005;} .search-box span{width:47px;padding-left:10px;} .search-box input[type='text']{padding-right:50px;} /*menu*/ .phone_menu{position:absolute;top:10px;left:12px;display:block;width:40px;height:40px;outline:0;background:url(/static/img/phone/menu.png) no-repeat center;background-size:34px 34px;cursor:pointer;} .width1010{padding-top:0;} .width1010>.float-L{width:100%;} .menu-item:hover .submenu,.submenu-R-cnt{display:none;} .menu_box_mask{width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);} .menu_body{padding-top:110px;} .menu_body .header{position:fixed;top:0;left:0;z-index:10005;width:100%;min-width:320px;} .menu_body .menu_box_mask{position:fixed;top:0;left:0;z-index:10003;} .menu_box{padding:0;} .menu_box .menu{position:fixed;z-index:10004;top:110px;left:-110%;overflow-y:auto;padding:5px 2% 130px;width:88%;height:100%;background:#fff;} .menu_box .menu_show{left:0;display:block;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;} .menu{display:block;} .menu a{color:#232323;} .menu-item{position:relative;border-bottom:1px dashed #ddd;background:#fff;} .submenu{position:static;width:100%;height:auto;border-top:1px dashed #ddd;} .submenu-item{padding:0;} .submenu-item .submenu-item-title{position:static;display:block;line-height:40px;padding-left:36px;width:auto;max-width:100%;font-weight:normal;} .phone_submenu{position:absolute;top:10px;right:0;display:inline-block;width:40px;height:36px;outline:0;text-align:center;line-height:36px;color:#007bc4;font-weight:700;cursor:pointer;} .phone_submenu_this{transform:rotateX(180deg);} /*phone foot menu*/ .phone_footer_menu{display:block;display:-webkit-flex;display:flex;justify-content:space-around;width:100%;height:60px;min-width:320px;background:#fff;box-shadow:0 -2px 10px 0 rgba(0,0,0,.2);color:#232323;} .phone_footer_menu a{display:inline-block;padding-top:30px;width:58px;background-size:24px 24px;text-align:center;} .phone_footer_menu a:hover{color:#2f90c9;} .a_search{background:url(/static/img/phone/search_gray.png) no-repeat center 5px;} .a_cart{background:url(/static/img/phone/cart_gray.png) no-repeat center 5px;position:relative;} .a_cart .cart_num{top:2px;} .a_account{background:url(/static/img/phone/account_gray.png) no-repeat center 5px;} /*20211223 产品card*/ .product-card .img-box{height:220px;line-height:210px;} } @media only screen and (max-width:780px){ /*2022-05-19 footer*/ .footer-top .ul_weChat{max-width:132px;} .pdl-15{padding-left:10px;} .line-h36{line-height:34px;} table colgroup{display:none;} /*20211223 产品card*/ .product-card .img-box{height:200px;line-height:190px;} } @media only screen and (max-width:480px){ .common-title{padding-bottom:2%;} /*2022-05-19 footer*/ .footer-top .ul_weChat{max-width:122px;} .line-h36{line-height:32px;} /*20211223 产品card*/ .product-card .img-box{height:190px;line-height:180px;} /*page 20220809*/ .page a, .page span, .pages a, .pages span, #dvPage a, #dvPage span,.page .active, .pages .active, #dvPage .active{font-size:12px;min-width:20px;} } @media only screen and (max-width:320px){ .menu_box{left:-330px;} .menu_show{left:0;} /*20211223 产品card*/ .product-card .img-box{height:180px;line-height:170px;} }