<!DOCTYPE html>
<html>
<head>
<meta name="Generator" content="CmsEasy 7_7_7_20250320_UTF8" />
    <meta charset="utf-8" />
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <title>铝镁锰板_钢筋桁架楼承板_压型钢板_楼承板_南京斯特恩新型建材有限公司</title>
        <meta name="keywords" content="铝镁锰板,钢筋桁架楼承板,压型钢板,楼承板" />
<meta name="description" content="南京斯特恩新型建材有限公司专业从事压型钢板,楼承板,钢筋桁架楼承板,彩钢板,铝镁锰板,铝吊顶板,岩棉夹芯板,CZ型钢等钢结构制品的设计研发和生产制造,质量在行业中保持领先水平,产品已应用于多种领域,畅销全国,江苏南京大型压型钢板制品生产基地,咨询热线025-58398853" />
    <meta name="author" content="CmsEasy Team" />
    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link href="/common/css/bootstrap/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="/common/font/simple/css/font.css" rel="stylesheet" type="text/css"/>
    <link href="/common/css/bootstrap/bootstrap-3.3.7/css/bootstrap-submenu.css" rel="stylesheet">
    <link href="/common/plugins/swiper/css/swiper.min.css" rel="stylesheet" >
    <link href="/template/default2020/skin/css/base.css?version=7780" rel="stylesheet">
    <link href="/template/default2020/skin/css/style.css" rel="stylesheet">
    <script src="/common/js/jquery/jquery.min.js"></script>
    <script src="/common/js/jquery/jquery-migrate.min.js"></script>
    <script src="/common/plugins/swiper/js/swiper.min.js"></script>
    



</head>
<body>

<div class="clearfix view-html" style="background-color: #fff;">
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
 <span class="sr-only">
 南京斯特恩新型建材有限公司 </span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-brand text-center">
<a href="/" title="南京斯特恩新型建材有限公司">
<img src="/images/logo.png" class="img-responsive cmseasyeditimg" alt="南京斯特恩新型建材有限公司"   />
</a>
</div>
</div> <div id="navbar" class="nav navbar-nav navbar-collapse collapse">
    <ul class="nav navbar-nav">
        <li class="oen active">
            <a href="/">
                <span class=" cmseasyedit"   >
                网站首页                    </span>
            </a>
        </li>
                <li class="oen">
            <a title="关于我们" href="/html/about/">
            <span cmseasy-id="1"   class="cmseasyedit">
                关于我们            </span>
            </a>

            
        </li>
                <li class="oen">
            <a title="新闻中心" href="/html/news/">
            <span cmseasy-id="2"   class="cmseasyedit">
                新闻中心            </span>
            </a>

            
        </li>
                <li class="oen dropdown">
            <a title="产品中心" href="/html/products/" class="toogle">
            <span cmseasy-id="3"   class="cmseasyedit">
                产品中心            </span>
            <span class="caret"></span></a>

                            <ul class="two dropdown-menu">
                                        <li>
                    <a title="产品目录" href="/html/catalogue/" cmseasy-id="20"   class="cmseasyedit">产品目录</a>
                                        </li>

                                        <li class="dropdown-submenu">
                    <a title="楼面压型钢板系统" href="/html/loumian/" cmseasy-id="11"   class="cmseasyedit toogle">楼面压型钢板系统</a>
                                        <ul class="three dropdown-menu">
                                                <li>
                        <a title="闭口楼承板" href="/html/bikou/" cmseasy-id="21"   class="cmseasyedit">闭口楼承板</a>
                                                </li>

                                                <li>
                        <a title="开口楼承板" href="/html/kaikou/" cmseasy-id="22"   class="cmseasyedit">开口楼承板</a>
                                                </li>

                                                <li>
                        <a title="钢筋桁架楼承板" href="/html/gangjinhengjia/" cmseasy-id="23"   class="cmseasyedit">钢筋桁架楼承板</a>
                                                </li>

                                            </ul>
                                        </li>

                                        <li>
                    <a title="屋面压型钢板系统" href="/html/wumian/" cmseasy-id="12"   class="cmseasyedit">屋面压型钢板系统</a>
                                        </li>

                                        <li>
                    <a title="墙面压型钢板系统" href="/html/qiangmian/" cmseasy-id="13"   class="cmseasyedit">墙面压型钢板系统</a>
                                        </li>

                                        <li class="dropdown-submenu">
                    <a title="铝镁锰板系统" href="/html/lvmeimeng/" cmseasy-id="14"   class="cmseasyedit toogle">铝镁锰板系统</a>
                                        <ul class="three dropdown-menu">
                                                <li>
                        <a title="镇江铝镁锰板_镇江钢筋桁架楼承板" href="/html/zjlmmb/" cmseasy-id="24"   class="cmseasyedit">镇江铝镁锰板_镇江钢筋桁架楼承板</a>
                                                </li>

                                                <li>
                        <a title="常州铝镁锰板_常州钢筋桁架楼承板" href="/html/czlmmb/" cmseasy-id="25"   class="cmseasyedit">常州铝镁锰板_常州钢筋桁架楼承板</a>
                                                </li>

                                                <li>
                        <a title="扬州铝镁锰板_扬州钢筋桁架楼承板" href="/html/yzlmmb/" cmseasy-id="26"   class="cmseasyedit">扬州铝镁锰板_扬州钢筋桁架楼承板</a>
                                                </li>

                                                <li>
                        <a title="淮安铝镁锰板_淮安钢筋桁架楼承板" href="/html/huai-an-lv-mei-meng-ban/" cmseasy-id="27"   class="cmseasyedit">淮安铝镁锰板_淮安钢筋桁架楼承板</a>
                                                </li>

                                                <li>
                        <a title="宿迁铝镁锰板_宿迁钢筋桁架楼承板" href="/html/sqlmmb/" cmseasy-id="28"   class="cmseasyedit">宿迁铝镁锰板_宿迁钢筋桁架楼承板</a>
                                                </li>

                                                <li>
                        <a title="滁州铝镁锰板_滁州钢筋桁架楼承板" href="/html/czlmmb/" cmseasy-id="29"   class="cmseasyedit">滁州铝镁锰板_滁州钢筋桁架楼承板</a>
                                                </li>

                                            </ul>
                                        </li>

                                        <li>
                    <a title="轻质型钢檩条系统" href="/html/xinggang/" cmseasy-id="16"   class="cmseasyedit">轻质型钢檩条系统</a>
                                        </li>

                                        <li>
                    <a title="金属岩棉夹芯板系统" href="/html/jiaxinban/" cmseasy-id="17"   class="cmseasyedit">金属岩棉夹芯板系统</a>
                                        </li>

                                        <li>
                    <a title="钢板开平系统" href="/html/kaipingban/" cmseasy-id="18"   class="cmseasyedit">钢板开平系统</a>
                                        </li>

                                        <li>
                    <a title="辅助配件" href="/html/fuzhu/" cmseasy-id="19"   class="cmseasyedit">辅助配件</a>
                                        </li>

                                    </ul>
            
        </li>
                <li class="oen">
            <a title="生产技术" href="/html/production/">
            <span cmseasy-id="4"   class="cmseasyedit">
                生产技术            </span>
            </a>

            
        </li>
                <li class="oen">
            <a title="施工方案" href="/html/construction/">
            <span cmseasy-id="5"   class="cmseasyedit">
                施工方案            </span>
            </a>

            
        </li>
                <li class="oen">
            <a title="经典案例" href="/html/cases/">
            <span cmseasy-id="6"   class="cmseasyedit">
                经典案例            </span>
            </a>

            
        </li>
                <li class="oen">
            <a title="联系我们" href="/html/contact/">
            <span cmseasy-id="7"   class="cmseasyedit">
                联系我们            </span>
            </a>

            
        </li>
                               
    </ul>
</div></div>
</nav>
</div><div class="clearfix view-html">
<div class="container-fluid clearfix" style="z-index: 7;">
<div class="row column">
<div class="visual-slide">
<div class="tag">
<div class="row">
    <!-- Swiper -->
    <div class="swiper-container swiper-container-1">
        <div class="swiper-wrapper">
                        <div class="swiper-slide">
                <div class="slide-item">
                                        <a href="#" target="_blank">
                        <img  src="/images/slide/banner01.jpg" alt="— 中国大型压型钢板生产厂家 —" class="img-responsive">
                    </a>
                    <div class="slide-item-text  text-left">
                        <div class="container">
                            <h2>— 中国大型压型钢板生产厂家 —</h2>                            <p class="text-left">南京斯特恩新型建材有限公司</p>                            <a href="#" target="_blank" class="btn slide-btn">了解更多</a>                        </div>
                    </div>
                                    </div>
            </div>
                        <div class="swiper-slide">
                <div class="slide-item">
                                        <a href="#" target="_blank">
                        <img  src="/images/slide/banner02.jpg" alt="— 优质钢筋桁架楼承板制造商 —" class="img-responsive">
                    </a>
                    <div class="slide-item-text  text-left">
                        <div class="container">
                            <h2>— 优质钢筋桁架楼承板制造商 —</h2>                            <p class="text-left">南京斯特恩新型建材有限公司</p>                            <a href="#" target="_blank" class="btn slide-btn">了解更多</a>                        </div>
                    </div>
                                    </div>
            </div>
                        <div class="swiper-slide">
                <div class="slide-item">
                                        <a href="#" target="_blank">
                        <img  src="/images/slide/banner03.jpg" alt="— 专业铝镁锰屋面系统品牌商 —" class="img-responsive">
                    </a>
                    <div class="slide-item-text  text-left">
                        <div class="container">
                            <h2>— 专业铝镁锰屋面系统品牌商 —</h2>                            <p class="text-left">南京斯特恩新型建材有限公司</p>                            <a href="#" target="_blank" class="btn slide-btn">了解更多</a>                        </div>
                    </div>
                                    </div>
            </div>
                    </div>
                <div class="swiper-pagination swiper-pagination-1"></div>
        <div class="swiper-button-next swiper-button-next-1"><span class="glyphicon glyphicon-menu-right"></span></div>
        <div class="swiper-button-prev swiper-button-prev-1"><span class="glyphicon glyphicon-menu-left"></span></div>
            </div>
</div>
<script>
    var myswiper = new Swiper('.swiper-container-1', {
        slidesPerView: 1,
        spaceBetween: 1,
        loop: true,
        lazy: true,
        pagination: {
            el: '.swiper-pagination-1',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next-1',
            prevEl: '.swiper-button-prev-1',
        },
        autoplay: {
        delay: 5000,
            stopOnLastSlide: false,
            disableOnInteraction: true,
    },
        });
</script>
<style type="text/css">
    /* 幻灯*/
    .swiper-container-1 {
        width: 100%;
        height: 100%;
    }
    .swiper-container-1 .slide-item {
        position: relative;
    }
    .swiper-container-1 .slide-item img {
        width: 100%;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        margin:0px auto;
    }
    .swiper-container-1 .swiper-button-prev-1,
    .swiper-container-1 .swiper-button-next-1 {
        opacity: 0;
        position: absolute;
        top: 50%;
    }
    .swiper-container-1:hover .swiper-button-prev-1,
    .swiper-container-1:hover .swiper-button-next-1 {
        width:calc(50px + 30px);
        height:calc(50px + 30px);
        line-height:calc(50px + 30px);
        opacity: 1;
        transition: all .3s linear;
        background-color:rgba(0,0,0,0.5);
        background-image:none;
        font-size:50px;
        text-align:center;
        border-radius: 50px;
        color:#ffffff;
    }
    .swiper-container-1 .slide-item-text {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .swiper-container-1 .slide-item-text h2 {
        padding: 0;
        color: #ffffff;
        font-size: 36px;
        font-style: normal;
        line-height: 1.8;

        letter-spacing: 1px;
        display: inline-block;
    }
    .swiper-container-1 .slide-item-text p {
        margin:0px auto;
        padding: 0;
        color: #ffffff;
        font-size: 20px;
        line-height: 1.6;
        font-weight: 300;
        margin-bottom: 40px;
        letter-spacing: 1px;
    }
    .swiper-container-1 .slide-item-text a.slide-btn {
        color: #ffffff;
        cursor: pointer;
        font-weight: 400;
        font-size: 14px;
        line-height: 15px;
        text-align: center;
        padding: 17px 30px;
        white-space: nowrap;
        letter-spacing: 1px;
        background: #00b7ee;
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        border: none;
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
        -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
        transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    }
    .swiper-container-1 .slide-item-text a.slide-btn:hover,
    .swiper-container-1 .slide-item-text a.slide-btn:active {
        color: #ffffff;
        background: #222222;
        -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
        transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    }
    .swiper-container-1 .slide-item-text h2 {
        transition: all 500ms ease-in-out 1000ms;
        position: relative;
        left: 50%;
        opacity: 0;
    }
    .swiper-container-1 .slide-item-text p {
        transition: all 800ms ease-in-out 1500ms;
        position: relative;
        left: 50%;
        opacity: 0;
    }
    .swiper-container-1 .slide-item-text a {
        transition: all 1200ms ease-in-out 2000ms;
        position: relative;
        left: 25%;
        opacity: 0;
    }
    .swiper-container-1 .swiper-slide-active .slide-item-text h2 {
        left: 0;
        opacity: 1;
    }
    .swiper-container-1 .swiper-slide-active .slide-item-text p {
        left: 0;
        opacity: 1;
    }
    .swiper-container-1 .swiper-slide-active .slide-item-text a {
        left: 0;
        opacity: 1;
    }



    .swiper-container-1 .slide-item-text h2 {
        font-size:36px;
    }
    .swiper-container-1 .slide-item-text p {
        font-size:20px;
    }
    .swiper-container-1 .slide-item-text h2,
    .swiper-container-1 .slide-item-text p{
        color:#ffffff;
    }
    .swiper-container-1 .slide-item-text a.slide-btn {
        background:#00b7ee;
        color:#ffffff;
    }
    .swiper-pagination-1 .swiper-pagination-bullet {
        width:50px;
        height:10px;
        background:#ffffff;
        opacity: 1;
        transition: all .3s linear;
        border-radius: 0;
    }
    .swiper-pagination-1 .swiper-pagination-bullet-active{
        background:#00b7ee;
    }
    .swiper-container-1  .swiper-button-prev-1,
    .swiper-container-1  .swiper-button-next-1{
        color:#ffffff;
        font-size:50px;
        width:50px;
        height:50px;
    }
    @media (max-width: 486px) {
        .swiper-pagination-1 {display:none;}
    }
</style></div>
</div>
<div class="clearfix">
</div>
</div>
</div>
<div class="clearfix">
</div>
<div class="container-fluid f-common-0002 clearfix" style="padding-top: 15px; padding-bottom: 15px; z-index: 5;">
<div class="row column">
<div class="view" style="z-index: 7;">
<div class="container" style="z-index: 8;">
<div class="clearfix">
</div>
<div class="tag inline-block pull-left">

<link href="/template/default2020/visual/buymodules/common/f-common-0002/css/style-1.css" rel="stylesheet">
<div class="f-common-0002-title f-common-0002-title-4">
        <h4>
        <a title="产品中心" href="/html/products/" cmseasy-id="3"   class="cmseasyedit ">
            产品中心        </a>
    </h4>
    <p cmseasy-id="3"   class="cmseasyedit ">
            </p>
    </div>
    <style>
        .f-common-0002-title-4 h4,
        .f-common-0002-title-4 h4 a {
            color:#000000;
            border-color:rgba(255, 255, 255, 0);
            background-color:rgba(255, 255, 255, 0);
            font-size:20px;
            border-radius:0px;
        }
        .f-common-0002-title-4 h4 a:hover {
            color:#000000;
            border-color:rgba(255, 255, 255, 0);
        }
        .f-common-0002-title-4 p {
            color:#999999;
            font-size:16px;
        }
        .f-common-0002-title-4 p:hover {
            color:#999999;
        }
    </style>
</div>
<div class="tag inline-block pull-right">

<link href="/template/default2020/visual/buymodules/common/f-common-0002/css/style-2.css" rel="stylesheet">
<div class="f-common-0002-title f-common-0002-title-5">
    <ul>
                        <li>
            <a title="产品目录" href="/html/catalogue/" class="active cmseasyedit"   >
                全部            </a>
        </li>
            </ul>
</div>
<style>
        .f-common-0002-title-5 ul li a {
            color:#000000;
            border-color:rgba(255, 255, 255, 0);
            background-color:rgba(255, 255, 255, 0);
            font-size:16px;
            border-radius:0px;
        }
        .f-common-0002-title-5 ul li a:hover,.f-common-0002-title-5 ul li a.active {
            color:#000000;
            border-color:rgba(255, 255, 255, 0);
            background-color:rgba(255, 255, 255, 0);
        }
        .f-common-0002-title-5 ul li a:before {
            background:#000000;
            border-left-color:#000000;
        }

    </style>

</div>
<div class="tag">

    <link href="/template/default2020/visual/buymodules/common/f-common-0002/css/style-3.css" rel="stylesheet">


    <div class="f-common-0002-items f-common-0002-items-6">
        <div class="row">
                                                            <div class="col-md-3 col-sm-6">
                <div class="f-common-0002-item">


                    <div class="f-common-0002-img">
                        <img src="/html/upload/images/202103/16157709798615.jpg" alt="铝镁锰屋面板" cmseasy-id="276"   class="cmseasyeditimg">
                    </div>
                    <div class="f-common-0002-text">
                        <h4>
                            <a title="铝镁锰屋面板" href="/html/catalogue/show-276.html" cmseasy-id="276"   class="cmseasyedit ">
                                <font style="color:;">铝镁锰屋面板</font>                            </a>
                        </h4>
                        <p cmseasy-id="276"   class="cmseasyedit ">
                                                    </p>
                    </div>
                </div>
            </div>
                                                            <div class="col-md-3 col-sm-6">
                <div class="f-common-0002-item">


                    <div class="f-common-0002-img">
                        <img src="/html/upload/images/202103/16157700183091.jpg" alt="矮立边铝镁锰板" cmseasy-id="257"   class="cmseasyeditimg">
                    </div>
                    <div class="f-common-0002-text">
                        <h4>
                            <a title="矮立边铝镁锰板" href="/html/catalogue/show-257.html" cmseasy-id="257"   class="cmseasyedit ">
                                <font style="color:;">矮立边铝镁锰板</font>                            </a>
                        </h4>
                        <p cmseasy-id="257"   class="cmseasyedit ">
                                                    </p>
                    </div>
                </div>
            </div>
                                                            <div class="col-md-3 col-sm-6">
                <div class="f-common-0002-item">


                    <div class="f-common-0002-img">
                        <img src="/html/upload/images/202103/16157706521929.jpg" alt="铝镁锰弯弧板" cmseasy-id="256"   class="cmseasyeditimg">
                    </div>
                    <div class="f-common-0002-text">
                        <h4>
                            <a title="铝镁锰弯弧板" href="/html/catalogue/show-256.html" cmseasy-id="256"   class="cmseasyedit ">
                                <font style="color:;">铝镁锰弯弧板</font>                            </a>
                        </h4>
                        <p cmseasy-id="256"   class="cmseasyedit ">
                                                    </p>
                    </div>
                </div>
            </div>
                                                            <div class="col-md-3 col-sm-6">
                <div class="f-common-0002-item">


                    <div class="f-common-0002-img">
                        <img src="/html/upload/images/202103/16157715047641.jpg" alt="钢筋桁架楼承板" cmseasy-id="255"   class="cmseasyeditimg">
                    </div>
                    <div class="f-common-0002-text">
                        <h4>
                            <a title="钢筋桁架楼承板" href="/html/catalogue/show-255.html" cmseasy-id="255"   class="cmseasyedit ">
                                <font style="color:;">钢筋桁架楼承板</font>                            </a>
                        </h4>
                        <p cmseasy-id="255"   class="cmseasyedit ">
                                                    </p>
                    </div>
                </div>
            </div>
                                                <div class="clearfix"></div>
                                    <div class="col-md-3 col-sm-6">
                <div class="f-common-0002-item">


                    <div class="f-common-0002-img">
                        <img src="/html/upload/images/202203/16467894676503.jpg" alt="压型钢板楼承板" cmseasy-id="254"   class="cmseasyeditimg">
                    </div>
                    <div class="f-common-0002-text">
                        <h4>
                            <a title="压型钢板楼承板" href="/html/catalogue/show-254.html" cmseasy-id="254"   class="cmseasyedit ">
                                压型钢板楼承板                            </a>
                        </h4>
                        <p cmseasy-id="254"   class="cmseasyedit ">
                                                    </p>
                    </div>
                </div>
            </div>
                                                            <div class="col-md-3 col-sm-6">
                <div class="f-common-0002-item">


                    <div class="f-common-0002-img">
                        <img src="/html/upload/images/201905/15580564921997_s.jpg" alt="Z型钢" cmseasy-id="253"   class="cmseasyeditimg">
                    </div>
                    <div class="f-common-0002-text">
                        <h4>
                            <a title="Z型钢" href="/html/catalogue/show-253.html" cmseasy-id="253"   class="cmseasyedit ">
                                <font style="color:;">Z型钢</font>                            </a>
                        </h4>
                        <p cmseasy-id="253"   class="cmseasyedit ">
                                                    </p>
                    </div>
                </div>
            </div>
                                                            <div class="col-md-3 col-sm-6">
                <div class="f-common-0002-item">


                    <div class="f-common-0002-img">
                        <img src="/html/upload/images/201905/15580560638157_s.jpg" alt="C型钢" cmseasy-id="252"   class="cmseasyeditimg">
                    </div>
                    <div class="f-common-0002-text">
                        <h4>
                            <a title="C型钢" href="/html/catalogue/show-252.html" cmseasy-id="252"   class="cmseasyedit ">
                                <font style="color:;">C型钢</font>                            </a>
                        </h4>
                        <p cmseasy-id="252"   class="cmseasyedit ">
                                                    </p>
                    </div>
                </div>
            </div>
                                                            <div class="col-md-3 col-sm-6">
                <div class="f-common-0002-item">


                    <div class="f-common-0002-img">
                        <img src="/html/upload/images/201905/15580559841420_s.jpg" alt="闭口压型楼承板" cmseasy-id="251"   class="cmseasyeditimg">
                    </div>
                    <div class="f-common-0002-text">
                        <h4>
                            <a title="闭口压型楼承板" href="/html/catalogue/show-251.html" cmseasy-id="251"   class="cmseasyedit ">
                                <font style="color:;">闭口压型楼承板</font>                            </a>
                        </h4>
                        <p cmseasy-id="251"   class="cmseasyedit ">
                                                    </p>
                    </div>
                </div>
            </div>
                                                <div class="clearfix"></div>
                                    <div class="col-md-3 col-sm-6">
                <div class="f-common-0002-item">


                    <div class="f-common-0002-img">
                        <img src="/html/upload/images/201905/15580559537325_s.jpg" alt="开口压型楼承板" cmseasy-id="250"   class="cmseasyeditimg">
                    </div>
                    <div class="f-common-0002-text">
                        <h4>
                            <a title="开口压型楼承板" href="/html/catalogue/show-250.html" cmseasy-id="250"   class="cmseasyedit ">
                                <font style="color:;">开口压型楼承板</font>                            </a>
                        </h4>
                        <p cmseasy-id="250"   class="cmseasyedit ">
                                                    </p>
                    </div>
                </div>
            </div>
                                                            <div class="col-md-3 col-sm-6">
                <div class="f-common-0002-item">


                    <div class="f-common-0002-img">
                        <img src="/html/upload/images/201905/15580558597244_s.jpg" alt="岩棉夹心板" cmseasy-id="249"   class="cmseasyeditimg">
                    </div>
                    <div class="f-common-0002-text">
                        <h4>
                            <a title="岩棉夹心板" href="/html/catalogue/show-249.html" cmseasy-id="249"   class="cmseasyedit ">
                                <font style="color:;">岩棉夹心板</font>                            </a>
                        </h4>
                        <p cmseasy-id="249"   class="cmseasyedit ">
                                                    </p>
                    </div>
                </div>
            </div>
                                                            <div class="col-md-3 col-sm-6">
                <div class="f-common-0002-item">


                    <div class="f-common-0002-img">
                        <img src="/html/upload/images/201905/15580558334037_s.jpg" alt="铝镁锰直板" cmseasy-id="248"   class="cmseasyeditimg">
                    </div>
                    <div class="f-common-0002-text">
                        <h4>
                            <a title="铝镁锰直板" href="/html/catalogue/show-248.html" cmseasy-id="248"   class="cmseasyedit ">
                                <font style="color:;">铝镁锰直板</font>                            </a>
                        </h4>
                        <p cmseasy-id="248"   class="cmseasyedit ">
                                                    </p>
                    </div>
                </div>
            </div>
                                                            <div class="col-md-3 col-sm-6">
                <div class="f-common-0002-item">


                    <div class="f-common-0002-img">
                        <img src="/html/upload/images/201905/15580556406774_s.jpg" alt="彩钢琉璃瓦" cmseasy-id="247"   class="cmseasyeditimg">
                    </div>
                    <div class="f-common-0002-text">
                        <h4>
                            <a title="彩钢琉璃瓦" href="/html/catalogue/show-247.html" cmseasy-id="247"   class="cmseasyedit ">
                                <font style="color:;">彩钢琉璃瓦</font>                            </a>
                        </h4>
                        <p cmseasy-id="247"   class="cmseasyedit ">
                                                    </p>
                    </div>
                </div>
            </div>
                    </div>
    </div>
    <style>
        .f-common-0002-items-6 .f-common-0002-text h4,
        .f-common-0002-items-6 .f-common-0002-text h4 a,
        .f-common-0002-items-6 .f-common-0002-text a {
            color:#000000;
            border-color:rgba(255, 255, 255, 0);
            background-color:rgba(255, 255, 255, 0);
            font-size:16px;
            border-radius:0px;
        }
        .f-common-0002-items-6 .f-common-0002-text h4 a:hover,
        .f-common-0002-items-6 .f-common-0002-text a:hover {
            color:#000000;
            border-color:rgba(255, 255, 255, 0);
        }
        .f-common-0002-items-6 .f-common-0002-text a {
            font-size:14px;
        }
        .f-common-0002-items-6 .f-common-0002-text p {
            color:#999999;
            font-size:14px;
        }

        .f-common-0002-items-6 .f-common-0002-text p:hover {
            color:#999999;
        }
        .f-common-0002-items-6 .f-common-0002-items-6 {
            background:rgba(255, 255, 255, 0);
        }
        .f-common-0002-items-6 .f-common-0002-items-6:hover,
        .f-common-0002-items-6 .f-common-0002-text:after
        {
            background:rgba(255, 255, 255, 0.92);
        }
        .f-common-0002-items-6 .f-common-0002-text p:after {
            border-top-color:#000000;
        }
    </style>

</div>
</div>
</div>
</div>
</div>
<div class="container-fluid f-common-0002 clearfix" style="padding-top: 15px; padding-bottom: 15px; z-index: 5;">
<div class="row column">
<div class="view" style="z-index: 7;">
<div class="container" style="z-index: 8;">
<div class="clearfix">
</div>
<div class="tag inline-block pull-left">

<link href="/template/default2020/visual/buymodules/common/f-common-0002/css/style-1.css" rel="stylesheet">
<div class="f-common-0002-title f-common-0002-title-7">
        <h4>
        <a title="经典案例" href="/html/cases/" cmseasy-id="6"   class="cmseasyedit ">
            经典案例        </a>
    </h4>
    <p cmseasy-id="6"   class="cmseasyedit ">
            </p>
    </div>
    <style>
        .f-common-0002-title-7 h4,
        .f-common-0002-title-7 h4 a {
            color:#000000;
            border-color:rgba(255, 255, 255, 0);
            background-color:rgba(255, 255, 255, 0);
            font-size:20px;
            border-radius:0px;
        }
        .f-common-0002-title-7 h4 a:hover {
            color:#000000;
            border-color:rgba(255, 255, 255, 0);
        }
        .f-common-0002-title-7 p {
            color:#999999;
            font-size:16px;
        }
        .f-common-0002-title-7 p:hover {
            color:#999999;
        }
    </style>
</div>
<div class="tag inline-block pull-right">

<link href="/template/default2020/visual/buymodules/common/f-common-0002/css/style-2.css" rel="stylesheet">
<div class="f-common-0002-title f-common-0002-title-8">
    <ul>
                        <li>
            <a title="经典案例" href="/html/cases/" class="active cmseasyedit"   >
                全部            </a>
        </li>
            </ul>
</div>
<style>
        .f-common-0002-title-8 ul li a {
            color:#000000;
            border-color:rgba(255, 255, 255, 0);
            background-color:rgba(255, 255, 255, 0);
            font-size:16px;
            border-radius:0px;
        }
        .f-common-0002-title-8 ul li a:hover,.f-common-0002-title-8 ul li a.active {
            color:#000000;
            border-color:rgba(255, 255, 255, 0);
            background-color:rgba(255, 255, 255, 0);
        }
        .f-common-0002-title-8 ul li a:before {
            background:#000000;
            border-left-color:#000000;
        }

    </style>

</div>
<div class="tag">

    <link href="/template/default2020/visual/buymodules/common/f-common-0002/css/style-3.css" rel="stylesheet">


    <div class="f-common-0002-items f-common-0002-items-9">
        <div class="row">
                                                            <div class="col-md-3 col-sm-6">
                <div class="f-common-0002-item">


                    <div class="f-common-0002-img">
                        <img src="/html/upload/images/201905/15575590071806_s.jpg" alt="南京华能电厂" cmseasy-id="18"   class="cmseasyeditimg">
                    </div>
                    <div class="f-common-0002-text">
                        <h4>
                            <a title="南京华能电厂" href="/html/cases/show-18.html" cmseasy-id="18"   class="cmseasyedit ">
                                <font style="color:;">南京华能电厂</font>                            </a>
                        </h4>
                        <p cmseasy-id="18"   class="cmseasyedit ">
                                                    </p>
                    </div>
                </div>
            </div>
                                                            <div class="col-md-3 col-sm-6">
                <div class="f-common-0002-item">


                    <div class="f-common-0002-img">
                        <img src="/html/upload/images/201905/15575598688075_s.jpg" alt="田湾核电站" cmseasy-id="25"   class="cmseasyeditimg">
                    </div>
                    <div class="f-common-0002-text">
                        <h4>
                            <a title="田湾核电站" href="/html/cases/show-25.html" cmseasy-id="25"   class="cmseasyedit ">
                                <font style="color:;">田湾核电站</font>                            </a>
                        </h4>
                        <p cmseasy-id="25"   class="cmseasyedit ">
                                                    </p>
                    </div>
                </div>
            </div>
                                                            <div class="col-md-3 col-sm-6">
                <div class="f-common-0002-item">


                    <div class="f-common-0002-img">
                        <img src="/html/upload/images/201905/15575609457698_s.jpg" alt="南京宁和城际站房" cmseasy-id="37"   class="cmseasyeditimg">
                    </div>
                    <div class="f-common-0002-text">
                        <h4>
                            <a title="南京宁和城际站房" href="/html/cases/show-37.html" cmseasy-id="37"   class="cmseasyedit ">
                                <font style="color:;">南京宁和城际站房</font>                            </a>
                        </h4>
                        <p cmseasy-id="37"   class="cmseasyedit ">
                                                    </p>
                    </div>
                </div>
            </div>
                                                            <div class="col-md-3 col-sm-6">
                <div class="f-common-0002-item">


                    <div class="f-common-0002-img">
                        <img src="/html/upload/images/202002/15823475135473.jpg" alt="安徽英科医疗用品有限公司" cmseasy-id="283"   class="cmseasyeditimg">
                    </div>
                    <div class="f-common-0002-text">
                        <h4>
                            <a title="安徽英科医疗用品有限公司" href="/html/cases/show-283.html" cmseasy-id="283"   class="cmseasyedit ">
                                <font style="color:;">安徽英科医疗用品有限公司</font>                            </a>
                        </h4>
                        <p cmseasy-id="283"   class="cmseasyedit ">
                                                    </p>
                    </div>
                </div>
            </div>
                                                <div class="clearfix"></div>
                                    <div class="col-md-3 col-sm-6">
                <div class="f-common-0002-item">


                    <div class="f-common-0002-img">
                        <img src="/html/upload/images/201908/15671335755873.jpg" alt="南京钢铁集团燃供厂煤场筒仓项目" cmseasy-id="270"   class="cmseasyeditimg">
                    </div>
                    <div class="f-common-0002-text">
                        <h4>
                            <a title="南京钢铁集团燃供厂煤场筒仓项目" href="/html/cases/show-270.html" cmseasy-id="270"   class="cmseasyedit ">
                                <font style="color:;">南京钢铁集团燃供厂煤场筒仓项目</font>                            </a>
                        </h4>
                        <p cmseasy-id="270"   class="cmseasyedit ">
                                                    </p>
                    </div>
                </div>
            </div>
                                                            <div class="col-md-3 col-sm-6">
                <div class="f-common-0002-item">


                    <div class="f-common-0002-img">
                        <img src="/html/upload/images/201908/15671320745532.jpg" alt="江苏双汇电力新厂房" cmseasy-id="269"   class="cmseasyeditimg">
                    </div>
                    <div class="f-common-0002-text">
                        <h4>
                            <a title="江苏双汇电力新厂房" href="/html/cases/show-269.html" cmseasy-id="269"   class="cmseasyedit ">
                                <font style="color:;">江苏双汇电力新厂房</font>                            </a>
                        </h4>
                        <p cmseasy-id="269"   class="cmseasyedit ">
                                                    </p>
                    </div>
                </div>
            </div>
                                                            <div class="col-md-3 col-sm-6">
                <div class="f-common-0002-item">


                    <div class="f-common-0002-img">
                        <img src="/html/upload/images/201908/15671315549263.jpg" alt="现代电梯上海新工厂" cmseasy-id="268"   class="cmseasyeditimg">
                    </div>
                    <div class="f-common-0002-text">
                        <h4>
                            <a title="现代电梯上海新工厂" href="/html/cases/show-268.html" cmseasy-id="268"   class="cmseasyedit ">
                                <font style="color:;">现代电梯上海新工厂</font>                            </a>
                        </h4>
                        <p cmseasy-id="268"   class="cmseasyedit ">
                                                    </p>
                    </div>
                </div>
            </div>
                                                            <div class="col-md-3 col-sm-6">
                <div class="f-common-0002-item">


                    <div class="f-common-0002-img">
                        <img src="/html/upload/images/201908/15671311298478.jpg" alt="南京21世纪国际中心项目" cmseasy-id="267"   class="cmseasyeditimg">
                    </div>
                    <div class="f-common-0002-text">
                        <h4>
                            <a title="南京21世纪国际中心项目" href="/html/cases/show-267.html" cmseasy-id="267"   class="cmseasyedit ">
                                <font style="color:;">南京21世纪国际中心项目</font>                            </a>
                        </h4>
                        <p cmseasy-id="267"   class="cmseasyedit ">
                                                    </p>
                    </div>
                </div>
            </div>
                    </div>
    </div>
    <style>
        .f-common-0002-items-9 .f-common-0002-text h4,
        .f-common-0002-items-9 .f-common-0002-text h4 a,
        .f-common-0002-items-9 .f-common-0002-text a {
            color:#000000;
            border-color:rgba(255, 255, 255, 0);
            background-color:rgba(255, 255, 255, 0);
            font-size:16px;
            border-radius:0px;
        }
        .f-common-0002-items-9 .f-common-0002-text h4 a:hover,
        .f-common-0002-items-9 .f-common-0002-text a:hover {
            color:#000000;
            border-color:rgba(255, 255, 255, 0);
        }
        .f-common-0002-items-9 .f-common-0002-text a {
            font-size:14px;
        }
        .f-common-0002-items-9 .f-common-0002-text p {
            color:#999999;
            font-size:14px;
        }

        .f-common-0002-items-9 .f-common-0002-text p:hover {
            color:#999999;
        }
        .f-common-0002-items-9 .f-common-0002-items-9 {
            background:rgba(255, 255, 255, 0);
        }
        .f-common-0002-items-9 .f-common-0002-items-9:hover,
        .f-common-0002-items-9 .f-common-0002-text:after
        {
            background:rgba(255, 255, 255, 0.92);
        }
        .f-common-0002-items-9 .f-common-0002-text p:after {
            border-top-color:#000000;
        }
    </style>

</div>
</div>
</div>
</div>
</div>
<div class="search-box clearfix" style="padding-top: 50px; padding-bottom: 50px; z-index: 8; background-color: rgb(245, 245, 245);">
<div class="container" style="z-index: 8;">
<div class="row" style="z-index: 1;">
<div class="view" style="z-index: 7;">
<div class="row column">
<div class="tag">
<link href="/template/default2020/visual/modules/common/search/css/style.css" rel="stylesheet">

<div class="col-md-12">
<div class="search-container search-container-1 column text-center">
    <h3 class="cmseasyedit"   >
        请输入查询信息!    </h3>
    <form name="search" action="/index.php?case=archive&act=search" method="post">
        <div class="input-group">
            <span class="input-group-btn">
                <button class="btn btn-default" name="submit" type="submit">
                    <span class="glyphicon glyphicon-search"></span>
                </button>
            </span>
            <input name="keyword" type="text" class="form-control" placeholder="请输入查询信息!">
        </div>
    </form>
    <p>
    <h5 class="cmseasyedit"   >
        热门关键词    </h5>
        </p>
</div>
</div>

<style type="text/css">

    @media (min-width: 486px) {
        .search-container {
            width: 60%;
            margin: 0px auto;
        }
    }

    .search-box {
        background:$_background-color;
        border-color:$_background-border-color;

    }

    .search-box:hover
    {
        background:$_background-hover-color;
        border-color:$_background-border-hover-color;
    }
    .search-container-1 h3 {
        font-size:22px;
        color:#000000;
    }

    .search-container-1 h3:hover {
        color:#000000;
    }

    .search-container-1 .input-group .input-group-btn button.btn-default {
        font-size:14px;
        color:#ffffff;
        border-color:#06276a;
        border-radius: 0px;
        background:#06276a;
    }
    .search-container-1 .input-group .input-group-btn button.btn-default:hover {
        color:#ffffff;
        border-color:#06276a;
        border-radius: 0px;
        background:#06276a;
    }

    .search-container-1 .input-group .form-control {
        font-size:14px;
        color:#999999;
        border-color:#999999;
        border-radius: 0px;
        background:#ffffff;
    }

    .search-container-1 .input-group .form-control:hover {
        color:#999999;
        border-color:#999999;
        border-radius: 0px;
        background:#ffffff;
    }

    .search-container-1 p a {
        font-size:14px;
        color:#333333;
        border-color:rgba(255, 255, 255, 0);
        border-radius: 0px;
        background:rgba(255, 255, 255, 0);
    }
    .search-container-1 p a:hover {
        color:#333333;
        border-color:rgba(255, 255, 255, 0);
        border-radius: 0px;
        background:rgba(255, 255, 255, 0);
    }
</style>



</div>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix" style="background-color: rgb(245, 245, 245);">
</div>
</div> <div class="footer">
  <div class="container">
    <div class="copyright">
      <p> <span class="cmseasyedit"  > Copyright © 2013-2026 </span> <a title="南京斯特恩新型建材有限公司" href="https://www.chinastern.com/" class="cmseasyedit"  > 南京斯特恩新型建材有限公司 </a>&nbsp;All rights reserved.</p>
      <p> &nbsp;&nbsp;<a rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32011102010138" rel="nofollow"> <img src="/images/g.png" width="20"> <span class=" cmseasyedit"   > 苏公网安备 </span> <span class=" cmseasyedit"  > 32011102010138 </span> </a>         &nbsp;&nbsp; <a rel="nofollow" href="https://beian.miit.gov.cn/" class="cmseasyedit"  > 苏ICP备16052701号-1 </a>         &nbsp;&nbsp;<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?e28f234db28b378f8bef3803f692dfa2";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script> 
         </p>
    </div>
  </div>
</div>
<div class="servers"> 
  <!--[if (gte IE 7)|!(IE)]><!--> 
  <!-- 在线客服 --> 
  


<style type="text/css">
.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:0px; padding-bottom:0px;  z-index:999; }
.izl-rmenu .sbtn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}



.izl-rmenu .btn-qq{background:url(/template/default2020/skin/images/servers/metro_color/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;color:#FFF;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;color:#FFF;}
.izl-rmenu .btn-qq .qq{background-color:#488bc7; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-qq a {color:#FFF;font-size:14px;}

.izl-rmenu .btn-wx{background:url(/template/default2020/skin/images/servers/metro_color/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:140px;height:140px;}

.izl-rmenu .btn-phone{height:73px;line-height:73px;height:73px;line-height:73px;background:url(/template/default2020/skin/images/servers/metro_color/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:36px; color:#FFF; font-size:16px; text-align:center; display:none;}

.izl-rmenu .btn-ali{background:url(/template/default2020/skin/images/servers/metro_color/r_ali.png) 0px 0px no-repeat; background-color:#B8860B;}
.izl-rmenu .btn-ali:hover{background-color:#808000;}
.izl-rmenu a.btn-ali,.izl-rmenu a.btn-ali:visited{background:url(/template/default2020/skin/images/servers/metro_color/r_ali.png) 0px 0px no-repeat; background-color:#B8860B; text-decoration:none; display:block;}


.izl-rmenu .btn-wangwang{background:url(/template/default2020/skin/images/servers/metro_color/r_wangwang.png) 0px 0px no-repeat; background-color:#FFD700;}
.izl-rmenu .btn-wangwang:hover{background-color:#DAA520;}
.izl-rmenu a.btn-wangwang,.izl-rmenu a.btn-wangwang:visited{background:url(/template/default2020/skin/images/servers/metro_color/r_wangwang.png) 0px 0px no-repeat; background-color:#FFD700; text-decoration:none; display:block;}

.izl-rmenu .btn-msn{background:url(/template/default2020/skin/images/servers/metro_color/r_msn.png) 0px 0px no-repeat; background-color:#FF69B4;}
.izl-rmenu .btn-msn:hover{background-color:#8B008B;}
.izl-rmenu a.btn-msn,.izl-rmenu a.btn-skype:visited{background:url(/template/default2020/skin/images/servers/metro_color/r_msn.png) 0px 0px no-repeat; background-color:#FF69B4; text-decoration:none; display:block;}

.izl-rmenu .btn-skype{background:url(/template/default2020/skin/images/servers/metro_color/r_skype.png) 0px 0px no-repeat; background-color:#FF69B4;}
.izl-rmenu .btn-skype:hover{background-color:#8B008B;}
.izl-rmenu a.btn-skype,.izl-rmenu a.btn-skype:visited{background:url(/template/default2020/skin/images/servers/metro_color/r_skype.png) 0px 0px no-repeat; background-color:#FF69B4; text-decoration:none; display:block;}

.izl-rmenu .btn-web{background:url(/template/default2020/skin/images/servers/metro_color/r_web.png) 0px 0px no-repeat; background-color:#008a46;}
.izl-rmenu .btn-web:hover{background-color:#00663a;}
.izl-rmenu a.btn-web,.izl-rmenu a.btn-web:visited{background:url(/template/default2020/skin/images/servers/metro_color/r_web.png) 0px 0px no-repeat; background-color:#008a46; text-decoration:none; display:block;}


.izl-rmenu .btn-top{background:url(/template/default2020/skin/images/servers/metro_color/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}
</style>

<script language="javascript" type="text/javascript">
$(function(){
var tophtml="<div id=\"izl_rmenu\" class=\"izl-rmenu\"><div class='edit'>" +
        "<button type=\"button\" class=\"btn\" data-toggle=\"modal\" data-type=\"customer\" name=\"allconfig\" data-target=\"#template-allconfig-tag\">" +
        "<i class='glyphicon glyphicon-cog'></i>" +
        "</button></div><div class=\"sbtn btn-qq\"><div class=\"qq\"><a rel=\"nofollow\" target=\"_blank\" href=\"tencent://Message/?Uin=285976493&websiteName=https://www.chinastern.com/=&Menu=yes\">王经理</a><br /><a rel=\"nofollow\" target=\"_blank\" href=\"tencent://Message/?Uin=56658135&websiteName=https://www.chinastern.com/=&Menu=yes\">朱经理</a></div></div><div class=\"sbtn btn-wx\"><img class=\"pic\" src=\"/images/w.gif\" onclick=\"window.location.href=\'http:\'\"/></div><div class=\"sbtn btn-phone\"><div class=\"phone\">025-58398853</div></div><div class=\"sbtn btn-top\"></div></div>";
$("#top").html(tophtml);
$("#izl_rmenu").each(function(){
$(this).find(".btn-qq").mouseenter(function(){
$(this).find(".qq").fadeIn("fast");
});
$(this).find(".btn-qq").mouseleave(function(){
$(this).find(".qq").fadeOut("fast");
});
$(this).find(".btn-wx").mouseenter(function(){
$(this).find(".pic").fadeIn("fast");
});
$(this).find(".btn-wx").mouseleave(function(){
$(this).find(".pic").fadeOut("fast");
});
$(this).find(".btn-phone").mouseenter(function(){
$(this).find(".phone").fadeIn("fast");
});
$(this).find(".btn-phone").mouseleave(function(){
$(this).find(".phone").fadeOut("fast");
});
$(this).find(".btn-top").click(function(){
$("html, body").animate({
"scroll-top":0
},"fast");
});
});
var lastRmenuStatus=false;
$(window).scroll(function(){//bug
var _top=$(window).scrollTop();
if(_top>200){
$("#izl_rmenu").data("expanded",true);
}else{
$("#izl_rmenu").data("expanded",false);
}
if($("#izl_rmenu").data("expanded")!=lastRmenuStatus){
lastRmenuStatus=$("#izl_rmenu").data("expanded");
if(lastRmenuStatus){
$("#izl_rmenu .btn-top").slideDown();
}else{
$("#izl_rmenu .btn-top").slideUp();
}
}
});
});
</script>
<div id="top"></div> 
  <![endif]--> 
  <!-- 短信 --> 
   </div>
<div class="servers-wap">   <link href="/template/default2020/skin/css/wap/wap6.css" rel="stylesheet" />
      
<style type="text/css">



    #plug-wrap {
        position: fixed;
        top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index:800;
    }
    .top_bar {
        position:fixed;
        bottom:0;
    right:0px;
    z-index:900;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif;
    }
    .plug-menu {
        -webkit-appearance:button;
        display:inline-block;
        width:36px;
        height:36px;
        border-radius:36px;
        position: absolute;
        bottom:17px;
    right: 17px;
    z-index:999;
    box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);

    -webkit-transition: -webkit-transform 200ms;
    -webkit-transform:rotate(1deg);
    color:#fff;
    background-image:url('/template/default2020/skin/images/wao/plug.png');
    background-repeat: no-repeat;
    -webkit-background-size: 80% auto;
    background-size: 80% auto;
    background-position: center center;
    }
    .plug-menu:before {
        font-size:20px;
        margin:9px 0 0 9px;
    }
    .plug-menu:checked {
        -webkit-transform:rotate(135deg);
    }
    .top_menu>li {
        width: 32px;
        height:32px;
        border-radius:32px;
        box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);

        position:absolute;
        bottom:0;
    right:0;
    margin-bottom: 20px;
    margin-right:20px;
    z-index:900;
    -webkit-transition: -webkit-transform 200ms;
    }
    .top_menu>li a {
        color:#fff;
        font-size:20px;
        display: block;
        height: 100%;
        line-height: 33px;
        text-align: center;
    }
    .top_menu>li>a label{
        display:none;
    }
    .top_menu>li a img {
        display: block;
        width: 22px;
        height: 22px;
        text-indent: -999px;
        position: absolute;
        top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -11px;
    }
    .top_menu>li.on:nth-of-type(1) {
    -webkit-transform: translate(-0, -100px) rotate(720deg);
    }
    .top_menu>li.on:nth-of-type(2) {
    -webkit-transform: translate(-47px, -81px) rotate(720deg);
    }
    .top_menu>li.on:nth-of-type(3) {
    -webkit-transform: translate(-81px, -45px) rotate(720deg);
    }
    .top_menu>li.on:nth-of-type(4) {
    -webkit-transform: translate(-100px, 0) rotate(720deg);
    }

    #sharemcover {
        position: fixed;
        top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 20000;
    }
    #sharemcover img {
        position: fixed;
    right: 18px;
    top: 5px;
    width: 260px;
    height: 180px;
    z-index: 20001;
    border:0;
    }

</style>
<div class="top_bar" style="-webkit-transform:translate3d(0,0,0)">
    <nav>
        <ul id="top_menu" class="top_menu">
            <a href="#" id="plug-btn" class="plug-menu themeStyle" style="background-image:url('/template/default2020/skin/images/wap/plug.png');border:0px;"></a>
            <li class="themeStyle out" style="background:">
                <a href="tel:025-58398853"><img src="/template/default2020/skin/images/wap/plugmenu1.png"><label>电 话</label></a>
            </li>
            <li class="themeStyle out" style="background:">
                <a href="sms:13813031021"><img src="/template/default2020/skin/images/wap/plugmenu3.png"><label>短信</label></a>
            </li>
            <li class="themeStyle out" style="background:">
                <a href="mqqwpa://im/chat?chat_type=wpa&uin=285976493&version=1&src_type=web&web_src=https://www.chinastern.com/" id="btn_fenxiang"><img src="/template/default2020/skin/images/wap/plugmenu5.png"><label>QQ号码</label></a>
            </li>
                    </ul>
    </nav>
</div>

<div id="plug-wrap" style="display: none;" ></div>
<script>
    $(function(){
        $(".plug-menu").click(function(){
            var li = $(this).parents('ul').find('li');
            if(li.attr("class") == "themeStyle on"){
                li.removeClass("themeStyle on");
                li.addClass("themeStyle out");
            }else{
                li.removeClass("themeStyle out");
                li.addClass("themeStyle on");
            }
        });
    });
</script>   </div>
<!-- 幻灯图片自适应 -->
<style>
.pc-show,.wap-show {
    display:none;
}

.pc-show,.wap-show {
    display:none;
}

@media (min-width: 786px) {
    .pc-show {
        display: block;
    }
}

@media (max-width: 786px) {
    .wap-show {
        display: block;
    }
}
.izl-rmenu .edit,
.main-im .edit {
    width:50px;
    margin:0px auto;
    margin-bottom:1px;
    display:none;
}

.erweima img,
.wap-qr-code img,
.checkout img {
    max-width: 100% !important;
    margin:0px auto;
}
</style>

<!-- Bootstrap core Javascript
================================================== -->

<script src="/common/css/bootstrap/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<!-- 字体图标库 -->
<link rel="stylesheet" type="text/css" href="/common/plugins/fonticon/icomoon.css" />

<div class="servers">
    <!--[if (gte IE 7)|!(IE)]><!-->
    <!-- 在线客服 -->
    


<style type="text/css">
.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:0px; padding-bottom:0px;  z-index:999; }
.izl-rmenu .sbtn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}



.izl-rmenu .btn-qq{background:url(/template/default2020/skin/images/servers/metro_color/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;color:#FFF;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;color:#FFF;}
.izl-rmenu .btn-qq .qq{background-color:#488bc7; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-qq a {color:#FFF;font-size:14px;}

.izl-rmenu .btn-wx{background:url(/template/default2020/skin/images/servers/metro_color/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:140px;height:140px;}

.izl-rmenu .btn-phone{height:73px;line-height:73px;height:73px;line-height:73px;background:url(/template/default2020/skin/images/servers/metro_color/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:36px; color:#FFF; font-size:16px; text-align:center; display:none;}

.izl-rmenu .btn-ali{background:url(/template/default2020/skin/images/servers/metro_color/r_ali.png) 0px 0px no-repeat; background-color:#B8860B;}
.izl-rmenu .btn-ali:hover{background-color:#808000;}
.izl-rmenu a.btn-ali,.izl-rmenu a.btn-ali:visited{background:url(/template/default2020/skin/images/servers/metro_color/r_ali.png) 0px 0px no-repeat; background-color:#B8860B; text-decoration:none; display:block;}


.izl-rmenu .btn-wangwang{background:url(/template/default2020/skin/images/servers/metro_color/r_wangwang.png) 0px 0px no-repeat; background-color:#FFD700;}
.izl-rmenu .btn-wangwang:hover{background-color:#DAA520;}
.izl-rmenu a.btn-wangwang,.izl-rmenu a.btn-wangwang:visited{background:url(/template/default2020/skin/images/servers/metro_color/r_wangwang.png) 0px 0px no-repeat; background-color:#FFD700; text-decoration:none; display:block;}

.izl-rmenu .btn-msn{background:url(/template/default2020/skin/images/servers/metro_color/r_msn.png) 0px 0px no-repeat; background-color:#FF69B4;}
.izl-rmenu .btn-msn:hover{background-color:#8B008B;}
.izl-rmenu a.btn-msn,.izl-rmenu a.btn-skype:visited{background:url(/template/default2020/skin/images/servers/metro_color/r_msn.png) 0px 0px no-repeat; background-color:#FF69B4; text-decoration:none; display:block;}

.izl-rmenu .btn-skype{background:url(/template/default2020/skin/images/servers/metro_color/r_skype.png) 0px 0px no-repeat; background-color:#FF69B4;}
.izl-rmenu .btn-skype:hover{background-color:#8B008B;}
.izl-rmenu a.btn-skype,.izl-rmenu a.btn-skype:visited{background:url(/template/default2020/skin/images/servers/metro_color/r_skype.png) 0px 0px no-repeat; background-color:#FF69B4; text-decoration:none; display:block;}

.izl-rmenu .btn-web{background:url(/template/default2020/skin/images/servers/metro_color/r_web.png) 0px 0px no-repeat; background-color:#008a46;}
.izl-rmenu .btn-web:hover{background-color:#00663a;}
.izl-rmenu a.btn-web,.izl-rmenu a.btn-web:visited{background:url(/template/default2020/skin/images/servers/metro_color/r_web.png) 0px 0px no-repeat; background-color:#008a46; text-decoration:none; display:block;}


.izl-rmenu .btn-top{background:url(/template/default2020/skin/images/servers/metro_color/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}
</style>

<script language="javascript" type="text/javascript">
$(function(){
var tophtml="<div id=\"izl_rmenu\" class=\"izl-rmenu\"><div class='edit'>" +
        "<button type=\"button\" class=\"btn\" data-toggle=\"modal\" data-type=\"customer\" name=\"allconfig\" data-target=\"#template-allconfig-tag\">" +
        "<i class='glyphicon glyphicon-cog'></i>" +
        "</button></div><div class=\"sbtn btn-qq\"><div class=\"qq\"><a rel=\"nofollow\" target=\"_blank\" href=\"tencent://Message/?Uin=285976493&websiteName=https://www.chinastern.com/=&Menu=yes\">王经理</a><br /><a rel=\"nofollow\" target=\"_blank\" href=\"tencent://Message/?Uin=56658135&websiteName=https://www.chinastern.com/=&Menu=yes\">朱经理</a></div></div><div class=\"sbtn btn-wx\"><img class=\"pic\" src=\"/images/w.gif\" onclick=\"window.location.href=\'http:\'\"/></div><div class=\"sbtn btn-phone\"><div class=\"phone\">025-58398853</div></div><div class=\"sbtn btn-top\"></div></div>";
$("#top").html(tophtml);
$("#izl_rmenu").each(function(){
$(this).find(".btn-qq").mouseenter(function(){
$(this).find(".qq").fadeIn("fast");
});
$(this).find(".btn-qq").mouseleave(function(){
$(this).find(".qq").fadeOut("fast");
});
$(this).find(".btn-wx").mouseenter(function(){
$(this).find(".pic").fadeIn("fast");
});
$(this).find(".btn-wx").mouseleave(function(){
$(this).find(".pic").fadeOut("fast");
});
$(this).find(".btn-phone").mouseenter(function(){
$(this).find(".phone").fadeIn("fast");
});
$(this).find(".btn-phone").mouseleave(function(){
$(this).find(".phone").fadeOut("fast");
});
$(this).find(".btn-top").click(function(){
$("html, body").animate({
"scroll-top":0
},"fast");
});
});
var lastRmenuStatus=false;
$(window).scroll(function(){//bug
var _top=$(window).scrollTop();
if(_top>200){
$("#izl_rmenu").data("expanded",true);
}else{
$("#izl_rmenu").data("expanded",false);
}
if($("#izl_rmenu").data("expanded")!=lastRmenuStatus){
lastRmenuStatus=$("#izl_rmenu").data("expanded");
if(lastRmenuStatus){
$("#izl_rmenu .btn-top").slideDown();
}else{
$("#izl_rmenu .btn-top").slideUp();
}
}
});
});
</script>
<div id="top"></div>    <![endif]-->
    <!-- 短信 -->
    </div>

<div class="servers-wap">
        <link href="/template/user/skin/css/wap/wap6.css" rel="stylesheet" />
<style type="text/css">



    #plug-wrap {
        position: fixed;
        top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index:800;
    }
    .top_bar {
        position:fixed;
        bottom:0;
    right:0px;
    z-index:900;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif;
    }
    .plug-menu {
        -webkit-appearance:button;
        display:inline-block;
        width:36px;
        height:36px;
        border-radius:36px;
        position: absolute;
        bottom:17px;
    right: 17px;
    z-index:999;
    box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);

    -webkit-transition: -webkit-transform 200ms;
    -webkit-transform:rotate(1deg);
    color:#fff;
    background-image:url('/template/user/skin/images/wap/plug.png');
    background-repeat: no-repeat;
    -webkit-background-size: 80% auto;
    background-size: 80% auto;
    background-position: center center;
    }
    .plug-menu:before {
        font-size:20px;
        margin:9px 0 0 9px;
    }
    .plug-menu:checked {
        -webkit-transform:rotate(135deg);
    }
    .top_menu>li {
        width: 32px;
        height:32px;
        border-radius:32px;
        box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);

        position:absolute;
        bottom:0;
    right:0;
    margin-bottom: 20px;
    margin-right:20px;
    z-index:900;
    -webkit-transition: -webkit-transform 200ms;
    }
    .top_menu>li a {
        color:#fff;
        font-size:20px;
        display: block;
        height: 100%;
        line-height: 33px;
        text-align: center;
    }
    .top_menu>li>a label{
        display:none;
    }
    .top_menu>li a img {
        display: block;
        width: 22px;
        height: 22px;
        text-indent: -999px;
        position: absolute;
        top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -11px;
    }
    .top_menu>li.on:nth-of-type(1) {
    -webkit-transform: translate(-0, -100px) rotate(720deg);
    }
    .top_menu>li.on:nth-of-type(2) {
    -webkit-transform: translate(-47px, -81px) rotate(720deg);
    }
    .top_menu>li.on:nth-of-type(3) {
    -webkit-transform: translate(-81px, -45px) rotate(720deg);
    }
    .top_menu>li.on:nth-of-type(4) {
    -webkit-transform: translate(-100px, 0) rotate(720deg);
    }

    #sharemcover {
        position: fixed;
        top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 20000;
    }
    #sharemcover img {
        position: fixed;
    right: 18px;
    top: 5px;
    width: 260px;
    height: 180px;
    z-index: 20001;
    border:0;
    }

</style>
<div class="top_bar" style="-webkit-transform:translate3d(0,0,0)">
    <nav>
        <ul id="top_menu" class="top_menu">
            <a href="#" id="plug-btn" class="plug-menu themeStyle" style="border:0px;"></a>
            <li class="themeStyle out" style="background:">
                <a href="tel:025-58398853"><img src="/template/user/skin/images/wap/plugmenu1.png"><label>电 话</label></a>
            </li>
            <li class="themeStyle out" style="background:">
                <a href="sms:13813031021"><img src="/template/user/skin/images/wap/plugmenu3.png"><label>短信</label></a>
            </li>
            <li class="themeStyle out" style="background:">
                <a href="mqqwpa://im/chat?chat_type=wpa&uin=285976493&version=1&src_type=web&web_src=https://www.chinastern.com/" id="btn_fenxiang"><img src="/template/user/skin/images/wap/plugmenu5.png"><label>QQ号码</label></a>
            </li>
                    </ul>
    </nav>
</div>

<div id="plug-wrap" style="display: none;" ></div>
<script>
    $(function(){
        $(".plug-menu").click(function(){
            var li = $(this).parents('ul').find('li');
            if(li.attr("class") == "themeStyle on"){
                li.removeClass("themeStyle on");
                li.addClass("themeStyle out");
            }else{
                li.removeClass("themeStyle out");
                li.addClass("themeStyle on");
            }
        });
    });
</script>    </div>


<!--图片延迟-->
<script src="/common/plugins/lazyload/jquery.lazyload.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
    $(document).ready(function(){
        $("img.lazy,div.lazy").lazyload({
            placeholder:"/images/pic.png",
            effect:"fadeIn",//show直接显示,fadeIn显现
            threshold:280,
            event:"scroll",
            failure_limit:2
        });
    })
</script>


<!-- 导航置顶CSS -->
<style type="text/css">
    .navbar {
        padding-right:0;
        padding-left:0;
        position:fixed;
        top:0px !important;
        right:0 !important;
        left:0 !important;
        z-index:999999999;
        border-radius:0;
    }
    body::before {
        position: relative;
        content: " ";
        display:block;
        width:100%;
        height:70px;
        z-index: 1;
    }
    @media (max-width: 769px) {
        body::before {height:80px;}
    }
    @media (max-width: 468px) {
        body::before {height:60px;}
    }
</style>
<script type="text/javascript">
    <!--
    function setpraise(aid,hrefname,obj) {
//点赞
        $.get(hrefname,{'aid':aid},function(data,status){
            if(data != '') {
                data = JSON.parse(data);
                if(data[0]=='1'){
                    alert("点赞成功!");
                    $(obj).val("取消点赞!");
                }else{
                    alert("取消点赞!");
                    $(obj).val("lang('point-like')");
                }
                $(obj).next('span').html(data[1]);
            }
        });
    }

    function setcollect(couponid,hrefname,obj) {
//收藏
        $.get(hrefname,{'couponid':couponid},function(data,status){
            if(data != '') {
                data = JSON.parse(data);
//显示提示信息
                if(data=='1'){
                    alert("收藏成功!");
                    $(obj).val("取消收藏");
                    $(obj).attr('class','glyphicon glyphicon-heart collection-btn   ');
                }else{
                    alert("已取消收藏!");
                    $(obj).val("收藏");
                    $(obj).attr('class','icon-heart collection-btn');
                }
            }
        });
    }
    //-->
</script>

<!--购买下载-->
<script src="/common/plugins/shop/js/buyarchive.js?version=7780"></script>









<!-- 导航下拉缩小高度 -->
<script type="text/javascript">
    <!--
    $(document).ready(function(){
        $(window).scroll(function() {
            var top = $(".visual-slide,.banner,.banner2,.banner3,.banner4,.cbanner").offset().top; //获取指定位置
            var scrollTop = $(window).scrollTop();  //获取当前滑动位置
            if(scrollTop > top){                 //滑动到该位置时执行代码
                $(".navbar").addClass("active");
            }else{
                $(".navbar").removeClass("active");
            }
        });
    });

    $(function(){
        var cubuk_seviye = $(document).scrollTop();
        var header_yuksekligi = $('.navbar').outerHeight();

        $(window).scroll(function() {
            var kaydirma_cubugu = $(document).scrollTop();

            if (kaydirma_cubugu > header_yuksekligi){$('.navbar').addClass('gizle');}
            else {$('.navbar').removeClass('gizle');}

            if (kaydirma_cubugu > cubuk_seviye){$('.navbar').removeClass('sabit');}
            else {$('.navbar').addClass('sabit');}

            cubuk_seviye = $(document).scrollTop();
        });
    });
    //-->
</script>


<!-- wow动态效果 -->
<link rel="stylesheet" href="/common/plugins/animate/css/animate.min.css" />
<script src="/common/plugins/animate/js/wow.min.js"></script>
<script type="text/javascript">
    <!--
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
        new WOW().init();
    };
    //-->
</script>




<script src="/common/js/admin.js"></script>

<!-- 鼠标滑过展开一级菜单/一级菜单可点击 -->
<script type="text/javascript">
    <!--
    $(function () {
        $(".dropdown,.dropdown-submenu").mouseover(function () {
            $(this).addClass("open");
        });
        $(".dropdown,.dropdown-submenu").mouseleave(function(){
            $(this).removeClass("open");
        })
    });
    $(document).ready(function(){
        var _width = $(window).width();
        if(_width < 768){
            $("#navbar a.toogle").click(function(){
                event.preventDefault();
            });
        }
    });
    //-->
</script>






<script>
    function getDefaultImage(){
        var img=event.srcElement;
        img.src="/images/pic.png";
        img.onerror=null;
    }
</script></body></html>