html *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;} body,html{margin:0;padding:0;width:100%;min-width:320px;} body{color:#333;font-size:16px;font-family:"思源黑体";} dd,dl,dt,h1,h2,h3,h4,h5,h6,img,li,ol,p,ul{margin:0;padding:0;} header,article,aside,footer,main,nav,section{display:block;} a{text-decoration:none;color:#333;cursor:pointer;} ul,ol,li{list-style:none;} img,table{max-height:100%;max-width:100%;border:0;} table{width:100%;border-collapse:collapse;} i,em{font-style:normal;} sub,sup{display:inline-block;-webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9);} button,input,select,textarea{margin:0;padding:0;outline:none;color:#333;font-size:16px;font-family:"思源黑体";} button{cursor:pointer;border:none;} textarea{resize:none;} input{-webkit-appearance:none;-moz-appearance:none;appearance:none;} input::-ms-clear,input::-ms-reveal{display:none;} input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;} input::-webkit-input-placeholder{color:#999;} input:-ms-input-placeholder{color:#999;} input:-moz-placeholder{color:#999;} input::-moz-placeholder{color:#999;} textarea::-webkit-input-placeholder{color:#999;} textarea:-ms-input-placeholder{color:#999;} textarea:-moz-placeholder{color:#999;} textarea::-moz-placeholder{color:#999;} /*百分比布局*/ .maxW1300{max-width:1300px;margin:0 auto;} .rows_1{width:100%;} .rows_2{width:50%;} .rows_3{width:33%;} .rows_4{width:25%;} .width48_box{margin:0 -1%;} .width48{width:48%;margin:1%;} .width23{width:23%;margin:1%;} .width19{width:19%;margin:0.5%;} .marginB2{margin-bottom:2%;} .paddingTRBL4{padding:4%;} .paddingTB4{padding:4% 0;} .paddingLR4{padding:0 4%;} .paddingTRBL2{padding:2%;} .paddingTB2{padding:2% 0;} .paddingLR2{padding:0 2%;} .paddingTB2LR4{padding:2% 4%;} .paddingTB4LR2{padding:4% 2%;} .paddingT4{padding-top:4%;} .paddingT2{padding-top:2%;} .padding_5{padding:5px;} /*字体*/ .F50{font-size:50px;letter-spacing:6px;} .F40{font-size:40px;letter-spacing:4px;} .F30{font-size:30px;letter-spacing:2px;} .F24{font-size:24px;letter-spacing:1px;} .F20{font-size:20px;} .F18{font-size:18px;} .F0{font-size:0;} .lineH32{line-height:32px;} .FW700{font-weight:700;} .FW400{font-weight:400;} /*颜色*/ .color_white,.color_white a{color:#fff;} .color_gray{color:#9da9ba;} .color_blue{color:#005aab;} .bg_darkblue{background:#122135;} .bg_lightblue{background:#dcf0f7;} .bg_white{background:#fff;} .bg_gray{background:#f5f5f5;} .bg_darkgray{background:rgba(0,0,0,0.6);} .borderBblue{padding-bottom:20px;border-bottom:1px solid #6195d5;} .borderTgray{padding-top:15px;border-top:1px solid #9da9ba;} /*公共样式*/ .text_underline{text-decoration:underline;} .float_l{float:left;} .float_r{float:right;} .clearfloat:after{clear:both;display:block;visibility:hidden;height:0;content:'';} .clearfloat{zoom:1;} .align_c{text-align:center;} .display_block{display:block;} .bide_mask{position:fixed;top:0;left:0;z-index:1000;display:none;width:100%;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);} .position_center{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;} .position_r{position:relative;} .btn_transition{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;} .popups_transition{-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;} /************** flex layout **********************/ .flex_box{display:-webkit-flex;display:flex;flex-wrap:wrap;} .flex_between{justify-content:space-between;} .flex_around{justify-content:space-around;} /*************** header css start***************/ #header_bide,.header_fixed{height:90px;} .header_fixed{position:fixed;width:100%;top:0;left:0;z-index:1010;padding:0 2%;min-width:320px;background:#122135;} .bide_logo{float:left;} .menu_box{position:relative;padding:20px 135px 6px 0;} .menu_item{display:inline-block;position:relative;padding:0 2px;z-index:100;line-height:56px;} .menu_item a{display:block;white-space:nowrap;} .menu_box .menu_other{position:absolute;right:0;top:28px;border-radius:40px;} .menu_other{display:inline-block;height:40px;line-height:40px;padding:0 10px 0 35px;color:#fff;background:#027cc5 url(/static/img/cart.png) no-repeat 5px center;} .menu_item>a{color:#97b8d7;} /*************** foot css start***************/ .foot_box{background:url(/static/img/index/foot_bg.jpg) no-repeat; background-size:cover;} .foot_box,.foot_box a,.foot_txt{color:#9da9ba} .foot_menu li{display:inline-block;line-height:40px;} .foot_menu a{display:block;max-width:188px;} .foot_menu a:hover{color:#fff;} .foot_box .F18{margin-bottom:10px;color:#fff;} .foot_txt{padding-bottom:20px;} /*************** index css start***************/ .index_h2{font-size:80px;text-align:center;letter-spacing:12px;} .index_h3{font-size:40px;text-align:center;letter-spacing:6px;} .index_h3 span{display:inline-block;position:relative;white-space:nowrap;} .index_h3 span em{position:relative;z-index:2;padding:0 30px;} .index_h3 span i{position:absolute;z-index:1;border-bottom:2px solid #a2c9f5;} .index_h3 span i.l_bottom{width:60px;bottom:10px;left:-60px;} .index_h3 span i.l_top{width:40px;bottom:20px;left:-40px;} .index_h3 span i.r_bottom{width:60px;bottom:10px;right:-60px;} .index_h3 span i.r_top{width:40px;bottom:20px;right:-40px;} .section_1_txt{max-height:300px;} .section_1_txt .F30{padding:1% 0 1.5%;} .section_2_txt dl{display:inline-block;} .section_2_txt dd{padding-top:10px;font-size:14px;line-height:24px;} .section_3_txt{max-width:55%} .section_3_txt .display_block{max-width:50%;width:300px;} .section_3_txt a p{padding-right:10px;} .technology_img{max-width:45%;} .section_6_txt .position_r{width:32.33%;margin:0.5%;} .section_6_txt .position_r img{width:100%;height:100%;} .section_6_txt .bg_darkgray{display:none;overflow:hidden;} .section_6_txt .position_r:hover .bg_darkgray{display:block;} .section_5_txt .display_block{background:rgba(255,255,255,0.4);padding:20px 15px;} .section_5_txt .display_block:hover{box-shadow:0 0 25px rgba(255,255,255,0.6)} .section_5_txt strong{font-size:100px;line-height:120px;color:#fff;-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-text-stroke:3px #fff;text-stroke:3px #fff;} .featured_products{background:url(/static/img/index/featured_products.jpg) no-repeat; background-size:cover;} .bide_icon {display:inline-block;width:80px;height:80px;;background:url(/static/img/index/bide_icon.png);background-repeat:no-repeat;} .bide_icon_1 {background-position:-1px -8px;} .bide_icon_2 {background-position:-1px -95px;} .bide_icon_3 {background-position:-1px -183px;} .bide_icon_4 {background-position:-1px -270px;} .technology_box{background:url(/static/img/index/technology_bg.jpg) no-repeat; background-size:cover;} .technology_icon{display:block;width:80px;height:80px;;background:url(/static/img/index/technology_icon.png);background-repeat:no-repeat;} .technology_icon_1 {background-position:-1px -4px;} .technology_icon_2 {background-position:-1px -95px;} .technology_icon_3 {background-position:-1px -186px;} .technology_icon_4 {background-position:-1px -277px;} .about_icon_con{margin-top:5px;padding-right:10px;display:inline-block;height:70px;line-height:70px;min-width:280px;text-align:center;background:#dcf0f7;} .about_icon_con:hover{-webkit-box-shadow:0 0 10px rgba(2,124,197,0.5);-moz-box-shadow:0 0 10px rgba(2,124,197,0.5);box-shadow:0 0 10px rgba(2,124,197,0.5);} .about_icon{display:inline-block;width:70px;height:70px;vertical-align:top;background:url(/static/img/about/about_icon.png);background-repeat:no-repeat;} .about_icon_1{background-position:4px 6px;} .about_icon_2{background-position:4px -55px;} .about_icon_3{background-position:4px -124px;} .about_icon_4{background-position:4px -186px;} .about_icon_5{background-position:4px -248px;} /*************** about css start***************/ .maxH60{max-height:120px;} .maxH52{max-height:52px;line-height:52px;} .main_title{padding:6.5% 0;position:relative;min-height:200px;} .main_title_discovery{background:url(/static/img/about/banner_discovery.jpg) no-repeat;background-size:cover;} .main_title_technology{background:url(/static/img/about/banner_technology.jpg) no-repeat;background-size:cover;} .main_title_solution{background:url(/static/img/about/banner_solution.jpg) no-repeat;background-size:cover;} .main_title_about{background:url(/static/img/about/banner_about.jpg) no-repeat;background-size:cover;} .main_title_contact{background:url(/static/img/about/banner_contact.jpg) no-repeat;background-size:cover;} .main_title_news{background:url(/static/img/about/banner_news.jpg) no-repeat;background-size:cover;} .main_content{position:relative;min-height:600px;min-height:65vh;} .main_left{position:absolute;top:0;width:225px;min-height:252px;padding:10px 0;background:#dcf0f7;} .main_left_fixed{position:fixed;top:100px;} .main_left li{padding:1px 10px;font-size:18px;line-height:36px;} .main_left li.on a,.main_left li a:hover{background:#027cc5;color:#fff;font-weight:700;} .main_left li a{display:block;padding:10px;} .main_right{margin-left:250px;padding-bottom:6%;line-height:32px;text-align:justify;} .main_right h3,.main_right p{margin-bottom:2%;} .main_right p{min-width:135px;} .email_a:hover{color:#027cc5;} /*discovery-facilities / solution-qc / solution*/ .border_ul{margin-bottom:10px;} .border_width49{width:49.5%;} .border_ul li{padding:6px 10px;border:1px solid #dcf0f7;border-top:none;} .border_ul_title{padding:6px 10px;background:#dcf0f7;} .border_ul .border_ol{border:none;padding:0;} .border_ol ol{width:50%;} /*culture*/ .culture_1{background:url(/static/img/about/culture-01.jpg) no-repeat; background-size:cover;} .culture_2{background:url(/static/img/about/culture-02.jpg) no-repeat; background-size:cover;} .culture_3{background:url(/static/img/about/culture-03.jpg) no-repeat; background-size:cover;} .culture_4{background:url(/static/img/about/culture-04.jpg?t=20231213) no-repeat; background-size:cover;} /*history*/ .history_flag{position:absolute;top:-44px;left:34px;} .history_left{width:59%;} .history_dl,.history_title{padding-left:160px;} .history_dl{position:relative;} .history_dl dt{position:absolute;top:0;left:0;border-radius:100%;border:2px solid #dcf0f7;} .history_dl dt span{margin:20px;display:inline-block;height:90px;width:90px;line-height:90px;text-align:center;color:#027cc5;font-weight:700;border-radius:45px;background:#caeefa;} .history_dl dd{width:100%;height:120px;display:table;} .history_dl dd span{display:table-cell;vertical-align:middle;text-indent:-16px;} .history_right{max-width:39%;} /*products*/ .products_list .width100{width:100%;} .show_product{position:relative;margin:6px;padding:0 15px;height:56px;line-height:56px;cursor:pointer;} .show_product:after{position:absolute;top:0;right:15px;height:56px;line-height:56px;font-weight:700;font-size:18px;content:"+";} .product_box{display:none;} .product_card{float:left;width:24%;margin:0.5%;border:1px solid #ddd;} .product_card dd{margin-top:-10px;white-space:nowrap;} .product_card dd span{padding-left:15px;} .width100 .show_product:after{content:"-";} .show_product:hover,.width100 .show_product{font-weight:700;color:#027cc5;-webkit-box-shadow:0 0 10px rgba(2,124,197,0.5);-moz-box-shadow:0 0 10px rgba(2,124,197,0.5);box-shadow:0 0 10px rgba(2,124,197,0.5)} @media only screen and (min-width:2400px){ .main_title{padding:5.2% 0;} } @media only screen and (max-width:1200px){ body{font-size:14px;} .F40{font-size:36px;} .F30{font-size:28px;} .menu_box{padding-right:128px;} /*************** index css start***************/ .index_h2{font-size:66px;letter-spacing:8px;} .index_h3{font-size:36px;letter-spacing:4px;} .index_h3 span em{padding:0 25px;} .index_h3 span i.l_bottom{width:55px;left:-55px;} .index_h3 span i.l_top{width:35px;left:-35px;} .index_h3 span i.r_bottom{width:55px;right:-55px;} .index_h3 span i.r_top{width:35px;right:-35px;} .product_card{width:32.33%;} } @media only screen and (min-width:1025px){ .menu_bide{float:right;width:74%;} .submenu_item{display:none;position:absolute;top:100%;left:50%;margin-left:-110px;padding:10px;min-width:220px;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.3);-moz-box-shadow:0 2px 6px rgba(0,0,0,.3);box-shadow:0 2px 6px rgba(0,0,0,.3); text-align:center;line-height:40px;} .menu_hover:hover .submenu_item{display:block;} .submenu_item a:hover{background-color:#027cc5;color:#fff;} .menu_item:hover>a{border-bottom:2px solid #027cc5;color:#fff;} } @media only screen and (max-width:1024px){ .menu_item a{color:#333!important;} .rows_2{width:100%;} .rows_4{width:50%;} .index_h2{font-size:50px;letter-spacing:4px;} .index_h3,.F40{font-size:34px;} .F30{font-size:26px;} .F24{font-size:22px;} .F20{font-size:18px;} .F18{font-size:16px;} .lineH32{line-height:30px;} .width23{width:48%;} .width19{width:31.33%;margin:1%;} .bide_phone_menu {float:right;margin-top:8px;padding:5px 8px 10px 8px;cursor:pointer;user-select:none;} .bide_phone_menu i{margin-top:6px;display:block;width:30px;height:2px;border-radius:2px;background:#97b8d7;} .menu_fixed{position:fixed;top:0;left:0;z-index:1010;width:100%;height:100%;} .menu_fixed_bg{width:100%;height:100%;background:rgba(0,0,0,0.5);} .menu_bide ul{display:none;position:absolute;top:0;left:0;padding:4%;width:80%;height:100%;overflow-y:auto;background:#fff;} .menu_fixed ul{display:block;} .menu_item{width:100%;line-height:40px;} .submenu_item li{text-indent:2em} /*************** index css start***************/ .section_1_txt{max-height:230px;} .section_6_txt .position_r{width:48%;margin:1%;} /*************** about css start***************/ .main_title{min-height:180px;} .main_right{margin:0;line-height:28px;} .main_left{display:none;} .contact_ul li{padding-left:75px;} .history_dl,.history_title{padding-left:140px;} .history_flag{left:28px;} .history_dl dt span{margin:18px;height:80px;width:80px;line-height:80px;} .history_dl dd{height:112px;} .history_dl dd span{text-indent:-14px;} .products_list>div{width:50%;} } @media only screen and (max-width:768px){ .index_h3,.F40{font-size:28px;} .F30{font-size:24px;} .F24{font-size:20px;} .rows_2,.border_width49,.border_ol ol{width:100%;} .width48{width:98%;} .width48_box .width48,.width19{width:48%;} .foot_menu_item{width:100%;} .foot_menu a:first-child{display:block;margin-top:10px;} .foot_menu a{display:inline-block;margin-right:20px;line-height:36px;} .foot_menu .menu_other{line-height:40px;width:100%;} #header_bide, .header_fixed{height:86px;} .menu_box{padding-right:120px;} .bide_logo{max-width:170px;} .menu_box .menu_other{padding-right:10px;} .section_1_txt{max-height:200px;} .index_h2{font-size:46px;letter-spacing:3px;} .index_h3{letter-spacing:2px;} .index_h3 span em{padding:0 20px;} .index_h3 span i.l_bottom{width:50px;bottom:8px;left:-50px;} .index_h3 span i.l_top{width:30px;bottom:16px;left:-30px;} .index_h3 span i.r_bottom{width:50px;bottom:8px;right:-50px;} .index_h3 span i.r_top{width:30px;bottom:16px;right:-30px;} .section_3_txt,.technology_img{max-width:100%;} .technology_img{width:100%;text-align:center;padding-top:4%;} .main_title{min-height:150px;} .history_dl,.history_title{padding-left:125px;} .history_flag{width:50px;left:25px;top:-38px;} .history_dl dt span{margin:15px;height:70px;width:70px;line-height:70px;} .history_dl dd{height:112px;} } @media only screen and (max-width:480px){ .paddingTB2LR4{padding:4%;} .paddingTRBL4{padding:6% 4%;} .paddingTB4{padding:6% 0;} .paddingT4{padding-top:6%;} .paddingT2{padding-top:4%;} .paddingTB2{padding:4% 0;} .rows_4{width:100%;} .F40{font-size:20px;} .F30{font-size:18px;} .F24{font-size:16px;} .F20{font-size:15px;} .F18{font-size:14px;} .lineH32{line-height:26px;} .rows_3{width:100%;} .width23,.width19{width:98%;} #header_bide, .header_fixed{height:78px;} .menu_box{padding:16px 112px 8px 0;} .bide_logo{max-width:145px;} .menu_box .menu_other{top:24px;} .section_1_txt{max-height:165px;} .section_6_txt .position_r{width:96%;margin:1% 2%;} .index_h2{font-size:42px;letter-spacing:3px;} .index_h3{font-size:24px;} .index_h3 span em{padding:0 15px;} .index_h3 span i.l_bottom{width:40px;bottom:6px;left:-40px;} .index_h3 span i.l_top{width:25px;bottom:14px;left:-25px;} .index_h3 span i.r_bottom{width:40px;bottom:6px;right:-40px;} .index_h3 span i.r_top{width:25px;bottom:14px;right:-25px;} .main_title{min-height:120px;} .contact_ul li{padding-left:70px;} .history_left,.history_right{width:100%;max-width:100%;} .history_right{padding-top:6%;} .history_dl,.history_title{padding-left:100px;} .history_flag{width:40px;left:16px;top:-30px;} .history_dl dt span{margin:10px;height:55px;width:55px;line-height:55px;} .history_dl dd{height:72px;} .products_list>div{width:100%;} .product_card{width:49%;} }