@charset "gb2312";
/* CSS Document */

 /* 全局重置 & 基础样式 */
*{margin:0;padding:0;box-sizing:border-box;font-family:"Bio-Type",fallback-font-helvetica,fallback-font-arial,sans-serif;line-height:1.5}		
@font-face{font-family:icomoon;src:url("../fonts/icomoon.eot");src:url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"),url("../fonts/icomoon.woff2") format("woff2"),url("../fonts/icomoon.woff") format("woff"),url("../fonts/icomoon.ttf") format("truetype")}
body{background-color:#fff;font-family:"Bio-Type",fallback-font-helvetica,fallback-font-arial,sans-serif;}
p{ font-size: 1rem;line-height: 1.5;font-weight: 400;}
.container1{width:100%;margin:0 auto;padding:0 20px}
		
button,.btn{cursor:pointer;border:none;transition:all 0.3s ease}
img{max-width:100%;height:auto;display:block}	

.container {width: 100%;max-width: 1200px;margin: 0 auto;/*padding: 0 40px;*/padding: 0;}
.breadcrumb-container{position: relative;display: flex; align-items: center;min-height: 61px;z-index: 0;}
.banner{width:100%;background:url('banner-microscope.jpg') center/cover no-repeat;margin-bottom:40px}
.banner img{ width:100%;}
.about img{ margin:0 auto;}


.content-section{margin-bottom:40px}
/*.content-section p{font-size:1.3rem;color:#555;margin-bottom:15px; font-weight:300;}*/
.content-section p{font-size:1.3rem;color:#505050; font-weight:400; line-height:1.7rem}
.content-section apan{font-size:1.3rem;color:#505050;margin-bottom:15px; font-weight:400;}
.content-img{border-radius:4px; margin:0 auto;margin-bottom:15px}
.tc{ text-align:center;}
.tc h2{font-size: var(--lh_pf);color: #0074c1;}
.mt20{ margin-bottom:60px;}
.mbx{ font-size:0.77em; font-weight:400;}
.text1{text-align: left;text-indent: 9rem; }
.f36{ font-size:36px; font-weight:500; color:#0073c0}

/* 页脚区域 */
.x{ border-bottom: 1px #505050 solid;}
.x1{ border-bottom: 1px #505050 solid; margin:100px 0px;}

/* 响应式适配 - 平板/手机端 */
 @media (max-width:992px){.hero-wrapper,.about-wrapper{grid-template-columns:1fr;gap:30px}
.hero{padding:40px 0}
.hero-content h1{font-size:28px}
.about{padding:60px 0}
}@media (max-width:768px){ .products{grid-template-columns:1fr;gap:40px}
.header-wrapper{flex-wrap:wrap}
.x1 {border-bottom: 1px #505050 solid;margin: 20px 0px;}
.text1{text-align: center;text-indent:0;}
.mt20 {margin-bottom: 30px;}
.search-bar{flex:100%;margin:15px 0 0 0}.about{padding:20px 20px;}
.hero-content h1{font-size:24px}
.quality p{font-size:16px}.banner{width:100%;margin-bottom:0px;height:174px}
}@media (max-width:480px){.container{padding:0 15px}
.hero{padding:30px 0}
.about{padding:20px 20px;}
.products{padding:60px 0}

}