@charset "gb2312";

/* CSS Document */



 /* 全局重置 & 基础样式 */

*{margin:0;padding:0;box-sizing:border-box;font-family:"Bio-Type",fallback-font-helvetica,fallback-font-arial,sans-serif;color:#333;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;margin-bottom: 1.5rem;line-height: 1.5;font-weight: 400;}

.container{width:100%;max-width:1440px;margin:0 auto;padding:0 40px}

.container1{width:100%;margin:0 auto;padding:0 20px}

.yi_nav {padding: 0;}
.yi_nav li {margin: 0;float: left;padding: 0 ;list-style: none;font-size:0.77em; font-weight: 300;}
.yi_nav li:not(:last-child)::after {content: ">"; /* 分隔符内容 */margin: 0 10px; /* 分隔符左右间距 */color: #999; /* 分隔符颜色 */}		

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;/*padding: 0 40px;*/}

.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%;}

.content-section{margin-bottom:40px}

.content-section p{font-size:1rem;color:#505050;margin-bottom:0px; font-weight:400; height:3rem}

.h2{  max-height:2rem}

.content-img{ margin:0 auto;margin-bottom:15px}

.tc h2{font-size: var(--fs_pfh);color:#222;max-width: 770px;}

.section-title{ line-height:1.9rem}

.lxny{ width:100%; padding-left:5rem; padding-left:5rem; padding-top:1.5rem; background:#f0f7fe;margin-bottom: 3rem; margin-top:1rem}

.lxny1{ width:77%; padding:5rem; background:#f0f7fe;margin-bottom: 11rem;}
.lxny p{ font-size:1.1rem; width:77%}

.jl{ margin-top: 11rem;}

.xc { max-width: 999px;}
.mt80{ margin-top:80px;}

/* 页脚区域 */

.x{ border-bottom: 1px #000 solid;}
.xs{ border-bottom: 1px #000 solid; margin:100px 0; width:90%; margin-left:-10px}

.lxny span{ width:20px;color: #222;font-size: 0.88rem; margin-right:0.5rem;}

.xxs{ background-color:#f6fbfe; height:10px; line-height:10px}

p.dot::before {
  content: "●"; 
  margin-right: 5px; 
  color: #505050; 
  font-size: 0.7em; 
}

/* 响应式适配 - 平板/手机端 */

 @media (max-width:992px){.hero-wrapper,.about-wrapper{grid-template-columns:1fr;gap:30px}
 .lxny p{ width:100%}

.hero{padding:40px 0}

.hero-content h1{font-size:28px}

.about{padding:60px 0}.lxny{ width:80%; padding:4rem; background:#f0f7fe;}

}@media (max-width:768px){.products{grid-template-columns:1fr;gap:40px}.banner{width:100%;margin-bottom:0px;height:174px}

.header-wrapper{flex-wrap:wrap}

.content-section p{ height:auto}

.lxny1{ width:100%; padding:20px; background:#f0f7fe;margin-bottom: 11rem;}

.h2 { max-height:4rem;}

.search-bar{flex:100%;margin:15px 0 0 0}

.hero-content h1{font-size:24px}.tc h2 {font-size: 1.33rem;line-height: 2rem;}

.quality p{font-size:16px}.lxny{ width:100%; padding:20px; background:#f0f7fe;}

}@media (max-width:480px){.container{padding:0 15px}

.hero{padding:30px 0}

.about{padding:40px 0}

.products{padding:60px 0}.lxny{ width:100%; padding:20px;  background:#f0f7fe;}

}