聯(lián)/系/我/們

Contact Us

歡迎給我們留言

</form>
            </div>
            <div   id="ccuuu6scc"   class="column">
                <div   id="ccuuu6scc"   class="lianxi">
                    <p><span>位置：</span><span dynamic-var="config['公共']['公司地址']">浙江省溫州市平陽(yáng)縣騰蛟印刷工業(yè)園區(qū)C-5</span></p>
                    <p><span>電話：</span><span dynamic-var="config['公共']['公司電話']">17357755553，18207446789，0577—63535998</span></p>
                    <p><span>郵箱：</span><span dynamic-var="config['公共']['公司郵箱']">64536293@qq.com</span></p>
                    <p><span>QQ：</span><span dynamic-var="config['公共']['QQ']">64536293</span></p>
                </div>
            </div>
        </div>

</div>
</div>
        </div>

<div component="contact.html">
            <style type="text/less">
    #lianxiwomen {
        margin-bottom: 6rem;
        @media (max-width: 768px){
            margin-bottom: 3rem;
        }
    } 
</style>
<div   class="ccuuu6scc"   id="lianxiwomen" class="section">
    <div   id="ccuuu6scc"   class="container">
        <div   id="ccuuu6scc"   class="columns">
            <div   id="ccuuu6scc"   class="column">

<div component="map.js">
            
        <div component="china_map.js" data="{'name': '溫州銘楠工貿(mào)有限公司', 'address': '浙江省溫州市平陽(yáng)縣騰蛟印刷工業(yè)園區(qū)C-5', 'phone': '17357755553，18207446789，0577—63535998', 'type': 'static'}">
            
        <div>
            <style>
                .china-map-1nil8ckoa-container {
                    position: relative;
                    width: 100%;
                    height: 500px;
                    border-radius: 12px;
                    overflow: hidden;
                    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
                }

.china-map-1nil8ckoa-map-bg {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: url('//cdn.xuansiwei.com/d1016ewi/1760107571969/map_r__1200-899_c__edece6_.jpg?x-oss-process=style/small');
                    background-size: cover;
                    background-position: center;
                    filter: brightness(0.9);
                }

.china-map-1nil8ckoa-map-bg::before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background: rgba(0, 0, 0, 0.1);
                }

.china-map-1nil8ckoa-marker-pin {
                    position: absolute;
                    
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                    
                    z-index: 10;
                    animation: china-map-1nil8ckoa-float 3s ease-in-out infinite;
                }

@keyframes china-map-1nil8ckoa-float {
                    0%, 100% {
                        transform: translate(-50%, -50%) translateY(0);
                    }
                    50% {
                        transform: translate(-50%, -50%) translateY(-15px);
                    }
                }

.china-map-1nil8ckoa-marker-icon {
                    font-size: 48px;
                    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
                    text-align: center;
                }

.china-map-1nil8ckoa-popup {
                    position: absolute;
                    
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, calc(-100% - 70px));
                    
                    z-index: 20;
                    background: white;
                    border-radius: 12px;
                    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
                    padding: 24px 28px;
                    min-width: 320px;
                    max-width: 90%;
                    animation: china-map-1nil8ckoa-fadeInBounce 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
                }

@keyframes china-map-1nil8ckoa-fadeInBounce {
                    0% {
                        opacity: 0;
                        transform: translate(-50%, calc(-100% - 40px)) scale(0.85);
                    }
                    50% {
                        opacity: 1;
                    }
                    100% {
                        opacity: 1;
                        transform: translate(-50%, calc(-100% - 50px)) scale(1);
                    }
                }

.china-map-1nil8ckoa-popup::after {
                    content: '';
                    position: absolute;
                    
                        bottom: -20px;
                        border-left: 12px solid transparent;
                        border-right: 12px solid transparent;
                        border-top: 20px solid white;
                    
                    left: 50%;
                    transform: translateX(-50%);
                    animation: china-map-1nil8ckoa-arrowFade 0.4s ease-out 0.4s backwards;
                }

@keyframes china-map-1nil8ckoa-arrowFade {
                    from { opacity: 0; }
                    to { opacity: 1; }
                }

.china-map-1nil8ckoa-popup-header {
                    display: flex;
                    align-items: center;
                    margin-bottom: 16px;
                    padding-bottom: 12px;
                    border-bottom: 2px solid #ff4d4f;
                }

.china-map-1nil8ckoa-popup-title {
                    font-size: 20px;
                    font-weight: 700;
                    color: #333;
                    margin: 0;
                    flex: 1;
                }

.china-map-1nil8ckoa-popup-close {
                    font-size: 20px;
                    color: #999;
                    cursor: pointer;
                    transition: color 0.3s;
                    background: none;
                    border: none;
                    padding: 0;
                    line-height: 1;
                }

.china-map-1nil8ckoa-popup-close:hover {
                    color: #ff4d4f;
                }

.china-map-1nil8ckoa-popup-content {
                    display: flex;
                    flex-direction: column;
                    gap: 12px;
                }

.china-map-1nil8ckoa-popup-item {
                    display: flex;
                    align-items: flex-start;
                    gap: 10px;
                    font-size: 15px;
                    line-height: 1.6;
                    opacity: 0;
                    animation: china-map-1nil8ckoa-slideIn 0.5s ease-out forwards;
                }

.china-map-1nil8ckoa-popup-item:nth-child(1) { animation-delay: 0.3s; }
                .china-map-1nil8ckoa-popup-item:nth-child(2) { animation-delay: 0.4s; }
                .china-map-1nil8ckoa-popup-item:nth-child(3) { animation-delay: 0.5s; }

@keyframes china-map-1nil8ckoa-slideIn {
                    from {
                        opacity: 0;
                        transform: translateX(-20px);
                    }
                    to {
                        opacity: 1;
                        transform: translateX(0);
                    }
                }

.china-map-1nil8ckoa-popup-icon {
                    width: 20px;
                    height: 20px;
                    margin-top: 2px;
                    flex-shrink: 0;
                }

.china-map-1nil8ckoa-popup-icon svg {
                    width: 100%;
                    height: 100%;
                    fill: #ff4d4f;
                }

.china-map-1nil8ckoa-popup-text {
                    color: #555;
                }

.china-map-1nil8ckoa-popup-text strong {
                    color: #333;
                    font-weight: 600;
                }

.china-map-1nil8ckoa-popup-text a {
                    color: #ff4d4f;
                    text-decoration: none;
                    transition: opacity 0.3s;
                }

.china-map-1nil8ckoa-popup-text a:hover {
                    opacity: 0.8;
                    text-decoration: underline;
                }

.china-map-1nil8ckoa-popup-footer {
                    margin-top: 16px;
                    padding-top: 16px;
                    border-top: 1px solid #eee;
                    display: flex;
                    gap: 8px;
                    flex-wrap: wrap;
                }

.china-map-1nil8ckoa-map-link {
                    display: inline-flex;
                    align-items: center;
                    gap: 6px;
                    padding: 8px 14px;
                    background: #f5f5f5;
                    color: #666;
                    text-decoration: none;
                    border-radius: 6px;
                    font-size: 13px;
                    font-weight: 500;
                    transition: all 0.3s;
                }

.china-map-1nil8ckoa-map-link:hover {
                    background: #ff4d4f;
                    color: white;
                    transform: translateY(-2px);
                    box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);
                }

.china-map-1nil8ckoa-map-link.primary {
                    background: #ff4d4f;
                    color: white;
                }

@media (max-width: 768px) {
                    .china-map-1nil8ckoa-popup {
                        min-width: 300px;
                        padding: 20px;
                    }

.china-map-1nil8ckoa-popup-title {
                        font-size: 18px;
                    }

.china-map-1nil8ckoa-popup-item {
                        font-size: 14px;
                    }

.china-map-1nil8ckoa-marker-icon {
                        font-size: 40px;
                    }

.china-map-1nil8ckoa-popup-footer {
                        gap: 6px;
                    }

.china-map-1nil8ckoa-map-link {
                        font-size: 12px;
                        padding: 6px 12px;
                    }
                }
            </style>

<div   id="ccuuu6scc"   class="china-map-1nil8ckoa-marker-pin">
                    <div   id="ccuuu6scc"   class="china-map-1nil8ckoa-marker-icon">??</div>
                </div>

<div   id="ccuuu6scc"   class="china-map-1nil8ckoa-popup">
                    <div   id="ccuuu6scc"   class="china-map-1nil8ckoa-popup-header">
                        <h3 class="china-map-1nil8ckoa-popup-title">溫州銘楠工貿(mào)有限公司</h3>
                    </div>

<div   id="ccuuu6scc"   class="china-map-1nil8ckoa-popup-content">
                        
                        <div   id="ccuuu6scc"   class="china-map-1nil8ckoa-popup-item">
                            <span id="ccuuu6scc"    class="china-map-1nil8ckoa-popup-icon">
                                <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M512 85.333333c-164.949333 0-298.666667 133.738667-298.666667 298.666667 0 164.928 298.666667 554.666667 298.666667 554.666667s298.666667-389.738667 298.666667-554.666667c0-164.928-133.717333-298.666667-298.666667-298.666667z m0 448a149.333333 149.333333 0 1 1 0-298.666666 149.333333 149.333333 0 0 1 0 298.666666z"></path>
                                </svg>
                            </span>
                            <div   id="ccuuu6scc"   class="china-map-1nil8ckoa-popup-text">
                                <strong>地址：</strong>浙江省溫州市平陽(yáng)縣騰蛟印刷工業(yè)園區(qū)C-5
                            </div>
                        </div>

</div>

</div>
            </div>
        </div>
    
        </div>
    
        </div>

</div>
        </div>
    </div>
</div>
        </div>

<div component="footer.html">
            <style type="text/less">
    #gongyongdibu {
        background: #333333;
        margin-top: @gap-size * 3;
        .footer-intro {
            padding-bottom: 24px;
        }
        .title {
            color: @white;
            font-size: 20px;
            font-weight: normal;
            letter-spacing: 2px;
        }
        .subtitle {
            color: #999999;
            font-size: @font-size-base;
            i {
                padding-right: @gap-size;
                color: @white;
            }
        }
        .intro {
            color: #999999;
            text-indent: 0;
        }
        hr {
            width: 3em;
            background-color: @primary-color;
        }
        span{
            color: #999999;
            font-size: 14px;
        }
    }
    .copyright {
        text-align: center;
        font-size: 16px;
        line-height: 4;
        color: #999999;
        background: #DADCD1;
        a {
            color: #fff;
        }
        @media (max-width: 768px) {
            font-size: 14px;
            margin-top: @gap-size * 2;
            margin-bottom: 45px
        }
    } 
    #footer-navbar{
        width: 100%;
        background-color: #fff;
        z-index: 1;
        display: flex;
        justify-content: space-around;
        align-items: center;
        .image.is-24x24 {
             margin: 0 auto;
        }
        span{
            font-size: 12px;
            cursor: pointer;
            color: #4a4a4a;
        }
    }
</style>
<div   class="ccuuu6scc"   id="gongyongdibu" class="">
    <div   id="ccuuu6scc"   class="section">
        <div   id="ccuuu6scc"   class="footer-intro container">
            <div   id="ccuuu6scc"   class="columns">
                <div   id="ccuuu6scc"   class="column is-5">
                    <h1 class="title">聯(lián)系方式</h1>
                    <hr>
                    <ul>
                        <li id="ccuuu6scc"    class="subtitle"><i class="fa fa-map-marker fa-2x image is-32x32"></i><span>位置：</span><span dynamic-var="config['公共']['公司地址']">浙江省溫州市平陽(yáng)縣騰蛟印刷工業(yè)園區(qū)C-5</span></li>
                        <li id="ccuuu6scc"    class="subtitle"><i class="fa fa-phone fa-2x image is-32x32"></i><span>電話：</span><span dynamic-var="config['公共']['公司電話']">17357755553，18207446789，0577—63535998</span></li>
                        <li id="ccuuu6scc"    class="subtitle"><i class="fa fa-weixin fa-2x"></i><span>微信公眾號(hào)：</span><span dynamic-var="config['公共']['微信公眾號(hào)']">MINGNANDUOMEI</span></li>
                        <li id="ccuuu6scc"    class="subtitle"><i class="fa fa-envelope-o fa-2x image is-32x32"></i><span>郵箱：</span><span dynamic-var="config['公共']['公司郵箱']">64536293@qq.com</span></li>
                    </ul>
                </div>
                <div   id="ccuuu6scc"   class="column is-5">
                    <h1 class="title">獲取咨詢</h1>
                    <hr>
                    <p class="intro">
                        掃描二維碼關(guān)注公眾號(hào)獲得最新咨詢
                    </p>
                    <div   id="ccuuu6scc"   class="columns">
                        <div   id="ccuuu6scc"   class="column is-5">
                            <figure>
                                <img src="http://cdn.xuansiwei.com/d007dks1158/1582598335386/190e75c8d7579bd26842145c6a44a0e.jpg?x-oss-process=style/small" style="max-width: 112px" loading="lazy" alt="溫州銘楠工貿(mào)有限公司">

</figure>
                            <span style="width: 112px;
                            text-align: center;
                            display: inline-block;">阿里巴巴旗艦店</span>
                        </div>
                        <div   id="ccuuu6scc"   class="column">
                            <figure>
                                <img src="http://cdn.xuansiwei.com/d007dks1158/1582598317585/2e1e057a9a4c87b62826a8243830b2d.jpg?x-oss-process=style/small" style="max-width: 112px" loading="lazy" alt="溫州銘楠工貿(mào)有限公司">

</figure>
                            <span style="width: 112px;
                            text-align: center;
                            display: inline-block;">微信版公眾號(hào)</span>
                        </div>
                    </div>
                </div>
                <div   id="ccuuu6scc"   class="column">
                    <h1 class="title">導(dǎo)航欄</h1>
                    <hr>

</div>
            </div>
        </div>
    </div>
</div>
<div   id="ccuuu6scc"   class="copyright">
    <span>版權(quán)所有：</span><span dynamic-var="config['公共']['公司名稱']">溫州銘楠工貿(mào)有限公司</span> <a  dynamic-var="config['公共']['備案號(hào)']" class="beian-num" target="_blank">浙ICP備20007585</a>
</div>
<div   class="ccuuu6scc"   id="footer-navbar" class="container navbar is-fixed-bottom is-hidden">
    <a class="item" href="/">
        <figure>
            <img src="http://cdn.xuansiwei.com/d007dks/1573266538608/20190621184252301.png?x-oss-process=style/small" class="image is-24x24" loading="lazy" alt="溫州銘楠工貿(mào)有限公司">
            <span>首頁(yè)</span>
        </figure>
    </a>

// animate
    ScrollReveal().reveal('.section', {
        distance: '150%',
        origin: 'bottom',
        opacity: null
    });
</script>
<script type="text/javascript" src="/js/customer.js"></script>
        </div>

</div>
</div>

</footer>

亚洲 欧美 国产 日韩 中文字幕,亚洲欧美日韩综合无码一区,国产亚洲精品福利视频在线观看 ,在线人视频观看免费

聯(lián)/系/我/們

Contact Us

歡迎給我們留言

亚洲欧美国产日韩中文字幕,亚洲欧美日韩综合无码一区,国产亚洲精品福利视频在线观看 ,在线人视频观看免费