雅保化工-办公室装修设计案例- 上海ADD写艺公司官网

<!DOCTYPE html> <html lang="zh-CN"> <head> <link rel="stylesheet" href="/Public/Cn/css/viewer.min.css"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="format-detection" content="telephone=no, email=no" /> <meta name="renderer" content="webkit"> <title>雅保化工-办公室装修设计案例- 上海ADD写艺公司官网</title> <link href="/Public/Cn/css/bootstrap.min-v3.3.5.css" type="text/css" rel="stylesheet" /> <link href="/Public/Cn/css/slick.css" type="text/css" rel="stylesheet" /> <link href="/Public/Cn/css/slick-theme.css" type="text/css" rel="stylesheet" /> <link href="/Public/Cn/css/animate.min.css" rel="stylesheet"> <link href="/Public/Cn/css/base-v1.4.css" type="text/css" rel="stylesheet" /> <link rel="stylesheet" href="/Public/Cn/css/swiper.min.css"> <link rel="stylesheet" href="/Public/Cn/css/navanimate.css"> <link href="/Public/Cn/css/mc_base.css" rel="stylesheet"> <link href="/Public/Cn/css/style.css" type="text/css" rel="stylesheet" /> <link href="/Public/Cn/css/style1.css" rel="stylesheet" type="text/css"> </head> <body> <div class="ma_b4">    <div class="ma_pc_hd"> <div class="ma_pchd_main ma_pad40 clearfix">  <div class="ma_pchdm_logo fl"> <a href="/"> <img src="/Public/Uploads/uploadfile/images/20201027/logo.png" alt="ADD写艺logo" class="ma_pchdm_logo1"> </a> </div> <div class="ma_pchdm_r fr">  <nav class="ma_pchdm_nav fl clearfix"> <ul class="ma_pchdm_ul1 clearfix"> <li class="ma_pchdm_li1 "> <div class="ma_pchdm_abox"> <a href="/" target="_self" class="ma_pchdm_a1">首页</a> <p class="ma_pchdm_p1">首页</p> </div> </li><li class="ma_pchdm_li1 yxnav_active1"> <div class="ma_pchdm_abox"> <a href="/case" target="_self" class="ma_pchdm_a1">案例</a> <p class="ma_pchdm_p1">案例</p> </div> </li><li class="ma_pchdm_li1 "> <div class="ma_pchdm_abox"> <a href="/service" target="_self" class="ma_pchdm_a1">服务</a> <p class="ma_pchdm_p1">服务</p> </div> </li><li class="ma_pchdm_li1 "> <div class="ma_pchdm_abox"> <a href="/about" target="_self" class="ma_pchdm_a1">关于</a> <p class="ma_pchdm_p1">关于</p> </div> <ul class="ma_pchdm_ul2"> <li class="ma_pchdm_li2 "> <a href="/about" target="_self" class="ma_pchdm_a2">关于</a> </li><li class="ma_pchdm_li2 "> <a href="/Philosophy" target="_self" class="ma_pchdm_a2">理念</a> </li> </ul> </li><li class="ma_pchdm_li1 "> <div class="ma_pchdm_abox"> <a href="/news" target="_self" class="ma_pchdm_a1">新闻</a> <p class="ma_pchdm_p1">新闻</p> </div> </li><li class="ma_pchdm_li1 "> <div class="ma_pchdm_abox"> <a href="/contact" target="_self" class="ma_pchdm_a1">联络</a> <p class="ma_pchdm_p1">联络</p> </div> </li> </ul> </nav>  <div class="ma_language fl"> <div class="ma_lanbox"> <img src="/Public/Cn/images/language.png" alt=""> </div> <ul class="ma_pchdm_ul2"> <li class="ma_pchdm_li2"> <a href="/" class="ma_pchdm_a2">EN</a> </li> <li class="ma_pchdm_li2"> <a href="/" class="ma_pchdm_a2">CN</a> </li> </ul> </div>  <div class="ma_phone fl"> <div class="ma_phonebox clearfix"> <div class="ma_pbl fl"> <img src="/Public/Cn/images/phone.png" alt=""> </div> <div class="ma_pbr fl"> <a href="tel:400-718-7973">400-718-7973</a> </div> </div> </div>  <div class="mc_menu fl clearfix"> <div class="menubox"> <div class="menu_btn cd-nav-trigger"> <div class="menu_btn_imgbox">  <img class="mc_open" src="/Public/Cn/images/menu_btn_open.png" alt=""> <div class="ma_closebox"> <img class="mc_close" src="/Public/Cn/images/menu_btn_close.png" alt=""> </div> </div> </div> <div class="cd-overlay-nav"> <span class="" style="transform: scaleX(0) scaleY(0); height: 4208.47px; width: 4208.47px; top: -2104.24px; left: -2104.24px;"></span> </div> <div class="cd-overlay-content"> <span class="" style="transform: scaleX(0) scaleY(0); height: 4208.47px; width: 4208.47px; top: -2104.24px; left: -2104.24px;"></span> </div> </div> <div class="menu_content cd-primary-nav"> <div class="menu_modal"></div> <div class="menu_container clearfix"> <div class="menu_fl fl">  <div class="mc_logo menu_content_logo"> <a href="/"> <img src="/Public/Uploads/uploadfile/images/20201027/logo2.png" alt="ADD写艺logo白色.png"> </a> </div> <ul class="menu_nav">  <li class="menu_navli "> <a href="/" target="_self" class="menu_navlia">首页</a> </li><li class="menu_navli yxnav_active1 "> <a href="/case" target="_self" class="menu_navlia">案例</a> </li><li class="menu_navli "> <a href="/service" target="_self" class="menu_navlia">服务</a> </li><li class="menu_navli hassubnav"> <a href="/about" target="_self" class="menu_navlia">关于</a> <ul class="menu_subnav"> <li class=""><a href="/about" target="_self">关于</a></li><li class=""><a href="/Philosophy" target="_self">理念</a></li> </ul> </li><li class="menu_navli "> <a href="/news" target="_self" class="menu_navlia">新闻</a> </li><li class="menu_navli "> <a href="/contact" target="_self" class="menu_navlia">联络</a> </li> </ul> </div> <div class="menu_fr fr"> <div class="menu_frbox"> <div class="menu_fr_title">上海写艺建筑装饰设计工程有限公司</div> <div class="menu_fr_content"> <div class="menu_dlbox"> <div class="dl"> <div class="dt"> <div class="menu_xtbbox"> <img src="/Public/Cn/images/menu_xtb1.png" alt=""> </div> </div> <div class="dd"> 上海市徐汇区虹漕路39号华鑫科技园D8座 </div> </div> <div class="dl"> <div class="dt"> <div class="menu_xtbbox"> <img src="/Public/Cn/images/menu_xtb2.png" alt=""> </div> </div> <div class="dd"> 400-718-7973 </div> </div> <div class="dl"> <div class="dt"> <div class="menu_xtbbox"> <img src="/Public/Cn/images/menu_xtb3.png" alt=""> </div> </div> <div class="dd"> <a href="javascript:void(0)">021-60745281</a> </div> </div> <div class="dl"> <div class="dt"> <div class="menu_xtbbox"> <img src="/Public/Cn/images/menu_xtb4.png" alt=""> </div> </div> <div class="dd"> <a href="mailto:service@add-space.com">service@add-space.com</a> </div> </div> </div> <div class="menu_searchbox clearfix"> <input type="text" id="pcInput" placeholder="请输入关键词" class="menu_searchbox_input fl"> <div class="menu_search_btn fr" id="pcBtn"> <a href="javascript:void(0)"> <img src="/Public/Cn/images/menu_search.png" alt=""> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  <header class="mc_ph_hd clearfix">  <nav class="mc_ph_navbar clearfix">  <div class="mc_ph_logo fl"> <a href="/"><img src="/Public/Uploads/uploadfile/images/20201027/logo.png"></a> </div> <div class="mc_ph_nav_r fr clearfix"> <div class="nav_right fl clearfix"> <div class="mc_language_ph fl"> <a href="">EN</a> </div> <div class="hd_search fl"> <a href=""> <i class="iconfont icon-search-fill"></i> </a> </div> </div>  <div class="mc_ph_menu fl"> <div class="mc_phmenubox clearfix" id="mc_phmenubox"> <div class="point" id="mbtn"> <span class="nav_btn"></span> </div> </div> </div> </div> </nav>  <div class="phxia"> <div class="xialaph"> <ul class="ul1"> <li> <div class="container_s"> <h4> <a class="g_phnav1" href="/" target="_self">首页</a> </h4>  </div> </li><li> <div class="container_s"> <h4> <a class="g_phnav1" href="/case" target="_self">案例</a> </h4>  </div> </li><li> <div class="container_s"> <h4> <a class="g_phnav1" href="/service" target="_self">服务</a> </h4>  </div> </li><li> <div class="container_s"> <h4> <a class="g_phnav1" href="/about" target="_self">关于</a> <img class="img_s" src="/Public/Cn/images/xiap11.png"> <img class="img_d" src="/Public/Cn/images/xiap1.png"> </h4>  <ul class="ul2"> <div class="container_s"> <li> <h5> <a class="g_phnav2" href="/about" target="_self">关于</a> </h5> </li><li> <h5> <a class="g_phnav2" href="/Philosophy" target="_self">理念</a> </h5> </li> </div> </ul> </div> </li><li> <div class="container_s"> <h4> <a class="g_phnav1" href="/news" target="_self">新闻</a> </h4>  </div> </li><li> <div class="container_s"> <h4> <a class="g_phnav1" href="/contact" target="_self">联络</a> </h4>  </div> </li> </ul>  <div class="ph_search"> <div class="ph_search_ph"> <input type="text" id="phInput" placeholder="请输入关键词"> <div class="ph_searchfe" id="phBtn"> <img src="/Public/Cn/images/search1.png"> </div> </div> </div>  <div class="ph_dh_number"> <div class="ph_dh_n"> <p class="ph_dh_n_p1">联系电话:</p> <p class="ph_dh_n_p2">400-718-7973</p> </div> </div> </div> </div> </header>  <div class="ma_ban ma_ny3ban"> <ul class="ma_ban_ul viewerimg"> <li class="ma_ban_li">  <img src="/Public/Uploads/uploadfile/images/20201221/_CHB5251.jpg" alt="雅保化工办公室装修-座谈区-pc" class="ma_pcban">  <img src="/Public/Uploads/uploadfile/images/20201221/1-774.jpg" alt="雅保化工办公室装修-座谈区-pc" class="ma_phban viewer-not"> </li><li class="ma_ban_li">  <img src="/Public/Uploads/uploadfile/images/20201221/_CHB5246.jpg" alt="雅保化工办公室装修-办公区-pc" class="ma_pcban">  <img src="/Public/Uploads/uploadfile/images/20201221/2-486.jpg" alt="雅保化工办公室装修-办公区-pc" class="ma_phban viewer-not"> </li><li class="ma_ban_li">  <img src="/Public/Uploads/uploadfile/images/20201221/_CHB4986.jpg" alt="雅保化工办公室装修-办公区2-pc" class="ma_pcban">  <img src="/Public/Uploads/uploadfile/images/20201221/3-915.jpg" alt="雅保化工办公室装修-办公区2-pc" class="ma_phban viewer-not"> </li><li class="ma_ban_li">  <img src="/Public/Uploads/uploadfile/images/20201221/_CHB5002.jpg" alt="雅保化工办公室装修-办公区走廊-pc" class="ma_pcban">  <img src="/Public/Uploads/uploadfile/images/20201221/4-974.jpg" alt="雅保化工办公室装修-办公区走廊-pc" class="ma_phban viewer-not"> </li><li class="ma_ban_li">  <img src="/Public/Uploads/uploadfile/images/20201221/_CHB5136.jpg" alt="雅保化工办公室装修-办公区玻璃隔断-pc" class="ma_pcban">  <img src="/Public/Uploads/uploadfile/images/20201221/5-108.jpg" alt="雅保化工办公室装修-办公区玻璃隔断-pc" class="ma_phban viewer-not"> </li><li class="ma_ban_li">  <img src="/Public/Uploads/uploadfile/images/20201221/_CHB5209.jpg" alt="雅保化工办公室装修-办公室座谈区-pc" class="ma_pcban">  <img src="/Public/Uploads/uploadfile/images/20201221/6-191.jpg" alt="雅保化工办公室装修-办公室座谈区-pc" class="ma_phban viewer-not"> </li><li class="ma_ban_li">  <img src="/Public/Uploads/uploadfile/images/20201221/_CHB5280.jpg" alt="雅保化工办公室装修-会议室-pc" class="ma_pcban">  <img src="/Public/Uploads/uploadfile/images/20201221/7-776.jpg" alt="雅保化工办公室装修-会议室-pc" class="ma_phban viewer-not"> </li><li class="ma_ban_li">  <img src="/Public/Uploads/uploadfile/images/20201221/chashuijian0415.jpg" alt="雅保化工办公室装修-茶水间-pc" class="ma_pcban">  <img src="/Public/Uploads/uploadfile/images/20201221/8-579.jpg" alt="雅保化工办公室装修-茶水间-pc" class="ma_phban viewer-not"> </li> </ul>  <div class="ma_banul_qh wow"> <div class="ma_banul_qhli ma_banul_qh_prev on"> <img src="/Public/Cn/images/ma_banqh_prev.png" alt=""> </div> <div class="ma_banul_qhli ma_banul_qh_next"> <img src="/Public/Cn/images/ma_banqh_next.png" alt=""> </div> </div>  <div class="ma_ny3banul_num"> <img src="/Public/Cn/images/ma_b4_num.png" alt=""> <p class="ma_banuln_p"><span class="ma_banuln_ps">1</span> / <span class="ma_banuln_psup"></span></p> </div> </div>  <div class="ma_main ma_ny3 ma_b_main ma_pad170">  <section class="ma_section ma_b4s1"> <div class="ma_b4s1_main"> <div class="ma_b4s1m_t clearfix wow"> <div class="ma_b4s1mt_l fl"> <h2 class="ma_f36">雅保化工</h2> </div>  </div> <div class="ma_b4s1m_lift wow"> <div class="ma_b4s1m_ls"> <p class="ma_b4s1mls_p1">时间</p> <p class="ma_b4s1mls_p2">2019年</p> </div> <div class="ma_b4s1m_ls"> <p class="ma_b4s1mls_p1">面积</p> <p class="ma_b4s1mls_p2">2100㎡</p> </div> <div class="ma_b4s1m_ls"> <p class="ma_b4s1mls_p1">地点</p> <p class="ma_b4s1mls_p2">上海市黄浦区蒙自路757号</p> </div> </div> <div class="ma_b4s1m_main"> <h3 class="ma_b4s1mm_t wow">项目信息</h3> <div class="ma_b4s1mm_p yxedr_active"> <p>美国雅保化工是一家全球特种化学品公司，在锂，溴和精炼催化剂方面处于领先地位。该<a href="https://www.add-space.com/" target="_self" style="display: inline !important;color:#666666;">办公空间设计</a>以强大的空间表现力来展现其行业领先地位，同时通过模块化空间的打造来容纳各种多元功能并激发更多创新，助力企业不断突破发展。</p> </div> </div>  <div class="box ma_b4s1m_box">  <div class="ma_pcfy clearfix"> <a href="/case-13" class="fl">上一个项目：复星共享</a> <a href="/case-38" class="fr">下一个项目：元正盛业律师事务所</a> </div> </div>  <div class="ma_b4s1m_fh"> <a href="/case"> <img src="/Public/Cn/images/ma_b4fh.png" alt=""> 返回列表</a> </div> </div> </section>  <section class="ma_section ma_b4s2"> <div class="ma_b1s2_main"> <div class="ma_tbox clearfix wow"> <div class="ma_b4s2ml_t fl"> <h2 class="ma_f30">相关案例</h2> </div> <div class="ma_tboxr fr"> <div class="ma_tboxr_qh"> <div class="ma_tboxrqh_list ma_tboxr_prev ma_in1s3tboxr_prev"> <div class="ma_tboxrp_box"> <img src="/Public/Cn/images/ma_in1s3_prev1.png" alt="" class="ma_tboxrp_box1"> <img src="/Public/Cn/images/ma_in1s3_prev2.png" alt="" class="ma_tboxrp_box2"> </div> </div> <div class="ma_tboxrqh_list ma_tboxr_next ma_in1s3tboxr_next"> <div class="ma_tboxrp_box"> <img src="/Public/Cn/images/ma_in1s3_next1.png" alt="" class="ma_tboxrp_box1"> <img src="/Public/Cn/images/ma_in1s3_next2.png" alt="" class="ma_tboxrp_box2"> </div> </div> </div> </div> </div> <ul class="ma_b1s2m_ul clearfix wow"> <li class="ma_in1s2m_li"> <a href="/case-50"> <div class="ma_in1s2ml_top"> <img src="/Public/Uploads/uploadfile/images/20210107/yikou-slt.jpg" alt="怡口净水办公室装修" class="ma_in1s2ml_t1"> <img src="/Public/Cn/images/ma_b1s2_1.png" alt="" class="ma_in1s2ml_t2"> </div> <div class="ma_in1s2ml_btm"> <div class="ma_in1s2mlb_p1box"> <p class="ma_in1s2mlb_p1">上海市静安区延安西路129号 / 2000㎡办公室设计 / 2020年</p> </div> <p class="ma_in1s2mlb_p2">怡口净水</p> <div class="ma_in1s2mlb_p3"> <img src="/Public/Cn/images/ma_b1s2_2.png" alt="" class="ma_in1s2mlb_p31"> </div> </div> </a> </li><li class="ma_in1s2m_li"> <a href="/case-30"> <div class="ma_in1s2ml_top"> <img src="/Public/Uploads/uploadfile/images/20210105/QQtupian20210105170145.jpg" alt="五极纺织科技办公室装修" class="ma_in1s2ml_t1"> <img src="/Public/Cn/images/ma_b1s2_1.png" alt="" class="ma_in1s2ml_t2"> </div> <div class="ma_in1s2ml_btm"> <div class="ma_in1s2mlb_p1box"> <p class="ma_in1s2mlb_p1">上海闵行区浦江镇新骏环路 / 3500㎡办公室装修 / 2017年</p> </div> <p class="ma_in1s2mlb_p2">五极纺织科技</p> <div class="ma_in1s2mlb_p3"> <img src="/Public/Cn/images/ma_b1s2_2.png" alt="" class="ma_in1s2mlb_p31"> </div> </div> </a> </li><li class="ma_in1s2m_li"> <a href="/case-17"> <div class="ma_in1s2ml_top"> <img src="/Public/Uploads/uploadfile/images/20201215/IMG_8948-slt.jpg" alt="罗宾逊全球物流办公室装修-会议室" class="ma_in1s2ml_t1"> <img src="/Public/Cn/images/ma_b1s2_1.png" alt="" class="ma_in1s2ml_t2"> </div> <div class="ma_in1s2ml_btm"> <div class="ma_in1s2mlb_p1box"> <p class="ma_in1s2mlb_p1">上海长宁区愚园路1258号 / 3300㎡办公室装修 / 2017年</p> </div> <p class="ma_in1s2mlb_p2">罗宾逊全球物流</p> <div class="ma_in1s2mlb_p3"> <img src="/Public/Cn/images/ma_b1s2_2.png" alt="" class="ma_in1s2mlb_p31"> </div> </div> </a> </li> </ul> </div> </section> </div>  <footer class="ma_ft"> <div class="ma_ft_mainbox1"> <div class="ma_ft_main1 ma_pad170 clearfix"> <div class="ma_ftm1_lbox fl"> <ul class="ma_ftm1_l"> <li class="ma_ftm1_li"> <a href="/"> <img src="/Public/Uploads/uploadfile/images/20201027/logo3.png" alt="ADD写艺logo白色小图"> </a> </li> <li class="ma_ftm1_li"><p>上海总部地址：上海市徐汇区虹漕路39号华鑫科技园D8座</p></li><li class="ma_ftm1_li"><p>武汉分部地址：湖北省武汉市洪山区文秀街10号中石大楼</p></li><li class="ma_ftm1_li"><p>成都分部地址：四川省成都市高新区府城大道中段188号</p></li><li class="ma_ftm1_li"><p>济南分部地址： 山东省济南市历城区荣盛时代广场A座</p></li><li class="ma_ftm1_li"><p>深圳分部地址： 深圳市福田区创新科技广场一期B栋6层</p></li> </ul> <div class="ma_ftm1_img"> <img src="/Public/Uploads/uploadfile/images/20201027/ma_ft_mark.png" alt="ADD写艺分部地址"> </div> </div> <div class="ma_ftm1_cbox fl"> <ul class="ma_ftm1_c clearfix"> <li class="ma_ftm1c_li"><a href="https://www.add-space.com/" target="_self">办公室装修</a></li><li class="ma_ftm1c_li"><a href="/service" target="_self">项目服务</a></li><li class="ma_ftm1c_li"><a href="/service" target="_self">工程交付</a></li><li class="ma_ftm1c_li"><a href="/about" target="_self">顾问团队 </a></li><p><br/></p><li class="ma_ftm1c_li"><a href="/service" target="_self">衔接与还原</a></li><li class="ma_ftm1c_li"><a href="/contact" target="_self">联系我们</a></li><p><br/></p> </ul> </div> <div class="ma_ftm1_r fr"> <ul class="ma_ftm1r_ul"> <li class="ma_ftm1r_li ma_ftm1r_li1"> <span>返回头部</span> <img src="/Public/Cn/images/ma_ft_top.png" alt=""> </li> <li class="ma_ftm1r_li"> <p>400-718-7973</p> </li> <li class="ma_ftm1r_li"> <a href="mailto:service@add-space.com">service@add-space.com</a> </li> </ul> </div> </div> </div> <div class="ma_ft_mainbox2"> <div class="ma_ft_main2 ma_pad170 clearfix"> <div class="ma_main2_r fr clearfix"> <div class="ma_main2r_ulbox fr"> <ul class="ma_main2r_ul clearfix"> <li class="ma_main2r_li"> <div class="ma_main2r_libox clearfix"> <span>微信公众号</span> <img src="/Public/Cn/images/ma_ft_icon.png" alt=""> </div> <div class="ma_main2r_liimg"> <img src="/Public/Uploads/uploadfile/images/20201126/weixin1-509.jpg" alt=""> </div> </li>  </ul> </div> </div> <div class="ma_copyright fl" style="padding-bottom:15px;"> <div class="ma_ft_contont"> <div class="ma_ft_contont1"> <p class="clearfix"><span class="fl">2007-2024 ADD 上海写艺建筑装饰设计工程有限公司   </span> <a href="https://beian.miit.gov.cn/" target="_blank"> 沪ICP备14008555号-5</a> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?bc288eef98d7251677fa26aba4251c24"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> <div style="color:#777777;">17年专注<a href="https://www.add-space.com/">办公室装修</a>、<a href="https://www.add-space.com/">办公室设计</a>，ADD写艺。欢迎关注ADD<a href="https://www.add-space.com/case">上海办公室装修设计</a>代表案例。</div> </div> </div> </div> </div> </footer> </div>  <div class="ma_tc"> <div class="ma_tc_main"> <div class="proD1"> <div class="proD1_btn_box"> <div class="proD1_btn proD1_btn2"> <img src="/Public/Cn/images/ma_close_on.jpg" /> <div class="swiper-pagination"></div> </div> </div> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="/Public/Uploads/uploadfile/images/20201221/_CHB5251.jpg" alt="/Public/Uploads/uploadfile/images/20201221/_CHB5251.jpg"> </div><div class="swiper-slide"> <img src="/Public/Uploads/uploadfile/images/20201221/_CHB5246.jpg" alt="/Public/Uploads/uploadfile/images/20201221/_CHB5246.jpg"> </div><div class="swiper-slide"> <img src="/Public/Uploads/uploadfile/images/20201221/_CHB4986.jpg" alt="/Public/Uploads/uploadfile/images/20201221/_CHB4986.jpg"> </div><div class="swiper-slide"> <img src="/Public/Uploads/uploadfile/images/20201221/_CHB5002.jpg" alt="/Public/Uploads/uploadfile/images/20201221/_CHB5002.jpg"> </div><div class="swiper-slide"> <img src="/Public/Uploads/uploadfile/images/20201221/_CHB5136.jpg" alt="/Public/Uploads/uploadfile/images/20201221/_CHB5136.jpg"> </div><div class="swiper-slide"> <img src="/Public/Uploads/uploadfile/images/20201221/_CHB5209.jpg" alt="/Public/Uploads/uploadfile/images/20201221/_CHB5209.jpg"> </div><div class="swiper-slide"> <img src="/Public/Uploads/uploadfile/images/20201221/_CHB5280.jpg" alt="/Public/Uploads/uploadfile/images/20201221/_CHB5280.jpg"> </div><div class="swiper-slide"> <img src="/Public/Uploads/uploadfile/images/20201221/chashuijian0415.jpg" alt="/Public/Uploads/uploadfile/images/20201221/chashuijian0415.jpg"> </div> </div> </div> <div class="swiper-button-next"> <img src="/Public/Cn/images/ma_tc_next.jpg" alt=""> </div> <div class="swiper-button-prev"> <img src="/Public/Cn/images/ma_tc_prev.jpg" alt=""> </div> </div> </div> </div>  <script src="/Public/Cn/js/jquery-1.12.4.min.js"></script> <script type="text/javascript" src="/Public/jqueryui/layer/layer.js"></script> <script src="/Public/Cn/js/slick.min.js"></script> <script src="/Public/Cn/js/wow.min.js"></script> <script src="/Public/Cn/js/mc_util.js"></script> <script src="/Public/Cn/js/common.js"></script> <script src="/Public/Cn/js/swiper.min.js"></script> <script src="/Public/Cn/js/velocity.min.js"></script> <script src="/Public/Cn/js/navanimate.js"></script>  <script src="/Public/Cn/js/bshareC0.js"></script> <script src="/Public/Cn/js/bshareC1.js"></script> <script src="/Public/Cn/js/jquery-viewer.min.js"></script> <script> $(function () { // banner $(".ma_ban_ul").slick({ prevArrow: ".ma_banul_qh_prev", nextArrow: ".ma_banul_qh_next", fade: true, autoplay:true }); $('.ma_ban_ul').on('afterChange', function (event, slick, currentSlide, nextSlide) { $(".ma_banuln_ps").text((parseInt($(".ma_ban_li.slick-active").attr( "data-slick-index")) + parseInt(1))); if (parseInt($(".ma_banuln_ps").text()) == parseInt($(".ma_banuln_psup").text())) { $(".ma_banul_qh_next").stop().addClass("on"); } else { $(".ma_banul_qh_next").stop().removeClass("on"); } if (parseInt($(".ma_banuln_ps").text()) == parseInt(1)) { $(".ma_banul_qh_prev").stop().addClass("on"); } else { $(".ma_banul_qh_prev").stop().removeClass("on"); } var $banindex = $(".ma_ban_li.slick-active").index(); $(".swiper-slide").eq($banindex).stop().addClass("on").siblings().stop().removeClass( "on"); }); // tc var swiper = new Swiper('.swiper-container', { slidesPerView: 5, slidesPerColumn: 3, spaceBetween: 3, pagination: { clickable: true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, breakpoints: { 768: { slidesPerView: 5, slidesPerColumn: 3, }, 767: { slidesPerView: 3, slidesPerColumn: 3, }, 360: { //当屏幕宽度大于等于768 slidesPerView: 2, slidesPerColumn: 3, } } }); $(".swiper-slide").click(function () { var $index = $(this).index(); $(this).stop().addClass("on").siblings().stop().removeClass("on"); $(".ma_ban_ul").slick("slickGoTo", $index); }) $(".ma_ny3banul_num").click(function () { $(".ma_tc").stop().addClass("on"); }) $(".proD1_btn_box").click(function () { $(".ma_tc").stop().removeClass("on"); }) $(".ma_b1s2m_ul").slick({ slidesToShow: 3, slidesToScroll: 1, prevArrow: ".ma_in1s3tboxr_prev", nextArrow: ".ma_in1s3tboxr_next", autoplay:true, responsive: [{ breakpoint: 767, settings: { slidesToShow: 1, slidesToScroll: 1 } }] }) if($(window).width() <= 768){ $(".ma_phban").removeClass("viewer-not"); $(".ma_pcban").addClass("viewer-not"); } $('.viewerimg').viewer({ navbar: true, title: true, toolbar: true, tooltip: true, }); }); $(window).load(function () { $(".ma_banuln_psup").text(bannum()); }) // 个数 function bannum() { var $num = $(".ma_ban_li").length; return $num } </script> </body> </html><script>console.log('%c','color:green')</script>

CINXE.COM

雅保化工-办公室装修设计案例- 上海ADD写艺公司官网