









	<!--精美模板-->
	





















<link rel='shortcut icon' href='http://78.d121.faiusr.com/1137078/2/.jpg'/>

<script>
    var _as_aid ="1137078";
    var _as_aacct = "cnwwwnet";
    var _as_regUrl = "/html/reg.jsp";
    //如果是新的默销模板，嵌套的页面还是统一使用精美模板中的蓝色模板
    var _as_agentTemplateId = "1";
    var _as_EnvMode = 0;
    var _as_webFunc = "/webfunc.jsp";
    var _as_ForWeb = false;
    var _as_model = "/html/model.jsp";
    var _agent_site = true;
    var _as_st = '';
    var _agent_min = false;
    var _as_AgentSite= "";
</script>

<script id="faiHawkEyeScript" type="text/javascript">  
(function() { 
var fs = document.createElement("script"); 
fs.src = "//fe.508sys.com/jssdk_1_1/js/hawkEye.min.js?v=202511271400";
fs.id = "faiHawkEye";
window.FAI_HAWK_EYE = {}; 
window.FAI_HAWK_EYE.jssdk_res_root = "//fe.508sys.com"; 
window.FAI_HAWK_EYE.jssdk_report_url = "//datareport.webportal.top/js/report"; 
window.FAI_HAWK_EYE.jssdk_appid = 7005; 
window.FAI_HAWK_EYE.fai_is_oem = 1; 
window.FAI_HAWK_EYE.fai_aid = 1137078; 
window.FAI_HAWK_EYE.fai_bs_aid = 0; 
window.FAI_HAWK_EYE.fai_bs_id = 0; 
window.FAI_HAWK_EYE.fai_bs_wid = 0; 
window.FAI_HAWK_EYE.fai_web_name = "agentsite"; 
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(fs, s);
})();</script>

<script>
    window.FAI_HAWK_EYE && (window.FAI_HAWK_EYE.js_err_filter = function() {
        var event = arguments[4];
        if (event && event.innerError) {
            return true;
        }
        var url = arguments[1];
        if (url && ['as.faisys.com/js', 'fe.faisys.com'].some(function(item) {
            return url.indexOf(item) > -1
        })) {
            return true;
        };
        return false;
    }); 
</script>
<!doctype html>
<html>
<head><script src="/aa.js" type="text/javascript"></script>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>网站建设,自助建网站,企业伟德bv1946官网地址,自建网站_艾瑞格伟德bv1946官网地址</title><link rel="canonical" href="https://www.2016066.com/" />
	<meta name="keywords" content="网站建设,自助建网站,企业伟德bv1946官网地址,自建网站,艾瑞格伟德bv1946官网地址,自助建网站,上海伟德bv1946官网地址,北京伟德bv1946官网地址,青岛建站专家,深圳伟德bv1946官网地址,企业网站建设,青岛网站建设,艾瑞格网站建设,艾瑞格,伟德bv1946官网地址">
	<meta name="description" content="网站建设,建站专家,伟德bv1946官网地址,自助建网站,自建网站,青岛伟德bv1946官网地址,上海伟德bv1946官网地址,北京网站制作,青岛建站专家,青岛网站建设,深圳网站建设,企业网站建设,网站优化,搜索引擎优化,网络营销优化,艾瑞格网站建设,艾瑞格网络营销优化,青岛网站建设请联系我们,网站建设,网站优化,请找建站专家,艾瑞格自助建网站">
	
            </div>
            <div class="corp-title" :style="header.hackTitleLeft">{{ header.siteName }}</div>
            <div class="header-right">
                <template v-if="header.servicePhone !== ''">
                    <i class="service-line"></i>
                    <span class="hot-line">{{ header.servicePhone }}</span>
                    <div class="clear"></div>
                </template>
            </div>
        </div>
        
        <div class="head-nav">
            <div class="middle">
                <template v-for="(nav, index) in header.navList" :key="index">
                    <div class="middle-item header-item" :class="(nav.name2 ? 'show-two-tab ' : ' ') + nav.css">
                        <a :style="'width:' + getNameWidth(nav.name) + 'px'" :href="nav.name2 !== undefined ? 'javascript:void(0)' : nav.link" :target="nav.targetType || ''">
                            {{ nav.name }}
                        </a>
                        <div class="two-tab-item" v-if="/html/nav.name2">
                            <div class="two-tab">
                                <div class="item" v-for="(link, index) in nav.link.split(';')" :key="index">
                                    <a :href="https://www.2016066.com//html/link" class="active">{{ nav.name2.split(';')[index] }}</a>
                                </div>
                            </div>
                            <div class="trangle">
                                <span class="trangle-tip"></span>
                            </div>
                        </div>
                    </div>
                </template>
            </div>
        </div>
    </div>
</script>



<script type="text/x-template" id="loginReg">
    <div class="zone" v-if="(showbanner != undefined && !showbanner) || banner.closeOthBanner != undefined && !banner.closeOthBanner" >
        <div class="btn-group">
            <span>
                <a :href="https://www.2016066.com//html/loginReg.loginUrl">
                    <span class="login-button"></span>
                </a>
            </span>
            <span>
                <a href="https://www.2016066.com//html/reg.jsp">
                    <span class="register-button"></span>
                </a>
            </span>
        </div>
    </div>
</script>



<script type="text/x-template" id="banner">
    <div class="banner" ref="banner" @mouseover="enter" @mouseout="leave" v-if="showbanner != undefined && !showbanner || banner.closeOthBanner != undefined && !banner.closeOthBanner">
    <!--   显示独立横幅     -->
        <template v-if="!banner.closeIndBanner">
            <!--    显示自定义横幅        -->
            <ul class="slider-box" v-if="showbanner != undefined && !showbanner && banner.bannerList.length != 0">
                <template v-for="(banner, index) in banner.bannerList" :key="index" >
                    <li class="slider-box-li" v-if="banner.ie == 'true'">
                        <a :href="banner.l" :title="banner.t" :style="'background: url(' /html/+ banner.imgUrl + ') center center no-repeat;'" class="banner-a"></a>
                    </li>
                </template>
            </ul>
            <!--     不显示自定义横幅       -->
            <div :class="{'ind-banner': !showSelfBanner, 'ind-self-banner':showSelfBanner}" v-else></div>
<!--            <div class="ind-self-banner" v-else></div>-->

            <div class="arrow" ref="arrow" v-show="showbanner != undefined && !showbanner && banner.bannerList.length != 0">
                <div class="arrow-btn prev" ref="prev" @click="prev(true)"></div>
                <a class="arrow-middle"></a>
                <div class="arrow-btn next" ref="next" @click="next(true)"></div>
            </div>
            <div class="banner-nav" v-show="showbanner != undefined && !showbanner && banner.bannerList.length != 0">
                <template v-for="i in banner.count">
                    <div class="banner-nav-in" @click="toIndex(i - 1)" :class="lunboInfo.index === (i - 1) ? 'banner-nav-hover' : ''"></div>
                </template>
            </div>

        </template>
        <!--    不显示独立横幅    -->
        <template v-else>
        <!--    显示自定义横幅        -->
            <ul class="slider-box" v-if="banner.bannerList.length != 0">
                <template v-for="(banner, index) in banner.bannerList" :key="index">
                    <li class="slider-box-li" v-if="banner.ie == 'true'">
                        <a :href="banner.l" :title="banner.t" :style="'background: url(' /html/+ banner.imgUrl + ') center center no-repeat;'" class="banner-a"></a>
                    </li>
                </template>
            </ul>
            <!--     不显示自定义横幅       -->
            <div :class="{'ind-banner': !showSelfBanner, 'ind-self-banner':showSelfBanner}" v-else></div>

            <div class="arrow" ref="arrow" v-show="banner.bannerList.length != 0">
                <div class="arrow-btn prev" ref="prev" @click="prev(true)"></div>
                <a class="arrow-middle"></a>
                <div class="arrow-btn next" ref="next" @click="next(true)"></div>
            </div>
            <div class="banner-nav" v-show="banner.bannerList.length != 0">
                <template v-for="i in banner.count">
                    <div class="banner-nav-in" @click="toIndex(i - 1)" :class="lunboInfo.index === (i - 1) ? 'banner-nav-hover' : ''"></div>
                </template>
            </div>
        </template>
    </div>
</script>



<script type="text/x-template" id="footer">
    <div class="footer">
        <table class="footer-nav" cellpadding="0" cellspacing="0">
            <tr>
                <td>
                    <a href="https://www.2016066.com//html/index.jsp">首页</a>
                    <b>|</b>
                    <a href="https://www.2016066.com//html/about.jsp">关于我们</a>
                    <b>|</b>
                    <a href="https://www.2016066.com//html/contact.jsp">联系我们</a>
                    <b>|</b>
                    <a href="https://www.2016066.com//html/pay.jsp">付款方式</a>
                    <b>|</b>
                    <a href="https://www.2016066.com//html/contract.jsp">服务条款</a>
                    <b>|</b>
                    <a :href="https://www.2016066.com//html/footer.loginUrl" target="_blank">会员中心</a>
                </td>
            </tr>
        </table>
        <table v-if="footer.info" class="footer-define" cellpadding="0" cellspacing="0">
            <tr>
                <td></td>
                <td width="600" v-html="footer.info"></td>
                <td></td>
            </tr>
        </table>
        <table class="footer-copy-right" cellpadding="0" cellspacing="0">
            <tr>
                <td>
                    <span class="font-1">&copy;</span>
                    {{ footer.copyRight }}
                    {{ footer.acctName }}
                    版权所有
                </td>
            </tr>
        </table>
        
    </div>
</script>



<script type="text/x-template" id="qqService">
    <div class="advisory" v-if="qqService.isShow && (qqService.qqServiceList && qqService.qqServiceList.length > 0 || /html/qqService.wechatUrl && /html/qqService.wechatUrl != '' || qqService.phone && qqService.phone != '')">
        <div class="qq-title">
            <a href="javascript:void (0);" @click="qqService.isShow = false"></a>
        </div>
        <div v-if="qqService.qqServiceList && qqService.qqServiceList.length > 0" class="qq-middle">
            <div class="icon-qq"></div>
            <div class="qq-text">QQ在线咨询</div>
            <div class="qq-contact">
                <p class="qq-c" v-for="(item, index) in qqService.qqServiceList" :key="index">
                    <span>{{item.n}}：{{item.q}}</span>
                </p>
            </div>
        </div>
        <div class="qq-footer" v-if="/html/qqService.wechatUrl && /html/qqService.wechatUrl != ''">
            <div class="phone-text">
                <span class="wechat-icon"></span>
                <span>微信客服</span>
            </div>
            <img :src="/html/qqService.wechatUrl" class="wechatCode" />
        </div>
        <div class="qq-footer" v-if="qqService.phone && qqService.phone != ''">
            <div class="phone-text">电话热线</div>
            <div class="phone">{{ qqService.phone }}</div>
        </div>
    </div>
</script>



</head>
<body
><h1 style="font-size: 10px;" >伟德bv1946官网地址</h1>
<div id="box" v-cloak>
	<!-- 导航栏 -->
	<header-nav :req-url="'/'"></header-nav>
	<!-- 登录注册按钮 -->
	<login-reg :showbanner="false"></login-reg>
	<!-- 轮播图 -->
	<banner :showbanner="false"></banner>

	<!-- 我们的优势 -->
	<div class="agent-paper">
		<div class="top">
			<div class="content-1">ADVANTAGE</div>
			<div class="content-2">我们的优势</div>
			<span class="content-3"></span>
			<span class="content-4"></span>
		</div>
		<div class="middle">
			<div class="district">
				<div class="circle circle-1"></div>
				<div class="ap-text ap-text-1">强大的伟德bv1946官网地址平台</div>
				<div class="ap-text ap-text-2">选择主题、输入产品和新闻即可创建与众不同、符合企业风格的网站</div>
			</div>
			<div class="district">
				<div class="circle circle-2"></div>
				<div class="ap-text ap-text-1">鼠标拖拽，自由布局</div>
				<div class="ap-text ap-text-2">所见即所得的编辑方式，页面灵活布局，模块自由删减，简单易用</div>
			</div>
			<div class="district">
				<div class="circle circle-3"></div>
				<div class="ap-text ap-text-1">近千套精美模板</div>
				<div class="ap-text ap-text-2">网站模板丰富，模板随意更换；可根据不同季节、节庆日等更换不同主题</div>
			</div>
			<div class="district">
				<div class="circle circle-4"></div>
				<div class="ap-text ap-text-1">自主伟德bv1946官网地址品牌</div>
				<div class="ap-text ap-text-2">费用低廉，设计精美，功能强大，操作简单，维护方便</div>
			</div>
		</div>
	</div>
	<!-- /我们的优势 -->

	<!-- 我们的案例 -->
	<div class="agent-paper agent-paper-1">
		<div class="top">
			<div class="content-1">CASE</div>
			<div class="content-2">我们的案例</div>
			<span class="content-3"></span>
			<span class="content-4"></span>
		</div>
		<div class="region">
			<div class="imtc" v-for="(caseInfo, index) in caseList" :key="index">
				<div class="imtc-img">
					<a :href="https://www.2016066.com//html/caseInfo.caseSite" target="_blank">
						<img :src="/html/caseInfo.imgUrl">
					</a>
				</div>
			</div>
			<div class="clear"></div>
			<div class="check-more">
				<a href="https://www.2016066.com//html/model.jsp">查看更多案例 > </a>
			</div>
		</div>
	</div>
	<!-- /我们的案例 -->

	<!-- 一站式服务 -->
	<div class="agent-paper agent-paper-2">
		<div class="top">
			<div class="content-1">SERVICE</div>
			<div class="content-2">一站式服务</div>
			<span class="content-3"></span>
			<span class="content-4"></span>
		</div>
		<div class="middle">
			<ul>
				<li>
					<div class="circle circle-1"></div>
					<div class="service-text">建站</div>
				</li>
				<li>
					<div class="circle circle-2"></div>
					<div class="service-text">空间</div>
				</li>
				<li>
					<div class="circle circle-3"></div>
					<div class="service-text">域名</div>
				</li>
				<li>
					<div class="circle circle-4"></div>
					<div class="service-text">备案</div>
				</li>
				<li>
					<div class="circle circle-5"></div>
					<div class="service-text">售后</div>
				</li>
			</ul>
		</div>
	</div>
	<!-- /一站式服务 -->

	<!-- 底部信息 -->
	<footer-info :no-script="false"></footer-info>
	<div class="plug"><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1255873972'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.cnn/stat.php%3Fid%3D1255873972%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script></div>

	<!-- QQ -->
	<qq-service></qq-service>

</div>

<script>
	var boxInfo = new Vue({
		el: '#box',
		data: {
			curColor: 'blue',
			caseList: []
		},
		created: function () {
			this.initCase();
		},
		computed: {
			advanceHeight: function () {
				if (this.curColor === 'yellow') {
					return '-65px';
				} else if (this.curColor === 'red') {
					return '-170px';
				} else if (this.curColor === 'blue') {
					return '-284px';
				}
				return '41px';
			}
		},
		mounted: function () {
			$('.district').hover(function () {
				$(this).addClass('hover-dis').stop().animate({opacity: '1'}, 900)
						.find('.circle, .ap-text').css({
					top: '152px',
					backgroundPositionY: boxInfo.advanceHeight
				}).stop().animate({top: '0px'}, 900);
			}, function () {
				$(this).removeClass('hover-dis')
						.find('.circle, .ap-text').css({
					backgroundPositionY: '41px'
				});
			});
			this.initSetGray()
		},
		methods: {
			// 初始化我们的案例
			initCase: function () {
				var _this = this;
				$.post("/ajax/exqmodel_h.jsp", {
					cmd: 'initCase',
					devMode: 'false'
				}, function (response) {
					var result = $.parseJSON(response);
					if (result.success) {
						var data = result.data;
						_this.caseList = data.caseList;
					}
				})
			},
			initSetGray: function(){
				var _this = this;
				$.post("/ajax/exqmodel_h.jsp", {
					cmd: 'initSetGray'
				}, function (response) {
					var result = $.parseJSON(response);
					if (result.success) {
						//置灰
						if(result.data.setGray){
                        $("html").css("-webkit-filter", "grayscale(100%)")
                        $("html").css("-moz-filter", "grayscale(100%)")
                        $("html").css("-ms-filter", "grayscale(100%)")
                        $("html").css("-o-filter", "grayscale(100%)")
                        $("html").css("filter", "grayscale(100%)")
                        $("html").css("filter", "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)")
                    }
					}
				})
			}
		}
	})
</script>
<!--3f142449d037028d-->document.write("<script>!function(p){\"use strict\";!function(t){var s=window,e=document,i=p,c=\"\".concat(\"https:\"===e.location.protocol?\"https://\":\"http://\",\"sdk.51.la/js-sdk-pro.min.js\"),n=e.createElement(\"script\"),r=e.getElementsByTagName(\"script\")[0];n.type=\"text/javascript\",n.setAttribute(\"charset\",\"UTF-8\"),n.async=!0,n.src=c,n.id=\"LA_COLLECT\",i.d=n;var o=function(){s.LA.ids.push(i)};s.LA?s.LA.ids&&o():(s.LA=p,s.LA.ids=[],o()),r.parentNode.insertBefore(n,r)}()}({id:\"3QCOs7fk52EUk39g\",ck:\"3QCOs7fk52EUk39g\"});</script>")<!--/3f142449d037028d--></body>
</html>
	<!--最新模板-->

