<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta http-equiv="X-UA-Compatible" content="IE=9"/>
    <title>陕西永安减震科技有限公司</title>
    <meta name="keywords" content="陕西永安减震科技有限公司"/>
    <meta name="description" content="陕西永安减震科技有限公司"/>
    <link rel="stylesheet" href="tpl/css/animate.min.css">
    <link href="tpl/css/swiper.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="tpl/css/amazeui.css">
    <link rel="stylesheet" href="tpl/css/media.css">
    <link rel="stylesheet" href="tpl/css/webnet.css">
    <script src="tpl/js/jquery-1.11.3.min.js"></script>
    <script src="tpl/js/wow.min.js"></script>
    <script src="tpl/js/amazeui.js"></script>
    <script src="tpl/js/jquery.SuperSlide.2.1.1.js"></script>
    <script src="tpl/js/index.js"></script>
    <script src="tpl/js/swiper.min.js"></script>
    <script src="tpl/js/flexible.js"></script>
</head>
<a name="top" id="top"></a>
<body>
<div class="header">
    <div class="header_con clearfix">
        <div class="logo pull-left"><a href="index.php"><img src="tpl/images/logo.png" alt=""></a></div>
        <ul class="nav pull-left clearfix" id="nav">
            <li class="nLi on"><a href="index.php">网站首页</a></li>
            <li class="nLi "><a href="about.php">关于永安</a>
                <ul class="sub">
                     
                   <li> <a href="about.php?id=1">公司简介</a></li>
                    
                   <li> <a href="about.php?id=2">永安文化</a></li>
                    
                   <li> <a href="about.php?id=3">永安风采</a></li>
                    
                   <li> <a href="about.php?id=12">组织机构</a></li>
                    
                </ul>
            </li>
            <li class="nLi "><a href="advantage.php">永安优势</a>
               <ul class="sub">
                     
                   <li> <a href="advantage.php?id=15">生产能力</a></li>
                    
                   <li> <a href="advantage.php?id=13">检测实力</a></li>
                    
                   <li> <a href="advantage.php?id=14">技术实力</a></li>
                    
                </ul>
            </li>
            <li class="nLi "><a href="news.php">新闻资讯</a>
                <ul class="sub">
                     
                   <li> <a href="news.php?cid=3">公司新闻</a></li>
                    
                   <li> <a href="news.php?cid=4">行业新闻</a></li>
                    
                   <li> <a href="news.php?cid=13">国家新闻</a></li>
                    
                </ul>
            </li>
            <li class="nLi "><a href="product.php">产品展示</a>
            <ul class="sub">
                                    
                       <li> <a href="product.php?cid=17">减震产品</a></li>
                    
                                    
                       <li> <a href="product.php?cid=16">隔震产品</a></li>
                    
                                </ul> 
            </li>
            <li class="nLi "><a href="pic.php">工程案例</a>
                <ul class="sub">
                                    
                       <li> <a href="pic.php?cid=5">重要项目业绩</a></li>
                    
                                    
                       <li> <a href="pic.php?cid=11">其他工程名录</a></li>
                    
                                </ul> 
            </li>
            <li class="nLi "><a href="join.php">招贤纳士</a></li>
            <li class="nLi "><a href="contact.php">联系方式</a></li>
        </ul>
        <div class="icon_tel pull-right">
            <img src="tpl/images/icon_tel.png" alt="">
        </div>
        <div class="icon_cd">
            <a href="javascript:;"><img src="tpl/images/icon_cd.png" alt=""></a>
        </div>
        <div class="mask"></div>
    </div>
</div>
<ul class="fd_right">
    <li class="on">
        <img src="tpl/images/fd_tel.png" alt="">
        <div class="fd_right_con">
            400-029-6077
        </div>
    </li>
    <!--<li>-->
        <!--<a href="tencent://Message/?Uin=&websiteName=q-zone.qq.com&Menu=yes">-->
            <!--<img src="tpl/images/fd_qq.png" alt="">-->
        <!--</a>-->
    <!--</li>-->
    <li>
        <img src="tpl/images/fd_ewm.png" alt="">
        <div class="fd_right_con">
            <img src="tpl/images/ewm.png" alt="">
        </div>
    </li>
    <!--<li>-->
        <!--<img src="tpl/images/fd_mdh.png" alt="">-->
        <!--<div class="fd_right_con">-->
            <!--400-029-6077-->
        <!--</div>-->
    <!--</li>-->
    <li id="returnTop">
       <a href="#top"> <img src="tpl/images/fd_top.png" alt=""></a>
    </li>
</ul>
<!-- <script>
    $(function () {
        $(".fd_right li").hover(function () {
            $(this).children(".fd_right_con").stop().show();
        },function () {
            $(this).children(".fd_right_con").stop().hide();
        })
        $("#returnTop").click(function () {
            var speed=600;//滑动的速度

            $('body,html').animate({ scrollTop: 0 }, speed);
            return false;
        });

    })
	

</script>
<script language="JavaScript" src="http://code.54kefu.net/kefu/js/b133/1043733.js" type="text/javascript" charset="utf-8"></script>
    
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?37dd01992e2e49910adf647fff4245ea";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script> -->

<div class="footer">
    <p>陕西永安减震科技有限公司版权所有 　 <a href="http://beian.miit.gov.cn/" target="_blank">陕ICP备14002219号-1</a> 技术支持: <a href="http://www.xdnet.cn" target="_blank">兄弟网络</a></p>
</div>
<div class="swiper-container body_index">
    <div class="swiper-wrapper">
        <!--banner-->
        <div class="swiper-slide index1">
            <div class="swiper-container banner pc_banner ">
                <div class="swiper-wrapper">
                                    <div class="swiper-slide"
                         style="background:url('./uploads/pic607e8cbdea937.png') no-repeat center ;background-size: cover"></div>
                                      <div class="swiper-slide"
                         style="background:url('./uploads/pic607e8bb8d49b6.jpg') no-repeat center ;background-size: cover"></div>
                                      <div class="swiper-slide"
                         style="background:url('./uploads/pic607e8b79998a9.jpg') no-repeat center ;background-size: cover"></div>
                     
                </div>
                <!-- Add Pagination -->
                <!--<div class="swiper-pagination swiper-pagination-white"></div>-->
                <!-- Add Arrows -->
                <div class="swiper-button-next swiper-button-white banner_right"></div>
                <div class="swiper-button-prev swiper-button-white banner_left"></div>
            </div>
            <div class="swiper-container banner wap_banner ">
                <div class="swiper-wrapper">
                                        <div class="swiper-slide"
                         style="background:url('./uploads/pic607e47a96e5a4.png') no-repeat center ;background-size: 100% 100%"></div>
                                      <div class="swiper-slide"
                         style="background:url('./uploads/pic607e4409d8f40.png') no-repeat center ;background-size: 100% 100%"></div>
                                      <div class="swiper-slide"
                         style="background:url('./uploads/pic607e424c7b8a9.png') no-repeat center ;background-size: 100% 100%"></div>
                   
                </div>
                <!-- Add Pagination -->
                <!--<div class="swiper-pagination swiper-pagination-white"></div>-->
                <!-- Add Arrows -->
                <div class="swiper-button-next swiper-button-white banner_right"></div>
                <div class="swiper-button-prev swiper-button-white banner_left"></div>
            </div>
            <script>
                var swiper = new Swiper('.banner', {
                    spaceBetween: 0,
                    centeredSlides: true,
                    loop: true,
                    autoplay: {
                        delay: 2500,
                        disableOnInteraction: false,
                    },
                    pagination: {
                        el: '.swiper-pagination',
                        clickable: true,
                    },
                    navigation: {
                        nextEl: '.swiper-button-next',
                        prevEl: '.swiper-button-prev',
                    },
                });
            </script>
        </div>
        <!--关于-永安-->
        <div class="swiper-slide index2 ">
            <div class="index2_con mt">
                <div class="about_ya_list_con">
                    <div class="title">
                        <h6>关于 · 永安</h6>
                        <p><i></i>ABOUT YONG AN<i></i></p>
                    </div>
                    <ul class="about_ya_list clearfix">
                         
                               <li>
                                   <a href="about.php?id=1" >
                                   <i>公司简介</i>
                                  <!-- <span>yong an about</span>-->
                                   </a>
                               </li> 
                          
                               <li>
                                   <a href="about.php?id=2" >
                                   <i>永安文化</i>
                                  <!-- <span>yong an about</span>-->
                                   </a>
                               </li> 
                          
                               <li>
                                   <a href="about.php?id=3" >
                                   <i>永安风采</i>
                                  <!-- <span>yong an about</span>-->
                                   </a>
                               </li> 
                          
                               <li>
                                   <a href="about.php?id=12" >
                                   <i>组织机构</i>
                                  <!-- <span>yong an about</span>-->
                                   </a>
                               </li> 
                          
                    </ul>
                </div>
            </div>
        </div>
        <!--永安优势-->
        <div class="swiper-slide">
            <div class="index3_con mt">
                <div class="ys_ya_list_con">
                    <div class="title">
                        <h6>永安·优势</h6>
                        <p><i></i>YONG AN ADVANGTAGE<i></i></p>
                    </div>
                    <ul class="ys_ya_list clearfix">
                        
                         
                               <li>
                                   <a href="advantage.php?id=15" >
                                   <i>生产能力</i>
                                  <span> YONGAN  PATENT                                   </span>
                                   
                                   </a>
                               </li> 
                          
                               <li>
                                   <a href="advantage.php?id=13" >
                                   <i>检测实力</i>
                                  <span>                                     YONGAN   HONOR                                   </span>
                                   
                                   </a>
                               </li> 
                          
                               <li>
                                   <a href="advantage.php?id=14" >
                                   <i>技术实力</i>
                                  <span>                                     TECHNOLOGY                                   </span>
                                   
                                   </a>
                               </li> 
                          
                    </ul>
                </div>
            </div>
        </div>
        <!--新闻资讯-->
        <div class="swiper-slide">
            <div class="index4_con mt">
                <div class="news_list_con">
                    <div class="title">
                        <h6>新闻·资讯</h6>
                        <p><i></i>NEWS<i></i></p>
                    </div>
                    <div class="news_con">
                        <div class="swiper-container news_list">
                            <ul class="swiper-wrapper ">
                                                            <li class="swiper-slide">
                                    <div class="news_list_img">
                                        <a href="news-show.php?id=123" class="img"><img src="./uploads/pic631aaab42c69f.jpg" alt=""></a>
                                        <h6><a href="news-show.php?id=123">6.8级地震时，这栋建筑“拒绝”摇摆</a></h6>
                                        <span>2022-09-09</span>
                                        <p>9月5日，四川甘孜州泸定突发6.8级地震，鉴于灾情严重，国务院抗震救灾指挥部办公室、应急管理部将国家地震应急响应级别提升至二级。国家减灾委、应急管理部将国家救灾应急响应级别提升至Ⅲ级。</p>
                                    </div>
                                </li>
                                                              <li class="swiper-slide">
                                    <div class="news_list_img">
                                        <a href="news-show.php?id=121" class="img"><img src="./uploads/pic627c6e3255213.png" alt=""></a>
                                        <h6><a href="news-show.php?id=121">重磅丨《建筑隔震设计标准》的若干关注点</a></h6>
                                        <span>2022-05-12</span>
                                        <p>《建筑隔震设计标准》GB/T 51408-2021（以下简称《隔标》）与《建设工程抗震管理条例》在2021年9月1日同一天实施。</p>
                                    </div>
                                </li>
                                                              <li class="swiper-slide">
                                    <div class="news_list_img">
                                        <a href="news-show.php?id=120" class="img"><img src="./uploads/pic62132df4329f0.png" alt=""></a>
                                        <h6><a href="news-show.php?id=120">永安减震-招贤纳士</a></h6>
                                        <span>2022-02-21</span>
                                        <p>陕西永安减震科技有限公司致力于建筑、桥梁、电器（设备），减震、隔震消能技术的研发、生产、销售、检测及技术咨询为一体的高科技企业。
    随着公司发展，现诚招以下岗位，欢迎有识之士加入永安大家庭！</p>
                                    </div>
                                </li>
                                                              <li class="swiper-slide">
                                    <div class="news_list_img">
                                        <a href="news-show.php?id=119" class="img"><img src="./uploads/pic618b65e0ab926.jpg" alt=""></a>
                                        <h6><a href="news-show.php?id=119">首期《建筑隔震设计标准》GB/T51408-2021宣贯培训会在京顺利召开</a></h6>
                                        <span>2021-11-10</span>
                                        <p>021年10月25-26日，由《建筑隔震设计标准》GB/T51408-2021主编单位广州大学和中国建筑标准设计研究院有限公司组织的宣贯培训会，在北京顺利召开，来自北京、天津、新疆、内蒙古、吉林、河北、河南、江苏、安徽、湖北、浙江、云南、广东、重庆等地区近百人参加了首期宣贯培训会。</p>
                                    </div>
                                </li>
                                                              <li class="swiper-slide">
                                    <div class="news_list_img">
                                        <a href="news-show.php?id=118" class="img"><img src="./uploads/pic61516fd353f72.jpg" alt=""></a>
                                        <h6><a href="news-show.php?id=118">《建设工程抗震管理条例》国务院政策例行吹风会</a></h6>
                                        <span>2021-09-27</span>
                                        <p>《建设工程抗震管理条例》已经国务院常务会议审议通过并正式颁布，9月1日起开始正式施行。</p>
                                    </div>
                                </li>
                                                              <li class="swiper-slide">
                                    <div class="news_list_img">
                                        <a href="news-show.php?id=117" class="img"><img src="./uploads/pic612f336c44679.jpg" alt=""></a>
                                        <h6><a href="news-show.php?id=117">9月1日《建设工程抗震管理条例》将正式实施</a></h6>
                                        <span>2021-09-01</span>
                                        <p>我国建设工程抗震工作将进入目标更清晰、标准更严格、责任更明确的发展新局面，《条例》的实施为提高我国建设工程抗震能力，减轻地震灾害风险，保障人民生命财产提供了法律依据。</p>
                                    </div>
                                </li>
                                                              <li class="swiper-slide">
                                    <div class="news_list_img">
                                        <a href="news-show.php?id=114" class="img"><img src="./uploads/pic609e078676a04.jpg" alt=""></a>
                                        <h6><a href="news-show.php?id=114">会议通过《建设工程抗震管理条例（草案）》</a></h6>
                                        <span>2021-05-14</span>
                                        <p>国务院总理李克强主持召开国务院常务会议，会议通过《建设工程抗震管理条例（草案）》</p>
                                    </div>
                                </li>
                                                              <li class="swiper-slide">
                                    <div class="news_list_img">
                                        <a href="news-show.php?id=113" class="img"><img src="./uploads/pic606d4779c6839.jpg" alt=""></a>
                                        <h6><a href="news-show.php?id=113">长安大学师生来访交流学习</a></h6>
                                        <span>2021-04-08</span>
                                        <p>4月6日，西安长安大学的老师带领各位同学们来到了永安减震公司参观交流学习</p>
                                    </div>
                                </li>
                                
                            </ul>
                            <!-- Add Pagination -->
                            <!--<div class="swiper-pagination"></div>-->
                            <!-- Add Arrows -->

                        </div>
                        <div class="swiper-button-next news_right"><img src="tpl/images/news_right.png" alt=""></div>
                        <div class="swiper-button-prev news_left"><img src="tpl/images/news_left.png" alt=""></div>
                        <script>
                            var swiper = new Swiper('.news_list', {
                                slidesPerView: 4,
                                spaceBetween: 20,
                                slidesPerGroup: 4,
                                // loop: true,
                                loopFillGroupWithBlank: true,
//                            pagination: {
//                                el: '.swiper-pagination',
//                                clickable: true,
//                            },
                                navigation: {
                                    nextEl: '.swiper-button-next',
                                    prevEl: '.swiper-button-prev',
                                },
                            });
                        </script>
                    </div>
                </div>
            </div>
        </div>
        <!--产品展示-->
        <div class="swiper-slide">
            <div class="index5_con mt">
                <div class="index_oic_con">
                <div class="pic_list_con">
                    <div class="title">
                        <h6>产品·展示</h6>
                        <p><i></i>PRODUCT CATEGORY<i></i></p>
                    </div>

                    <div class="index_pic">
                        <div class="swiper-container pic_list">
                            <ul class="swiper-wrapper x_tab_list">
                               
                                                                      <li class="swiper-slide ">
                                            <a href="#">天然橡胶支座</a>
                                        </li>
                                                                       <li class="swiper-slide ">
                                            <a href="#">铅芯橡胶支座</a>
                                        </li>
                                                                       <li class="swiper-slide ">
                                            <a href="#">楼梯结构橡胶支座</a>
                                        </li>
                                                                       <li class="swiper-slide ">
                                            <a href="#">高阻尼橡胶支座</a>
                                        </li>
                                                                       <li class="swiper-slide ">
                                            <a href="#">球型钢支座</a>
                                        </li>
                                                                       <li class="swiper-slide ">
                                            <a href="#">抗拉球型钢支座</a>
                                        </li>
                                                                       <li class="swiper-slide ">
                                            <a href="#">弹性球型钢支座</a>
                                        </li>
                                                                       <li class="swiper-slide ">
                                            <a href="#">双曲面抗拉球形钢支座</a>
                                        </li>
                                                                       <li class="swiper-slide ">
                                            <a href="#">摩擦摆隔震支座</a>
                                        </li>
                                                                       <li class="swiper-slide ">
                                            <a href="#">桥梁隔震支座</a>
                                        </li>
                                                                       <li class="swiper-slide ">
                                            <a href="#">设备隔震系列产品</a>
                                        </li>
                                                                       <li class="swiper-slide ">
                                            <a href="#">粘滞阻尼器</a>
                                        </li>
                                                                       <li class="swiper-slide ">
                                            <a href="#">屈曲约束支撑</a>
                                        </li>
                                                                       <li class="swiper-slide ">
                                            <a href="#">电器减震产品</a>
                                        </li>
                                                                       <li class="swiper-slide ">
                                            <a href="#">调谐质量阻尼器</a>
                                        </li>
                                                                       <li class="swiper-slide ">
                                            <a href="#">K形板组合阻尼器</a>
                                        </li>
                                                           </ul>
                            <div class="swiper-button-next pic_right"><img src="tpl/images/pic_title_right.png" alt="">
                            </div>
                            <div class="swiper-button-prev pic_left"><img src="tpl/images/pic_title_left.png" alt=""></div>
                            <script>
                                var swiper = new Swiper('.pic_list', {
                                    slidesPerView: 6,
                                    spaceBetween: 0,
                                    slidesPerGroup: 6,
                                    // loop: true,
                                    loopFillGroupWithBlank: true,
//                            pagination: {
//                                el: '.swiper-pagination',
//                                clickable: true,
//                            },
                                    navigation: {
                                        nextEl: '.swiper-button-next',
                                        prevEl: '.swiper-button-prev',
                                    },
                                });
                            </script>
                        </div>
                        <div class="pic_con_a">
                                                    <div class="x_tab_con  active">
                                <div class="swiper-container pic_img_list">
                                    <ul class="swiper-wrapper x_img_list">
                                     
                                                                                    <li><a href="product-show.php?id=11">
                                                <img src="./uploads/pic5a700c1f4ca90.jpg##" alt="">
                                                <p>橡胶隔震支座</p>
                                            </a></li>
                                                                                    <li><a href="product-show.php?id=10">
                                                <img src="./uploads/pic5a694d6c362bf.jpg##" alt="">
                                                <p>橡胶隔震支座</p>
                                            </a></li>
                                          
                                     
                                    </ul>
                                </div>
                                <div class="swiper-button-next pic_img_right"><img src="tpl/images/pic_right.png" alt="">
                                </div>
                                <div class="swiper-button-prev pic_img_left"><img src="tpl/images/pic_left.png" alt="">
                                </div>
                            </div>
                                                     <div class="x_tab_con  ">
                                <div class="swiper-container pic_img_list">
                                    <ul class="swiper-wrapper x_img_list">
                                     
                                                                                    <li><a href="product-show.php?id=12">
                                                <img src="./uploads/pic5a7424ac396b0.jpg##" alt="">
                                                <p>铅芯橡胶支座示意图</p>
                                            </a></li>
                                                                                    <li><a href="product-show.php?id=7">
                                                <img src="./uploads/pic5a7425b358f50.jpg##" alt="">
                                                <p>铅芯橡胶支座</p>
                                            </a></li>
                                          
                                     
                                    </ul>
                                </div>
                                <div class="swiper-button-next pic_img_right"><img src="tpl/images/pic_right.png" alt="">
                                </div>
                                <div class="swiper-button-prev pic_img_left"><img src="tpl/images/pic_left.png" alt="">
                                </div>
                            </div>
                                                     <div class="x_tab_con  ">
                                <div class="swiper-container pic_img_list">
                                    <ul class="swiper-wrapper x_img_list">
                                     
                                                                                    <li><a href="product-show.php?id=13">
                                                <img src="./uploads/pic5a742568377f5.jpg##" alt="">
                                                <p>楼梯结构橡胶支座</p>
                                            </a></li>
                                                                                    <li><a href="product-show.php?id=8">
                                                <img src="./uploads/pic5a67e87a1edf3.jpg##" alt="">
                                                <p>楼梯结构橡胶支座</p>
                                            </a></li>
                                          
                                     
                                    </ul>
                                </div>
                                <div class="swiper-button-next pic_img_right"><img src="tpl/images/pic_right.png" alt="">
                                </div>
                                <div class="swiper-button-prev pic_img_left"><img src="tpl/images/pic_left.png" alt="">
                                </div>
                            </div>
                                                     <div class="x_tab_con  ">
                                <div class="swiper-container pic_img_list">
                                    <ul class="swiper-wrapper x_img_list">
                                     
                                                                                    <li><a href="product-show.php?id=9">
                                                <img src="./uploads/pic5a742618a0384.jpg##" alt="">
                                                <p>高阻尼橡胶支座</p>
                                            </a></li>
                                          
                                     
                                    </ul>
                                </div>
                                <div class="swiper-button-next pic_img_right"><img src="tpl/images/pic_right.png" alt="">
                                </div>
                                <div class="swiper-button-prev pic_img_left"><img src="tpl/images/pic_left.png" alt="">
                                </div>
                            </div>
                                                     <div class="x_tab_con  ">
                                <div class="swiper-container pic_img_list">
                                    <ul class="swiper-wrapper x_img_list">
                                     
                                                                                    <li><a href="product-show.php?id=15">
                                                <img src="./uploads/pic5a742789b588b.jpg##" alt="">
                                                <p>球型钢支座</p>
                                            </a></li>
                                                                                    <li><a href="product-show.php?id=14">
                                                <img src="./uploads/pic5a74275d56557.jpg##" alt="">
                                                <p>球形钢支座</p>
                                            </a></li>
                                          
                                     
                                    </ul>
                                </div>
                                <div class="swiper-button-next pic_img_right"><img src="tpl/images/pic_right.png" alt="">
                                </div>
                                <div class="swiper-button-prev pic_img_left"><img src="tpl/images/pic_left.png" alt="">
                                </div>
                            </div>
                                                     <div class="x_tab_con  ">
                                <div class="swiper-container pic_img_list">
                                    <ul class="swiper-wrapper x_img_list">
                                     
                                                                                    <li><a href="product-show.php?id=16">
                                                <img src="./uploads/pic5a74280ba7f31.jpg##" alt="">
                                                <p>抗拉球形钢支座</p>
                                            </a></li>
                                          
                                     
                                    </ul>
                                </div>
                                <div class="swiper-button-next pic_img_right"><img src="tpl/images/pic_right.png" alt="">
                                </div>
                                <div class="swiper-button-prev pic_img_left"><img src="tpl/images/pic_left.png" alt="">
                                </div>
                            </div>
                                                     <div class="x_tab_con  ">
                                <div class="swiper-container pic_img_list">
                                    <ul class="swiper-wrapper x_img_list">
                                     
                                                                                    <li><a href="product-show.php?id=18">
                                                <img src="./uploads/pic5a742858ec3bd.jpg##" alt="">
                                                <p>弹性球形钢支座</p>
                                            </a></li>
                                          
                                     
                                    </ul>
                                </div>
                                <div class="swiper-button-next pic_img_right"><img src="tpl/images/pic_right.png" alt="">
                                </div>
                                <div class="swiper-button-prev pic_img_left"><img src="tpl/images/pic_left.png" alt="">
                                </div>
                            </div>
                                                     <div class="x_tab_con  ">
                                <div class="swiper-container pic_img_list">
                                    <ul class="swiper-wrapper x_img_list">
                                     
                                          
                                     
                                    </ul>
                                </div>
                                <div class="swiper-button-next pic_img_right"><img src="tpl/images/pic_right.png" alt="">
                                </div>
                                <div class="swiper-button-prev pic_img_left"><img src="tpl/images/pic_left.png" alt="">
                                </div>
                            </div>
                                                     <div class="x_tab_con  ">
                                <div class="swiper-container pic_img_list">
                                    <ul class="swiper-wrapper x_img_list">
                                     
                                                                                    <li><a href="product-show.php?id=25">
                                                <img src="./uploads/pic5a77fd4f27ee4.png##" alt="">
                                                <p>摩擦摆隔震支座</p>
                                            </a></li>
                                                                                    <li><a href="product-show.php?id=24">
                                                <img src="./uploads/pic5a77fc6c11021.jpg##" alt="">
                                                <p>摩擦摆隔震支座</p>
                                            </a></li>
                                          
                                     
                                    </ul>
                                </div>
                                <div class="swiper-button-next pic_img_right"><img src="tpl/images/pic_right.png" alt="">
                                </div>
                                <div class="swiper-button-prev pic_img_left"><img src="tpl/images/pic_left.png" alt="">
                                </div>
                            </div>
                                                     <div class="x_tab_con  ">
                                <div class="swiper-container pic_img_list">
                                    <ul class="swiper-wrapper x_img_list">
                                     
                                          
                                     
                                    </ul>
                                </div>
                                <div class="swiper-button-next pic_img_right"><img src="tpl/images/pic_right.png" alt="">
                                </div>
                                <div class="swiper-button-prev pic_img_left"><img src="tpl/images/pic_left.png" alt="">
                                </div>
                            </div>
                                                     <div class="x_tab_con  ">
                                <div class="swiper-container pic_img_list">
                                    <ul class="swiper-wrapper x_img_list">
                                     
                                                                                    <li><a href="product-show.php?id=23">
                                                <img src="./uploads/pic5a742b3c50931.jpg##" alt="">
                                                <p>设备隔震系列产品</p>
                                            </a></li>
                                                                                    <li><a href="product-show.php?id=21">
                                                <img src="./uploads/pic5a7429baf2461.jpg##" alt="">
                                                <p>设备隔震系列产品</p>
                                            </a></li>
                                          
                                     
                                    </ul>
                                </div>
                                <div class="swiper-button-next pic_img_right"><img src="tpl/images/pic_right.png" alt="">
                                </div>
                                <div class="swiper-button-prev pic_img_left"><img src="tpl/images/pic_left.png" alt="">
                                </div>
                            </div>
                                                     <div class="x_tab_con  ">
                                <div class="swiper-container pic_img_list">
                                    <ul class="swiper-wrapper x_img_list">
                                     
                                                                                    <li><a href="product-show.php?id=30">
                                                <img src="./uploads/pic5c25b14daec29.jpg##" alt="">
                                                <p>粘滞阻尼器</p>
                                            </a></li>
                                                                                    <li><a href="product-show.php?id=28">
                                                <img src="./uploads/pic5c25b12992c76.png##" alt="">
                                                <p>粘滞阻尼器</p>
                                            </a></li>
                                                                                    <li><a href="product-show.php?id=27">
                                                <img src="./uploads/pic5c25b1096ad46.png##" alt="">
                                                <p>粘滞阻尼器</p>
                                            </a></li>
                                                                                    <li><a href="product-show.php?id=22">
                                                <img src="./uploads/pic5a742af735790.jpg##" alt="">
                                                <p>粘滞阻尼器</p>
                                            </a></li>
                                          
                                     
                                    </ul>
                                </div>
                                <div class="swiper-button-next pic_img_right"><img src="tpl/images/pic_right.png" alt="">
                                </div>
                                <div class="swiper-button-prev pic_img_left"><img src="tpl/images/pic_left.png" alt="">
                                </div>
                            </div>
                                                     <div class="x_tab_con  ">
                                <div class="swiper-container pic_img_list">
                                    <ul class="swiper-wrapper x_img_list">
                                     
                                                                                    <li><a href="product-show.php?id=20">
                                                <img src="./uploads/pic5a74291fe9e0b.jpg##" alt="">
                                                <p>屈曲约束支撑</p>
                                            </a></li>
                                          
                                     
                                    </ul>
                                </div>
                                <div class="swiper-button-next pic_img_right"><img src="tpl/images/pic_right.png" alt="">
                                </div>
                                <div class="swiper-button-prev pic_img_left"><img src="tpl/images/pic_left.png" alt="">
                                </div>
                            </div>
                                                     <div class="x_tab_con  ">
                                <div class="swiper-container pic_img_list">
                                    <ul class="swiper-wrapper x_img_list">
                                     
                                                                                    <li><a href="product-show.php?id=26">
                                                <img src="./uploads/pic5ab88d7704cec.jpg##" alt="">
                                                <p>橡胶隔震垫</p>
                                            </a></li>
                                          
                                     
                                    </ul>
                                </div>
                                <div class="swiper-button-next pic_img_right"><img src="tpl/images/pic_right.png" alt="">
                                </div>
                                <div class="swiper-button-prev pic_img_left"><img src="tpl/images/pic_left.png" alt="">
                                </div>
                            </div>
                                                     <div class="x_tab_con  ">
                                <div class="swiper-container pic_img_list">
                                    <ul class="swiper-wrapper x_img_list">
                                     
                                          
                                     
                                    </ul>
                                </div>
                                <div class="swiper-button-next pic_img_right"><img src="tpl/images/pic_right.png" alt="">
                                </div>
                                <div class="swiper-button-prev pic_img_left"><img src="tpl/images/pic_left.png" alt="">
                                </div>
                            </div>
                                                     <div class="x_tab_con  ">
                                <div class="swiper-container pic_img_list">
                                    <ul class="swiper-wrapper x_img_list">
                                     
                                                                                    <li><a href="product-show.php?id=19">
                                                <img src="./uploads/pic5a7428b6e0491.jpg##" alt="">
                                                <p>K形板组合阻尼器</p>
                                            </a></li>
                                          
                                     
                                    </ul>
                                </div>
                                <div class="swiper-button-next pic_img_right"><img src="tpl/images/pic_right.png" alt="">
                                </div>
                                <div class="swiper-button-prev pic_img_left"><img src="tpl/images/pic_left.png" alt="">
                                </div>
                            </div>
                                                     <script>
                                var swiper = new Swiper('.pic_img_list', {
                                    slidesPerView: 3,
                                    spaceBetween: 35,
                                    slidesPerGroup: 3,
                                    // loop: true,
                                    loopFillGroupWithBlank: true,
//                            pagination: {
//                                el: '.swiper-pagination',
//                                clickable: true,
//                            },
                                    navigation: {
                                        nextEl: '.pic_img_right',
                                        prevEl: '.pic_img_left',
                                    },
                                });
                            </script>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
        </div>
        <!--工程案例-->
        <div class="swiper-slide mt">
            <div class="index6_con mt">
                <div class="cg_al_list_con">
                    <div class="title">
                        <h6>工程·案例</h6>
                        <p><i></i>CASE<i></i></p>
                    </div>
                    <div class="cg_al_list clearfix">
                        <ul class="cg_tab_list pull-left">
                        
                                       
                               <li class="on"> <a href="#">重要项目业绩</a></li>
                            
                                        
                               <li > <a href="#">其他工程名录</a></li>
                            
                         
                          
                        </ul>
                        <div class="cg_tab_con pull-right">
                                                     <ul class="cg_tab_con_list clearfix active">
                                                            <li><a href="pic-show.php?id=67">
                                    <img src="./uploads/pic5a7bb9dd4ab09.jpg" alt="">
                                    <p>大荔县中学</p>
                                </a></li>
                                                              <li><a href="pic-show.php?id=74">
                                    <img src="./uploads/pic5a7d63896dcd9.jpg" alt="">
                                    <p>甘肃兰州学校项目</p>
                                </a></li>
                                                              <li><a href="pic-show.php?id=73">
                                    <img src="./uploads/pic5a7bbdc9d4338.jpg" alt="">
                                    <p>肃南医院</p>
                                </a></li>
                                 
                            </ul>
                                                        <ul class="cg_tab_con_list clearfix ">
                                                            <li><a href="pic-show.php?id=18">
                                    <img src="./uploads/pic5a67ed383d5f1.jpg" alt="">
                                    <p>西安高新万达城市综合体</p>
                                </a></li>
                                                              <li><a href="pic-show.php?id=107">
                                    <img src="./uploads/pic5ae16ae38195d.jpg" alt="">
                                    <p>国家级企业技术中心</p>
                                </a></li>
                                                              <li><a href="pic-show.php?id=106">
                                    <img src="./uploads/pic5ae16b1fbef7b.png" alt="">
                                    <p>金辉世界城项目</p>
                                </a></li>
                                 
                            </ul>
                             
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--招贤纳士-->
        <div class="swiper-slide mt">
            <div class="index7_con mt">
                <div class="zx_ns_list_con">
                    <div class="title">
                        <h6>招贤·纳士</h6>
                        <p><i></i>recruiting<i></i></p>
                    </div>
                    <div class="zx_ns_con">
                        <h6>人才理念</h6>
                        <p>
                            陕西永安减震科技有限公司是一支对
                            客户充满责任感和激情的团队，我们提倡
                            科技创新，团队合作，为减隔震事业不断
                            贡献自己的力量。
                        </p>
                        <a href="join.php" class="more">查看更多招聘 ></a>
                    </div>
                </div>
            </div>
        </div>
        <!--地图-->
        <div class="swiper-slide mt">
            <div class="index8_con">
                <iframe src="map.php" width="100%" allowtransparency="true" frameborder="0" height="100%"
                        marginheight="0" marginwidth="0" scrolling="no"></iframe>
                <div class="lx_us">
                    <h5><img src="tpl/images/footr_logo.png" alt=""></h5>
                    <ul class="footer_list">
                        <li><img src="tpl/images/icon_dz.png" alt=""><i>总部地址：陕西省西安市临潼区代新工业园骊丰六路<BR>东2号</i></li>
                       <!--  <li><img src="tpl/images/icon_dz.png" alt=""><i>生产厂址：陕西省西安市临潼区代新工业园骊丰6路2号</i></li> -->
                        <li><span>公司总部联系方式</span></li>
                        <li><img src="tpl/images/icon_sj.png" alt=""><i>手机：139-9186-2705</i></li>
                        <li><img src="tpl/images/icon_zj.png" alt=""><i>座机：029-8393-6660/ 029-8137-4788</i></li>
                        <li><img src="tpl/images/icon_zp.png" alt=""><a href="join.php">招贤纳士</a></li>
                        <li><img src="tpl/images/icon_ly.png" alt=""><a href="contact.php"> 留言反馈</a></li>
                    </ul>
                    <div class="tel">
                        <img src="tpl/images/footer_tel.png" alt="">
                        <span>免费咨询电话：<i>400-029-6077</i></span>
                    </div>
                    <a href="contact.php" class="more_icon">了解更多联系方式</a>
                </div>
            </div>
        </div>
    </div>
    <div class="swiper-pagination home_dd"></div>
</div>

<script type="text/javascript">
    var swiper = new Swiper('.body_index', {
        //pagination: '.home_dd',
        direction: 'vertical',
        slidesPerView: 1,
        paginationClickable: true,
        spaceBetween: 0,
        mousewheel: true,
        mousewheelControl: true,
        pagination: {
            el: '.home_dd',
            clickable: true,
        },
        on: {
            slideChangeTransitionEnd: function () {
                // alert(this.activeIndex);//切换结束时，告诉我现在是第几个slide
                if (swiper.activeIndex == 0) {
                    $(".about_ya_list").animate({"opacity": 0}, 300, 'swing');
                }
                if (swiper.activeIndex == 1) {
                    //关于永安
                    $(".about_ya_list").animate({"opacity": 1}, 300, 'swing');
                    $(".ys_ya_list").animate({ "opacity": 0}, 400, 'swing');
                }
                if (swiper.activeIndex == 2) {
                    //永安优势
                    $(".about_ya_list").animate({"opacity": 0}, 300, 'swing');
                    $(".ys_ya_list").animate({ "opacity": "1"}, 400, 'swing');
                    $(".news_con").animate({ "opacity": 0}, 400, 'swing');
                }
                if (swiper.activeIndex == 3) {
                    //新闻资讯
                    $(".ys_ya_list").animate({ "opacity": 0}, 400, 'swing');
                    $(".news_con").animate({"opacity": 1}, 400, 'swing');
                    $(".index_pic").animate({ "opacity": 0}, 400, 'swing');
                }
                if (swiper.activeIndex == 4) {
                    //产品展示
                    $(".news_con").animate({ "opacity": 0}, 400, 'swing');
                    $(".index_pic").animate({ "opacity": 1}, 400, 'swing');
                    $(".cg_al_list").animate({ "opacity":0}, 500, 'swing');

                }
                if (swiper.activeIndex == 5) {
                    //工程案例
                    $(".index_pic").animate({ "opacity": 0}, 400, 'swing');
                    $(".cg_al_list").animate({ "opacity":1}, 500, 'swing');
                    $(".zx_ns_con").animate({ "opacity": 0}, 400, 'swing');
                }
                if (swiper.activeIndex == 6) {
                    //招贤纳士
                    $(".cg_al_list").animate({ "opacity":0}, 500, 'swing');
                    $(".zx_ns_con").animate({ "opacity": 1}, 400, 'swing');
                    $(".lx_us").animate({"opacity": 0}, 400, 'swing');
                }
                if (swiper.activeIndex == 7) {
                    $(".zx_ns_con").animate({"opacity": 0}, 400, 'swing');
                    //地图
                    $(".lx_us").animate({"opacity": 1}, 400, 'swing');
                }

            },
        },
    });


</script>
</body>
</html>