<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="HandheldFriendly" content="true">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=yes">
    <title>山东亿科化学有限责任公司</title>
    <!-- <meta name="keywords"  content="山东亿科化学有限责任公司于2021年03月24日成立。 [1]主要从事高性能纤维及复合材料制造、 合成材料制造、专用化学品制造、化工产品生产、石油制品制造及新材料技术研发等业务。 [3]亿科化学高端树脂新材料产业园拟投资60亿元，占地530亩，涵盖45万吨/年ABS高端树脂及配套、5万吨/年高性能丁苯胶乳、15万吨/年工程塑料改性及配套、新材料技术研发基地建设。"> -->
    <!--<meta name="description" content="山东亿科化学有限责任公司于2021年03月24日成立。 [1]主要从事高性能纤维及复合材料制造、 合成材料制造、专用化学品制造、化工产品生产、石油制品制造及新材料技术研发等业务。 [3]亿科化学高端树脂新材料产业园拟投资60亿元，占地530亩，涵盖45万吨/年ABS高端树脂及配套、5万吨/年高性能丁苯胶乳、15万吨/年工程塑料改性及配套、新材料技术研发基地建设。">-->
    <link rel="stylesheet" href="/skin/css/style.css">
    <link rel="stylesheet" href="/skin/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="/skin/css/font.css">
    <!-- <link rel="stylesheet" href="/skin/font/AlibabaPuHuiTi-3-55-Regular-embed.css">
    <link rel="stylesheet" href="/skin/font/AlibabaPuHuiTi-3-55-Regular.css"> -->
    <link rel="stylesheet" href="/skin/css/animate.css">
    <link rel="stylesheet" href="/skin/css/animate.min.css">
    <link rel="stylesheet" href="/skin/css/animatee.css">
    <link rel="stylesheet" href="/skin/css/main.css">
    <link rel="stylesheet" href="/skin/css/meadin.css">
    <script src="/skin/swiper/swiper-bundle.min.js"></script>
    <script src="/skin/swiper/swiper-min.js"></script>
    <script src="/skin/js/jquery.js"></script>
    <script src="/skin/js/fastjs.js"></script>
    <script src="/skin/js/wow.min.js"></script>
</head>
<body>
     <div class="mobile-caidan">
    <div class="mobile-close wow totop1 animated"></div>
    <ul class="mobile-caidan-ul">
        <li class="mobile-caidan-li wow totop1 animated mobile-muen-color"><a href="/">首页</a></li>
        
        <li class="mobile-caidan-li wow totop1 animated "><a href="/about_1/">走进亿科</a></li>
        
        <li class="mobile-caidan-li wow totop1 animated "><a href="/list_6/">产品与服务</a></li>
        
        <li class="mobile-caidan-li wow totop1 animated "><a href="/about_11/">可持续发展</a></li>
        
        <li class="mobile-caidan-li wow totop1 animated "><a href="/list_14/">新闻动态</a></li>
        
        <li class="mobile-caidan-li wow totop1 animated "><a href="/list_18/">人力资源</a></li>
        
        <li class="mobile-caidan-li wow totop1 animated "><a href="/about_21/">联系我们</a></li>
        
         <li class="mobile-caidan-li wow totop1 animated"><a href="http://en.eastechchemical.com">English</a></li>
        <!--<li class="mobile-caidan-li wow totop1 animated"><a href="http://www.en.eastechchemical.com/">English</a></li>-->
    </ul>
</div>
     <div class="mobile-caidan1">
    <div class="mobile-close1 wow totop1 animated">
    </div>
    <div class="mobile-caidan-ul1 wow totop1 animated">
        <form action="/search/" method="get">
            <span>全站搜索：</span>
            <input type="text" name="keyword" class="se-int">
            <button class="sou">搜索</button>
        </form>
    </div>
</div>
    <div id="toTop"></div>
    <header id="y-header">
    <div class="y-header-container">
        <div class="y-logo">
            <a href="/" class="y-header-a">
                <img src="/static/upload/image/20240311/1710164385946435.png" alt="">
            </a>
        </div>
        <nav class="y-nav">
            <ul class="y-nav-ul">
                <li class="y-nav-li">
                    <h3 class="y-nav-h3  active"><a href="/" class="y-header-color">首页</a></h3>
                </li>
                
                <li class="y-nav-li">
                    <h3 class="y-nav-h3 "><a href="/about_1/" >走进亿科</a></h3>
                </li>
                
                <li class="y-nav-li">
                    <h3 class="y-nav-h3 "><a href="/list_6/" >产品与服务</a></h3>
                </li>
                
                <li class="y-nav-li">
                    <h3 class="y-nav-h3 "><a href="/about_11/" >可持续发展</a></h3>
                </li>
                
                <li class="y-nav-li">
                    <h3 class="y-nav-h3 "><a href="/list_14/" >新闻动态</a></h3>
                </li>
                
                <li class="y-nav-li">
                    <h3 class="y-nav-h3 "><a href="/list_18/" >人力资源</a></h3>
                </li>
                
                <li class="y-nav-li">
                    <h3 class="y-nav-h3 "><a href="/about_21/" >联系我们</a></h3>
                </li>
                
            </ul>
        </nav>
        <div class="y-lang">
                <a href="" class="y-lang-a">
                    <img src="/skin/picture/lang.png" alt="">
                </a>
        <div class="qiehuan">
                <a href="http://www.eastechchemical.com/" class="ch">中文</a>
                <a href="http://en.eastechchemical.com/" class="en">English</a>
        </div>
        </div>
        <div class="y-search">
           <form action="/search/" method="get">
            <input type="text" name="keyword" class="inpo">
            <a href="" class="y-search-a">
                <button type="submit" class="sear-btn"><img src="/skin/picture/search.png" alt=""></button>
             </a>
           </form>
        </div>
        <div class="mobile-menu1">
                <img src="/skin/picture/search.png" alt="">
        </div>
        <!-- 手机端菜单 -->
        <div class="mobile-menu"><img src="/skin/picture/shoujimenu.png" alt=""></div>
    </div>
</header>
 <script>
    $(document).ready(function(){
        $('.y-lang').on('mouseenter',function(){
            $('.qiehuan').show()
        })
        $('.y-lang').on('mouseleave',function(){
            $('.qiehuan').hide()
        })
        $('.sear-btn').on('mouseenter',function(){
            $('.inpo').show()
        })
        $('.inpo').on('mouseleave',function(){
            $('.inpo').hide()
        })
    })
</script>

    <div id="y-banner">
        <div
            class="swiper mySwiper swiper-fade swiper-initialized swiper-horizontal swiper-watch-progress swiper-backface-hidden">
            <div class="swiper-wrapper" id="swiper-wrapper-8d5f15101acb7fbe1" aria-live="polite"
                style="transition-duration: 0ms; transition-delay: 0ms;">
                
                <div class="swiper-slide" role="group" aria-label="1 / 4"
                    style="width: 1920px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
                    <!-- <div class="y-banner-text wow totop1 animated">
                        <img src="/static/upload/image/20240226/1708927346779231.png" alt="">
                    </div> -->
                    <img src="/static/upload/image/20240311/1710159253519796.jpg">
                </div>
                
                <div class="swiper-slide" role="group" aria-label="1 / 4"
                    style="width: 1920px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
                    <!-- <div class="y-banner-text wow totop1 animated">
                        <img src="/static/upload/image/20240226/1708927346779231.png" alt="">
                    </div> -->
                    <img src="/static/upload/image/20240311/1710159259438203.jpg">
                </div>
                
                <div class="swiper-slide" role="group" aria-label="1 / 4"
                    style="width: 1920px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
                    <!-- <div class="y-banner-text wow totop1 animated">
                        <img src="/static/upload/image/20240226/1708927346779231.png" alt="">
                    </div> -->
                    <img src="/static/upload/image/20240311/1710164070891189.jpg">
                </div>
                
            </div>
            <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide"
                aria-controls="swiper-wrapper-8d5f15101acb7fbe1" aria-disabled="false"></div>
            <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide"
                aria-controls="swiper-wrapper-8d5f15101acb7fbe1" aria-disabled="false"></div>
            <div
                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal">
                <span class="swiper-pagination-bullet" tabindex="0" role="button"
                    aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button"
                    aria-label="Go to slide 2"></span><span
                    class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button"
                    aria-label="Go to slide 3" aria-current="true"></span><span class="swiper-pagination-bullet"
                    tabindex="0" role="button" aria-label="Go to slide 4"></span>
            </div>
            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
        </div>
        <script>

            var swiper = new Swiper(".mySwiper", {
                spaceBetween: 30,
                effect: "fade",
                autoplay: true,
                navigation: {
                    nextEl: ".swiper-button-next",
                    prevEl: ".swiper-button-prev",
                },
                pagination: {
                    el: ".swiper-pagination",
                    clickable: true,
                },
            });

        </script>
    </div>
    <div id="y-banner_two">
        <div
            class="swiper mySwiper swiper-fade swiper-initialized swiper-horizontal swiper-watch-progress swiper-backface-hidden">
            <div class="swiper-wrapper" id="swiper-wrapper-8d5f15101acb7fbe1" aria-live="polite"
                style="transition-duration: 0ms; transition-delay: 0ms;">
                
                <div class="swiper-slide" role="group" aria-label="1 / 4"
                    style="width: 1920px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
                    <!-- <div class="y-banner-text wow totop1 animated">
                        <img src="/static/upload/image/20240226/1708927346779231.png" alt="">
                    </div> -->
                    <img src="/static/upload/image/20240311/1710159291225541.jpg" alt="">
                </div>
                
                <div class="swiper-slide" role="group" aria-label="1 / 4"
                    style="width: 1920px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
                    <!-- <div class="y-banner-text wow totop1 animated">
                        <img src="/static/upload/image/20240226/1708927346779231.png" alt="">
                    </div> -->
                    <img src="/static/upload/image/20240311/1710159296249319.jpg" alt="">
                </div>
                
                <div class="swiper-slide" role="group" aria-label="1 / 4"
                    style="width: 1920px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
                    <!-- <div class="y-banner-text wow totop1 animated">
                        <img src="/static/upload/image/20240226/1708927346779231.png" alt="">
                    </div> -->
                    <img src="/static/upload/image/20240311/1710159303881804.jpg" alt="">
                </div>
                
            </div>
            <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide"
                aria-controls="swiper-wrapper-8d5f15101acb7fbe1" aria-disabled="false"></div>
            <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide"
                aria-controls="swiper-wrapper-8d5f15101acb7fbe1" aria-disabled="false"></div>
            <div
                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal">
                <span class="swiper-pagination-bullet" tabindex="0" role="button"
                    aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button"
                    aria-label="Go to slide 2"></span><span
                    class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button"
                    aria-label="Go to slide 3" aria-current="true"></span><span class="swiper-pagination-bullet"
                    tabindex="0" role="button" aria-label="Go to slide 4"></span>
            </div>
            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
        </div>
        <script>

            var swiper = new Swiper(".mySwiper", {
                spaceBetween: 30,
                effect: "fade",
                autoplay: true,
                navigation: {
                    nextEl: ".swiper-button-next",
                    prevEl: ".swiper-button-prev",
                },
                pagination: {
                    el: ".swiper-pagination",
                    clickable: true,
                },
            });

        </script>
    </div>
    <div id="y-about">
        <div class="y-container">
            <!-- 手机端关于我们顶部图片 -->
            <!-- <div class="mobile-about">
                <img src="/skin/picture/0997.png" alt="">
            </div> -->
            <h3 class="common-h3 wow totop1 animated">关于我们</h3>
            <div class="y-about_left">
                 <div class="y-about-text wow totop1 animated">
                    <span class="y-about-bold">亿科化学</span>是一家致力于<span class="y-about-bold">工程塑料、合成乳胶</span>等高分子材料研发、制造为一体的高科技公司。公司以科学技术是第一生产力为指导思想，依托国际先进的核心技术、智能化产业装置及敏捷运营管理模式，以科技创新为驱动，打造高性能聚合物新材料一体化产业集群。
                </div>
                <div class="y-about-txt wow totop2 animated" style="margin-bottom: 3%;">公司建设高端树脂新材料产业园，占地530亩，投资60亿元，拥有45万吨/年<span class="y-about-bold">本体法ABS、</span>15万吨/年<span class="y-about-bold">改性工程塑料、</span>5万吨/年<span class="y-about-bold">高固丁苯胶乳</span> 三大产业。
                </div>
                <div class="y-about-txt wow totop3 animated">公司与世界五百强企业意大利ENI集团（Ente Nazionale Idrocarburi，国家碳化氢公司 ）开展战略合作，在技术先进性与环保方面达到国际领先水平。同时规划建设了<span class="y-about-bold">新材料研发基地，</span>开展技术升级、产品开发及先进材料的科学研究，攻克产业关键技术瓶颈，为客户提供更具价值的产品及解决方案。
                </div>
            </div>
            <ul class="y-about-data">
                <li class="y-data-iteam"><img src="/static/upload/image/20240408/1712536636753947.png" alt=""></li>
                <li class="y-data-iteam"><img src="/static/upload/image/20240408/1712536639166026.png" alt=""></li>
                <li class="y-data-iteam"><img src="/static/upload/image/20240408/1712536642252135.png" alt=""></li>
                <li class="y-data-iteam"><img src="/static/upload/image/20240408/1712536644838726.png" alt=""></li>
                <li class="y-data-iteam"><img src="/static/upload/image/20240408/1712536647465625.png" alt=""></li>
            </ul>
            <div class="y-about-data-moblie wow totop1 animated">
                <img src="/static/upload/image/20240311/1710167905459635.png" alt="">
            </div>
        </div>
    </div>
    <div id="y-product">
        <!-- 手机端产业介绍内容 -->
        <div class="mobile-container">
            <h3 class="common-h3 wow totop1 animated" style="margin-bottom: 1%;">产业介绍</h3>
            <!-- <div class="y-text wow totop1 animated">攻克产业关键技术瓶颈并实现产业化</div> -->
            <ul class="mobile-ul">
                <li class="mobile-li wow totop1 animated" style="background: url(/skin/picture/shoujichanye011.png); background-size: cover; background-position: 50%;">
                    <div class="y-product-txt">
                        <h4 class="y-h4_one">Mass ABS</h4>
                        <h4 class="y-h4_two">本体法ABS</h4>
                        <p class="y-p-three">项目引进于意大利Versalis公司<br/>工艺先进、杂质少、能耗低、三废排放少</p>
                     </div>
                </li>
                <li class="mobile-li wow totop1 animated" style="background: url(/skin/picture/shoujichanye03.png); background-size: cover; background-position: 50%;">
                    <div class="y-product-txt">
                        <h4 class="y-h4_one">Engineering Plastic Compounds</h4>
                        <h4 class="y-h4_two">改性工程塑料</h4>
                        <p class="y-p-three">以本体聚合为基础，以ABS深度改性为优势，产业链上下游协同，实现一体化发展</p>
                     </div>
                </li>
                <li class="mobile-li wow totop1 animated" style="background: url(/skin/picture/shoujichanye02.png); background-size: cover; background-position: 50%;">
                    <div class="y-product-txt">
                        <h4 class="y-h4_one">High Solid Content Styrene-Butadiene Latex</h4>
                        <h4 class="y-h4_two">高固丁苯胶乳</h4>
                        <p class="y-p-three">耐老化、不易黄变、加工损失率1%、固含量60%-70%成型温度室温、良品率达99%、无刺激性 </p>
                     </div>
                </li>
                <li class="mobile-li wow totop1 animated" style="background: url(/skin/picture/shoujichanye04.png); background-size: cover; background-position: 50%;">
                    <div class="y-product-txt">
                        <h4 class="y-h4_one">Advanced Material Development Centre</h4>
                        <h4 class="y-h4_two">新材料技术研发基地</h4>
                        <p class="y-p-three">2.2亿元投资建成、3 所研发基地、19名博士人才、358 名硕士研究生、160 余台国内外高端检测设备、50 余项发明/实用新型专利</p>
                     </div>
                </li>
            </ul>
        </div>
        <div class="y-container">
            <h3 class="common-h3 wow totop1 animated" style="margin-bottom: 1%;">产业介绍</h3>
            <div class="y-text wow totop1 animated">攻克产业关键技术瓶颈并实现产业化</div>
            <ul class="y-product-ul">
                <li class="y-product-li" style="background: url(/static/upload/image/20240307/1709822075557912.png); width: 100%; background-position: 75%;">
                    <div class="y-product-txt">
                        <h4 class="y-h4_one">Mass ABS</h4>
                        <h4 class="y-h4_two" style="font-size: 40px;">本体法ABS</h4>
                        <p class="y-p-three show">引进于意大利versalis公司，工艺先进、产品稳定性好、杂质及残单含量低且低碳节能</p>
                </li>
                <li class="y-product-li" style="background: url(/static/upload/image/20240202/1706880610936608.png); background-position: 75%;">
                    <div class="y-product-txt">
                       <h4 class="y-h4_one">Engineering Plastic Compounds</h4>
                       <h4 class="y-h4_two">改性工程塑料</h4>
                       <p class="y-p-three">以本体聚合为基础，以ABS深度改性为优势，产业链上下游协同，实现一体化发展</p>
                    </div>
                   </li>
                <li class="y-product-li" style="background: url(/static/upload/image/20240202/1706880616891165.png); background-position: 50%;">
                    <div class="y-product-txt">
                        <h4 class="y-h4_one">High Solid Content Styrene-Butadiene Latex</h4>
                        <h4 class="y-h4_two">高固丁苯胶乳</h4>
                        <p class="y-p-three">引进于意大利Eni集团，是国内少见的高固丁苯胶乳装置，产品耐老化、不易变黄、无刺激性、良品率达99%</p>
                     </div>
                </li>
                <li class="y-product-li" style="background: url(/static/upload/image/20240202/1706880619442418.png); background-position: 50%;">
                    <div class="y-product-txt">
                        <h4 class="y-h4_one">Advanced Material Development Centre</h4>
                        <h4 class="y-h4_two">新材料技术研发基地</h4>
                        <p class="y-p-three">苏州和东营2所研发基地，投资2.2亿元建成，拥有19名博士人才、358名硕士研究生、160余台国内外高端检测设备</p>
                     </div>
                </li>
            </ul>
        </div>
        <script>
            const {dom} = fastjs
            dom.select(".y-container .y-product-li").each(item => {
                item.addEvent("mouseenter", () => {
                    dom.select(".y-container .y-product-li").each(li => li.setStyle("width", "40%"))
                    item.setStyle("width", "100%")

                    dom.select(".y-container .y-p-three").each(text => text.removeClass("show"))
                    item.next(".y-p-three").addClass("show")


                    dom.select(".y-container .y-h4_two").each(text => text.setStyle("font-size","27px"))
                    item.next(".y-h4_two").setStyle("font-size","40px")



                    // dom.select(".y-container .y-h4_two").each(txt => txt.setStyle("font-size", "55px"))
                })
            })
        </script>
    </div>
    <div id="y-application">
        <div class="y-container">
            <h3 class="common-h3 app-h3 wow totop1 animated">应用领域</h3>
            <div class="y-text wow totop1 animated">消费需求不断升级是拉动需求稳定增长的主要动力</div>
            <ul class="y-application-ul">
                <li class="y-application-li wow totop1 animated"><div class="y-application-div"><img src="https://yikehuaxue.oss-cn-beijing.aliyuncs.com/picture/qiche.png" alt=""></div><span class="li-txt">汽车行业</span></li>
                <li class="y-application-li wow totop1 animated"><div class="y-application-div"><img src="https://yikehuaxue.oss-cn-beijing.aliyuncs.com/picture/jiadian.png" alt=""></div><span class="li-txt">家电行业</span></li>
                <li class="y-application-li wow totop1 animated"><div class="y-application-div"><img src="https://yikehuaxue.oss-cn-beijing.aliyuncs.com/picture/dianzidianqi.png" alt=""></div><span class="li-txt">消费电子</span></li>
                <li class="y-application-li wow totop1 animated"><div class="y-application-div"><img src="https://yikehuaxue.oss-cn-beijing.aliyuncs.com/picture/gaoru.png" alt=""></div><span class="li-txt">高端乳胶制品</span></li>
                <li class="y-application-li wow totop1 animated"><div class="y-application-div"><img src="https://yikehuaxue.oss-cn-beijing.aliyuncs.com/picture/yiliao.png" alt=""></div><span class="li-txt">医疗产品</span></li>
                <li class="y-application-li wow totop1 animated"><div class="y-application-div"><img src="https://yikehuaxue.oss-cn-beijing.aliyuncs.com/picture/qita.png" alt=""></div><span class="li-txt">其他材料</span></li>
            </ul>
        </div>
    </div>
    <div id="y-info" curr="0">
        <div class="y-main-container">
            <h2 class="blue wow totop1 animated">产品与服务</h2>
            <h2 class="y-h2 wow totop1 animated">工艺与技术先进性达到国际领先水平</h2>
            <div class="menu">
                <div class="menu-item active"><span class="span ac">本体法ABS</span></div>
                <div class="menu-item"><span class="span">改性工程塑料</span></div>
                <div class="menu-item"><span class="span">高固丁苯胶乳</span></div>
            </div>
        </div>
        <div class="y-button-container">
            <span class="y-button button-next"></span>
            <span class="y-button button-prev"></span>
        </div>
        <div class="y-info-container" current="0">
            <div class="y-info-more active">
                <h2 class="y-info-h2">本体法ABS</h2>
                <!-- <span class="y-info-span">加工性能提升、颜色持久、外观独特、有效节省总成本</span> -->
                
                <a href="/list_22/" class="y-info-a">MORE</a>
                
            </div>
            <div class="y-info-more">
                <h2 class="y-info-h2">改性工程塑料</h2>
                <!-- <span class="y-info-span">聚合技术+精益共混</span> -->
                
                <a href="/list_23/" class="y-info-a">MORE</a>
                
            </div>
            <div class="y-info-more">
                <h2 class="y-info-h2">高固丁苯胶乳</h2>
                <!-- <span class="y-info-span">国内首套高性能丁苯胶乳装置，项目引进意大利Eni公司，工艺先进、技术成熟、产品质量有保障。</span> -->
                
                <a href="/list_24/" class="y-info-a">MORE</a>
                
            </div>
        </div>
        <script>
            let activeIndex = 0
            function yInfoUpdateActive(index) {
                // console.log(dom.select(".y-main-container .menu-item"))
                dom.select(".y-main-container .menu-item").each(item => item.removeClass("active"))
                dom.select(".y-main-container .menu-item").getDom(index).addClass("active")

                dom.select(".y-main-container .span").each(item => item.removeClass("ac"))
                dom.select(".y-main-container .span").getDom(index).addClass("ac")

                dom.select(".y-info-container").setAttr("current", index)
                dom.select(".y-info-container .y-info-more").each(item => item.removeClass("active"))
                dom.select(".y-info-container .y-info-more").getDom(index).addClass("active")
                dom.select("#y-info").setAttr("curr", index)
            }

            dom.select("#y-info .button-next").addEvent("click", () => {
                if (++activeIndex > 2) activeIndex = 0
                yInfoUpdateActive(activeIndex)
            })
            dom.select("#y-info .button-prev").addEvent("click", () => {
                if (--activeIndex < 0) activeIndex = 2
                yInfoUpdateActive(activeIndex)
            })
            
            dom.select("#y-info .menu-item").addEvent("click", item => {
                yInfoUpdateActive(item.father().children().toElArray().indexOf(item.el()))
            })
        </script>
    </div>
    <!-- 手机端产品区域 -->
    <!-- <div id="y-info_one">
        <h3 class="common-h3 y-new-h3 wow totop1 animated">产品与服务</h3>
        <div class="y-text wow totop1 animated">工艺与技术先进性方面达到国际领先水平</div>
        <ul class="y-info_one_ul">
            <li class="y-info_one_li wow totop1 animated" style="background: url(/skin/picture/shoujichanye0011.png); background-repeat: no-repeat; background-size: cover;background-position: 50%;">
              <div class="y-info_one-div">
                <h4 class="y-info_one_txt">本体法ABS</h4>
                <p class="y-info_one_text">加工性能提升、颜色持久、外观独特、有效节省总成本</p>
              </div>
            </li>
            <li class="y-info_one_li wow totop1 animated" style="background: url(/skin/picture/shoujiduangaixing.png); background-repeat: no-repeat; background-size: cover;background-position: 50%;">
                <div class="y-info_one-div">
                    <h4 class="y-info_one_txt">改性塑料</h4>
                    <p class="y-info_one_text">聚合技术+精益共混</p>
                </div>
             </li>
             <li class="y-info_one_li wow totop1 animated" style="background: url(/skin/picture/shoujiduangaogu.png); background-repeat: no-repeat; background-size: cover;background-position: 50%; background-position: 10%;">
                <div class="y-info_one-div">
                    <h4 class="y-info_one_txt">高固丁苯胶乳</h4>
                <p class="y-info_one_text">国内首套高性能丁苯胶乳装置，项目引进意大利Eni公司，工艺先进、技术成熟、产品质量有保障。</p>
                </div>
             </li>
        </ul>
    </div> -->
    <div id="y-new">
        <div class="y-container">
            <h3 class="common-h3 y-new-h3 wow totop1 animated">新闻动态</h3>
            <div class="y-text wow totop1 animated">了解我们的最新动态</div>
            
            <div class="y-new-more  wow totop1 animated"><a href="/list_14/" class="y-new-more_a">MORE</a></div>
            
            <ul class="y-new-ul">
                
                <li class="y-new-li wow totop1 animated">
                   <a href="/list_15/62.html" class="y-new-block">
                    <div class="y-new-img"><img src="/static/upload/image/20241018/1729219369461288.png" alt=""></div>
                    <div class="y-new-des">
                        <span class="y-new-data">2024-10-18</span>
                        <h3 class="y-new-title">续添新力！亿科化学华南区办事处成立！</h3>
                        <p class="y-new-text">金风送爽，秋意渐浓。10月17日，亿科化学华南区办事处在广州揭牌成立！这一重要时刻标志着亿科化学继成立华东区办事处之后，在全国战略布局上又迈出了坚实的一步，正式开启在华南地区的新篇章。华南地区作为中国经济发展的重要引擎和工业密集区，拥有广阔的市场空间和多元化的客户群体，成立华南区办事处是亿科化学积极响应</p>
                    </div>
                   </a>
                </li>
                
                <li class="y-new-li wow totop1 animated">
                   <a href="/list_15/61.html" class="y-new-block">
                    <div class="y-new-img"><img src="/static/upload/image/20241010/1728518287188247.png" alt=""></div>
                    <div class="y-new-des">
                        <span class="y-new-data">2024-10-10</span>
                        <h3 class="y-new-title">喜讯 | 亿科化学连获两项荣誉 彰显科技创新实力！</h3>
                        <p class="y-new-text">近日，亿科化学接连受到来自山东省、东营市级政府资质的认可，荣获晨星工厂和“一企一技术”研发中心，这不仅展现了亿科在高质量发展、科研创新等领域的卓越表现，也见证了公司在践行“勇于创新、拥抱变革”的核心理念等方面的不懈努力和丰硕成果。数字经济“晨星工厂”是创新能力突出、典型示范性强、应用成效明显、经济效</p>
                    </div>
                   </a>
                </li>
                
                <li class="y-new-li wow totop1 animated">
                   <a href="/list_15/60.html" class="y-new-block">
                    <div class="y-new-img"><img src="/static/upload/image/20240730/1722320244790681.png" alt=""></div>
                    <div class="y-new-des">
                        <span class="y-new-data">2024-07-30</span>
                        <h3 class="y-new-title">亿科化学顺利通过ISO三体系认证</h3>
                        <p class="y-new-text">近期，经过权威认证机构严谨的审核与评估，亿科化学获得SGS机构正式授予的ISO9001质量管理体系、ISO14001环境管理体系和ISO45001职业健康安全管理体系认证证书。 ISO9001、ISO14001和ISO45001被业界誉为“三体资质”，是国际标准化组织（ISO）颁布的三项重要管理体</p>
                    </div>
                   </a>
                </li>
                
            </ul>
        </div>
    </div>
    <div id="y-footer-img">
        <div class="y-container">
            <div class="y-con-img wow totop1 animated">
                <img src="/skin/picture/text.png" alt="">
            </div>
            <div class="y-con-img1 wow totop1 animated">
                <img src="/skin/picture/shoujiduanwenzi.png" alt="">
            </div>
        </div>
    </div>
     <div id="y-footer">
        <div class="y-container">
            <ul class="y-footer-ul">
                
                <li class="y-footer-li"><a href="/about_1/" class="y-footer-a"><span class="y-footer-span">走进亿科</span></a></li>
                
                
                <li class="y-footer-li"><a href="/about_2/" class="y-footer-a">企业介绍</a></li>
                 
                <li class="y-footer-li"><a href="/about_5/" class="y-footer-a">企业文化</a></li>
                 
                <li class="y-footer-li"><a href="/about_26/" class="y-footer-a">产业介绍</a></li>
                 
            </ul>
             <ul class="y-footer-ul">
                
                <li class="y-footer-li"><a href="/list_6/" class="y-footer-a"><span class="y-footer-span">产品与服务</span></a></li>
                
                
                <li class="y-footer-li"><a href="/list_8/" class="y-footer-a">产品中心</a></li>
                 
                <li class="y-footer-li"><a href="/list_10/" class="y-footer-a">客户服务</a></li>
                 
            </ul>
              <ul class="y-footer-ul">
                
                <li class="y-footer-li"><a href="/about_11/" class="y-footer-a"><span class="y-footer-span">可持续发展</span></a></li>
                
                
                <li class="y-footer-li"><a href="/about_12/" class="y-footer-a">技术研发</a></li>
                 
                <li class="y-footer-li"><a href="/about_13/" class="y-footer-a">HSE目标</a></li>
                 
                <li class="y-footer-li"><a href="/list_25/" class="y-footer-a">信息公示</a></li>
                 
            </ul>
          <ul class="y-footer-ul">
                
                <li class="y-footer-li"><a href="/list_14/" class="y-footer-a"><span class="y-footer-span">新闻动态</span></a></li>
                
                
                <li class="y-footer-li"><a href="/list_15/" class="y-footer-a">公司新闻</a></li>
                 
                <li class="y-footer-li"><a href="/list_16/" class="y-footer-a">企业刊物</a></li>
                 
                <li class="y-footer-li"><a href="/list_17/" class="y-footer-a">视频中心</a></li>
                 
            </ul>
           <ul class="y-footer-ul">
                
                <li class="y-footer-li"><a href="/list_18/" class="y-footer-a"><span class="y-footer-span">人力资源</span></a></li>
                
                
                <li class="y-footer-li"><a href="/list_19/" class="y-footer-a">职业发展</a></li>
                 
                <li class="y-footer-li"><a href="/list_20/" class="y-footer-a">加入我们</a></li>
                 
            </ul>
            <div class="y-contant">
              <div class="y-address" style="display: inline-flex;">
                <div style="flex-shrink: 0;">公司地址：</div>

                <div>
                    ①广州市天河区国际金融城金硕一路11号汉银广场4207室
                    <div style="margin-bottom: 1.5rem;"></div>
                    ②苏州工业园区兴浦路200号联东U谷双创中心17A
                     <div style="margin-bottom: 1.5rem;"></div>
                    ③山东省东营市东营区化工产业园郝纯路85号
                </div>
               </div>
                <div class="y-phone">联系方式：+86 546 7763533</div>
                <div class="y-eamil">邮箱：info@eastechchemical.com</div>
            </div>
            <div class="y-solid"></div>
            <div class="y-wechat">
                <div class="y-wechat-img">
                    <img src="/static/upload/image/20240318/1710764858608779.jpg" alt="">
                </div>
                <span class="y-wechat-text">扫一扫关注我们</span>
            </div>
        </div>
        <div class="y-bottom-solid"></div>
        <div class="y-bottom">
            <div class="y-left">
               <a href="https://beian.miit.gov.cn/#/Integrated/index"><span class="y-left-text">鲁公网安备 2024056220号 © Copyright2024 山东亿科化学有限责任公司 保留所有权利 鲁ICP备2024056220号-2</span></a>
            </div>
            <!--<a href="https://www.1hx.cc" class="y-jishu" target="_blank">技术支持：慧星科技</a>-->
            <div class="y-right">
                <a href="http://en.eastechchemical.com/" class="y-right-a">语言切换&nbsp;&nbsp;· &nbsp;</a>
                
                <a href="/about_21/" class="y-right-a">联系我们</a>
                 
            </div>
        </div>
    </div>
    <script>
        var toTop = document.querySelector("#toTop");    
        toTop.style.display = "none";// 一开始div隐藏  
        window.addEventListener("scroll", scrollHandler);// 然后给window加事件监听，滚动条大于某个值时，div出现
        function scrollHandler(e) {        
            var distanceY = document.documentElement.scrollTop || document.body.scrollTop;//兼容写法，获取当前页面y轴的滚动距离
            if (distanceY > 1000) {
                toTop.style.display = "block";
            } else {
                toTop.style.display = "none";
            }
        }
        // 然后给div添加点击事件，用计时器interval来循环，步长为5，scrollTop依次减5，时间每50ms循环一次，直到scrollTop为0清除计时器
        toTop.addEventListener("click", clickHandler);
        function clickHandler(e) {
            let timer = setInterval(function () {
                var distanceY = document.documentElement.scrollTop || document.body.scrollTop;//兼容
                if (distanceY == 0){
                    clearInterval(timer);
                    return;
                } 
                var speed = Math.ceil(distanceY/16);//speed这个值从高变低，那么scrollTop就减得从快到慢，上回到顶部的速度就先快后慢
                document.documentElement.scrollTop=distanceY-speed;
                // document.documentElement.scrollTop=distanceY-5;//如果给速度一个确定的值，那回到顶部的就匀速
            }, 16);
        }
    </script>
    <script>
        $(document).ready(function(){
            $('#toTop').on('mouseenter',function(){
                // $(this).css('opacity','0.6')
                // $(this).css('background','url(.//skin/image/top01.png)')
            })
            $('#toTop').on('mouseleave',function(){
                $(this).css('opacity','1')
                $(this).css('background','url(.//skin/image/top.png)')
            })
            // $('.y-product-li').on('mouseenter',function(){
            //     $(this).children('.y-product-txt').children('.y-h4_two').css('font-size','55px')
            // })
            // $('.y-product-li').on('mouseleave',function(){
            //     $(this).children('.y-product-txt').children('.y-h4_two').css('font-size','32px')
            // })
        })
    </script>
     <script>
        var wow = new WOW({
            boxClass: 'wow',
            animateClass: 'animated',
            offset: 100,
            mobile: true,
            live: true
        });
        wow.init();
        
    </script>
    <script>
        $(document).ready(function(){
            $('.mobile-menu').on('click',function(){
               $('.mobile-caidan').css('height','100vh');
               $('.mobile-close').show()
               $('.mobile-caidan-ul').show()
            })
            $('.mobile-close').on('click',function(){
                $('.mobile-caidan').css('height','0');
                $('.mobile-close').hide()
                $('.mobile-caidan-ul').hide()
            })
        })
    </script>
     <script>
        $(document).ready(function(){
            $('.mobile-menu1').on('click',function(){
               $('.mobile-caidan1').css('height','100vh');
               $('.mobile-close1').show()
               $('.mobile-caidan-ul1').show()
            })
            $('.mobile-close1').on('click',function(){
                $('.mobile-caidan1').css('height','0');
                $('.mobile-close1').hide()
                $('.mobile-caidan-ul1').hide()
            })
        })
    </script>
     <script>
        // $(document).ready(function(){
        //     $('.y-lang-a').on('mouseenter',function(){
        //         $('.ac').css('opacity','1')
        //     })
        //     $('.y-lang-a').on('mouseleave',function(){
        //         $('.ac').css('opacity','0')
        //     })
        // })
    </script>
</body>

</html>
