<!DOCTYPE html>
<html>

<head> <meta name="keywords" content="keywords_temp" />
<meta name="description" content="description_temp" />

    
    <title>荧彩生物</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/swiper-bundle.min.css">
</head>

<body>

    <div class="header">
        <div class="con">
            <div class="logo"><img src="images/logo.png" alt=""></div>
            <div class="nav">
                <a class="on" href="">首页</a>
                <a href="page.html">抗体定制</a>
                <a href="product.html">目标抗体</a>
                <a href="">产品与服务</a>
                <a href="about.html">联系我们</a>
            </div>
            <a href="product.html" class="searchr">
                <img src="images/sousuo.png" alt="">
            </a>
        </div>
    </div>
    <div class="banner">
        <div class="swiper mySwiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="img" style="background: url(images/banner1.png) no-repeat;background-size: cover;background-position: center center;"></div>
                </div>
                <div class="swiper-slide">
                    <div class="img" style="background: url(images/banner2.png) no-repeat;background-size: cover;background-position: center center;"></div>
                </div>
                <div class="swiper-slide">
                    <div class="img" style="background: url(images/b1.jpg) no-repeat;background-size: cover;"></div>
                </div>
                <div class="swiper-slide">
                    <div class="img" style="background: url(images/b2.png) no-repeat;background-size: cover;"></div>
                </div>
                <div class="swiper-slide">
                    <div class="img" style="background: url(images/b3.png) no-repeat;background-size: cover;"></div>
                </div>

            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="index">
        <div class="search con">
            <div class="searchl"><input type="text" placeholder="搜索一下"></div>
            <div class="searchr">
                <img src="images/sousuo.png" alt="">
            </div>
        </div>
        <div class="card con">
            <div class="item">
                <div class="t"><img src="images/dingzhijiaju-2.png" alt=""></div>
                <div class="m">
                    定制抗体服务
                </div>
                <div class="line"></div>
                <div class="b">
                    专业定制高特异性抗体，快速 <br>高效，满足科研与诊断需求。
                </div>
            </div>
            <div class="item">
                <div class="t"><img src="images/mulu.png" alt=""></div>
                <div class="m">
                    目标抗体
                </div>
                <div class="line"></div>
                <div class="b">
                    高特异性目标抗体，精准识别<br>靶点，助力科研与医疗应用。
                </div>
            </div>
            <div class="item">
                <div class="t"><img src="images/ts-d.png" alt=""></div>
                <div class="m">
                    3D荧光成像
                </div>
                <div class="line"></div>
                <div class="b">
                    三维荧光高分辨率多视角成像，<br>精准呈现细胞与组织动态。
                </div>
            </div>
            <div class="item">
                <div class="t"><img src="images/shebeileiyuyan.png" alt=""></div>
                <div class="m">
                    FISH成像
                </div>
                <div class="line"></div>
                <div class="b">
                    FISH成像，高精度定位核酸<br>序列，助力细胞遗传学研究。
                </div>
            </div>
            <div class="item">
                <div class="t"><img src="images/shebei.png" alt=""></div>
                <div class="m">
                    创新实验设备定制
                </div>
                <div class="line"></div>
                <div class="b">
                    智能高效、精准可靠,助力科<br>研突破,推动实验革新。
                </div>
            </div>
            <div class="item">
                <div class="t"><img src="images/yiqizhidao.png" alt=""></div>
                <div class="m">
                    生命科学仪器
                </div>
                <div class="line"></div>
                <div class="b">
                    高精度、自动化、稳定可靠, <br>助力生命科学研究高效推进。
                </div>
            </div>
        </div>
        <div class="serves">
            <div class="title">特色服务
                <div class="line"></div>
            </div>
            <div class="bot con">
                <div class="item">
                    <div class="t" style="background: url('images/b2.png') no-repeat;background-size: cover;">
                        <div class="text">
                            完整器官3D荧光成像图片
                        </div>
                    </div>
                    <div class="m">
                        <div class="t1">3D flourescent imaging</div>
                        <div class="t2">大体积、高分辨</div>
                    </div>
                    <div class="b">以内源Western验证成功为唯一交付标准的抗体定制服务，量身打造蛋白功能研究个性化工具箱，助力高通量蛋白研究</div>
                </div>
                <div class="item">
                    <div class="t" style="background: url('images/b3.png') no-repeat;background-size: cover;">
                        <div class="text">多色FISH成像图片</div>
                    </div>
                    <div class="m">
                        <div class="t1">π-FISH(代理琨羽生物科技有限公司试剂盒)</div>
                        <div class="t2">多色标记、高性价比</div>
                    </div>
                    <div class="b">
                        建立属于您的高通量、高效率的物种蛋白“功能研究平台”，打造该领域蛋白研究必不可缺的“资源中心”
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="con">
            
        </div>
    </div>


</body>




</html>