<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="baidu-site-verification" content="0NER2A9gcE" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<!--让IE调用edge引擎渲染-->
	<meta name="renderer" content="webkit">
	<!--默认使用极速渲染模式-->
	<link rel="stylesheet" type="text/css" href="/statics/xindex/css/swiper.css" />
	<link rel="stylesheet" type="text/css" href="/statics/xindex/css/head_pc.css?v=7.9" />
	<script src="/statics/xindex/js/jquery-3.7.1.min.js"></script>
	<script type="text/javascript" src="/statics/xindex/js/swiper.js"></script>
	<!-- <script type="text/javascript" src="/statics/xindex/js/header.js?v=1.7"></script> -->
	<script src="/static/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="/statics/xindex/js/footer.js?v=1.9"></script>
	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
	<title>免费报价-遵义喜百年装饰_遵义装修_遵义家装_遵义喜百年装饰工程有限公司</title>
	<meta name="keywords" content="遵义喜百年装饰,遵义装修公司,遵义家装网站,遵义装饰设计,遵义全包装修">
	<meta name="description" content="喜百年遵义装修公司是贵州喜百年（集团)旗下的分公司,是一家专业提供室内设计,施工,材料为一体装饰装修公司,装修咨询热线：400-966-1332，遵义喜百年装饰为各位业主提供专业的家装装修，室内装修设计，室内装饰等服务，可全包半包。">
	<script>
		$(function () {
			//判断是否是手机
			var mobile_flag = isMobile();
			if (mobile_flag) {
				window.location.href = 'https://m.zyxbn.cn'+window.location.pathname;
			} else {
				return;
			}
		})

		function isMobile() {
			var userAgentInfo = navigator.userAgent;

			var mobileAgents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];

			var mobile_flag = false;

			//根据userAgent判断是否是手机
			for (var v = 0; v < mobileAgents.length; v++) {
				if (userAgentInfo.indexOf(mobileAgents[v]) > 0) {
					mobile_flag = true;
					break;
				}
			}
			var screen_width = window.screen.width;
			var screen_height = window.screen.height;

			//根据屏幕分辨率判断是否是手机
			if (screen_width < 500 && screen_height < 800) {
				mobile_flag = true;
			}

			return mobile_flag;
		}
	</script>
</head>

<body id="website">

	<div class="header" id="public-header" style="background: rgba(255,255,255,0.9)">

		<style>
			@media screen and (max-width: 1650px) {
				.head_menu>li>a {
					font-size: 15px;
				}
				.lcon_changeqy{
					font-size: 15px!important;
				}
				.head_menu>li{
					width: auto;
					padding: 0 5px;
				}
				/* .changeqy{
					margin-right: 20px;
				} */
			}

			.changeqy {
				float: left;
				/* width: 120px; */
				height: 70px;
				padding: 0 10px;
			}

			.con_changeqy {
				/* width: 100%; */
				height: 70px;
				position: relative;
			}

			.lcon_changeqy {
				/* width: 100%; */
				height: 70px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				font-size: 16px;
				color: #000000;
				cursor: pointer;
				/* font-weight: bold; */
			}

			.lcon_changeqy>img {
				width: 18px;
			}

			.lcon_changeqy>span {
				cursor: pointer;
				font-weight: normal;
				margin-left: 5px;
			}

			.rcon_changeqy {
				float: right;
				width: 180px;
				height: 40px;
				display: flex;
				align-items: center;
				font-size: 15px;
				color: #ffffff;
			}

			.rcon_changeqy>a {
				text-decoration: none;
				color: #ffffff;
				padding: 0 14px;
			}

			.headerqh {
				position: absolute;
				top: 70px;
				left: 0;
				width: 300px;
				border: 1px solid #cccccc;
				background: #ffffff;
				z-index: 999;
				display: none;
			}

			.conheaderqh {
				width: 100%;
			}

			.conheaderqh>p {
				display: flex;
				align-items: center;
				border-bottom: 1px solid #cccccc;
				padding-bottom: 15px;
				font-size: 16px;
				padding-left: 10px;
				margin-top: 15px;
			}

			.conheaderqh>p>a {
				text-decoration: none;
				font-size: 16px;
				color: #000000;
				padding: 0 10px;
			}

			.conheaderqh>p>a:hover {
				color: #e70012;
			}

			.conheaderqh img {
				width: 26px;
				margin-right: 5px;
				margin-left: 10px;
			}

			.conheaderqh>div {
				width: 100%;
				box-sizing: border-box;
				padding: 0 10px 10px;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				margin-top: 10px;
			}

			.conheaderqh>div a {
				width: 30%;
				text-decoration: none;
				font-size: 16px;
				color: #000000;
				margin-bottom: 10px;
				text-align: center;
			}

			.conheaderqh>div a:hover {
				color: #e70012;
			}

			@font-face {
				font-family: word;
				src: url('/statics/xindex/font/BEBASNEUEBOLD.ttf'), url('/statics/xindex/font/BEBASNEUEBOLD.eot');
				/* IE9 */
			}

			.headerimg {
				width: 100%;
				background: #dcdada;
			}

			.imgzhanwei {
				width: 100%;
			}

			.headerimg>img,
			.imgzhanwei>img {
				display: block;
				margin: 0 auto;
				width: 60%;
				min-width: 1200px;
			}

			#public-header {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				z-index: 99;
			}

			.jzzx {
				float: right;
				height: 50px;
				color: #FF0000;
				font-size: 18px;
				letter-spacing: 2px;
				font-family: word;
				display: flex;
				align-items: center;
				margin-top: 11px;
				font-weight: bold;
			}

			.jzzx>img {
				width: 30px;
				height: 30px !important;
			}

			.jzzx span {
				font-size: 23px;
			}

			.top_right .zx a {
				color: #999;
			}

			.head_menu>li>a {
				padding: 10px 10px;
			}

			.head_menu>li .top_hot1 {
				display: none;
			}

			/* .head_menu>li:hover .top_hot1 {
				display: block;
			}

			.head_menu>li:hover .top_hot {
				display: none;
			} */

			.top_hot,
			.top_hot1 {
				position: absolute;
				top: -5px;
				right: -10px;
				width: 40px;
				height: auto;
				-webkit-animation: beat 0.5s linear infinite;
				-o-animation: beat 0.5s linear infinite;
				-moz-animation: beat 0.5s linear infinite;
				animation: beat 0.5s linear infinite;
			}

			@keyframes beat {
				0% {
					top: -5px;
				}

				100% {
					top: -10px;
				}
			}

			@-webkit-keyframes beat {
				0% {
					top: -5px;
				}

				100% {
					top: -10px;
				}
			}

			@-o-keyframes beat {
				0% {
					top: -5px;
				}

				100% {
					top: -10px;
				}
			}

			@-moz-keyframes beat {
				0% {
					top: -5px;
				}

				100% {
					top: -10px;
				}
			}

			.yc_ul {
				border: 1px solid #e70012;
			}

			.yc_ul>li {
				width: 80px;
				border-bottom: none;
				float: left;
			}

			#head_menu {
				overflow: hidden;
			}

			#head_menu>li>span {
				display: block;
				position: absolute;
				bottom: 15px;
				left: 50%;
				transform: translateX(-50%);
				width: 80%;
				height: 2px;
				background: #e70012;
				z-index: -1;
				opacity: 0;
				/* -webkit-transition: top 200ms;
				transition: top 200ms;
				visibility: hidden; */
			}

			.aactive>a {
				/* color: #ffffff !important; */
			}

			.aactive span {
				opacity: 1 !important;
			}

			.xiahualist {
				position: absolute;
				top: 100%;
				left: 230px;
				width: 900px;
				height: 61px;
				z-index: 500;
				overflow: hidden;
			}

			.xiahualist>div {
				position: absolute;
				top: -100%;
				height: 100%;
				background-color: #4c4a4f;
				overflow: hidden;
				-webkit-transition: top 300ms;
				transition: top 300ms;
			}

			.xiahualist>div>a {
				float: left;
				padding: 0 15px;
				font-size: 15px;
				line-height: 61px;
				color: #fff;
				-webkit-transition: color 300ms;
				transition: color 300ms;
				text-decoration: none;
			}

			.xiahualist>div>a:hover {
				color: #f63b2e;
			}

			.xiahualsit {
				top: 0 !important;
			}

			.dxdzlist {
				left: 130px;
				padding: 0 10px 0 10px;
			}

			.sjmzdlist {
				left: 300px;
				padding: 0 10px 0 10px;
			}

			.zxgllist {
				left: 280px;
				padding: 0 10px 0 10px;
			}

			.zsshlist {
				right: 195px;
				padding: 0 10px 0 10px;
			}

			.ppsllist {
				right: 0;
				padding: 0 10px 0 10px;
			}

			.dh_box {
				width: 80%;
				min-width: 1300px;
			}

			.header-img1 {
				height: 30px;
			}

			.dh_box>a {
				padding-top: 21px;
			}
		</style>
		<div class="ww_con dh_box" style="position: relative;">
			<a target="_blank">
				<img class="header-img1" src="/upload/site/6194664a99ff8.png" title="贵阳装修公司" alt="贵阳装修公司">
			</a>
			<div class="changeqy">
				<div class="con_changeqy">
					<div class="lcon_changeqy">
						<img src="/img/address.png" alt="">
						遵义
						<span>[切换]</span>
					</div>
					<div class="headerqh">
						<div class="conheaderqh">
							<div>
								<a href="https://www.gzxbn.cn/" target="_blank">贵阳</a>
								<a href="http://www.asxbn.com/" target="_blank">安顺</a>
								<a href="http://www.xbnjt.cn/" target="_blank">毕节</a>
								<a href="http://www.dyxbn.com/" target="_blank">黔南</a>
								<a href="http://www.klxbn.com/" target="_blank">黔东南</a>
								<a href="https://www.xbnlps.com/" target="_blank">六盘水</a>
								<a href="http://www.trxbnzs.com/" target="_blank">铜仁</a>
								<a href="http://www.yxh5.hanzhong.meizhou.huangnan.sys.jixi.ww38.viennacitytours.com/" target="_blank">遵义</a>
								<a href="http://www.xbnjt.cn/" target="_blank">黔西南</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<ul class="head_menu" id="head_menu">
				<li class="aactive">
					<a target="_blank" href="/">首页</a>
					<span style="width: 35px;"></span>
				</li>
				<li>
					<a target="_blank" href="https://bwt.zoosnet.net/LR/Chatpre.aspx?id=BWT29249522&lng=cn">咨询活动</a>
					<!-- <a target="_blank" href="/xbn/special/2021/0801/305.html">无忧放心装</a> -->
					<span></span>
					<img class="top_hot" src="/img/hot.png" />
					<img class="top_hot1" src="/img/hot1.png" />
				</li>
				<li>
					<a target="_blank" href="/xbn/jiazhuanganli">精品案例</a>
					<span style="width: 65px;"></span>
					<div class="clear"></div>
				</li>
				<li>
					<a target="_blank" href="/xbn/danye/zxfg/">装修灵感</a>
					<span style="width: 65px;"></span>
				</li>
				<li>
					<a target="_blank" href="/xbn/tuandui/">人气设计师</a>
					<span></span>
				</li>
				<li>
					<a target="_blank" href="/xbn/various_news">装修攻略</a>
					<span style="width: 65px;"></span>
				</li>
				<!-- <li>
					<a target="_blank" href="/zhuanti/zygr.html">自有工人</a>
					<span></span>
				</li>
				<li>
					<a target="_blank" href="/xbn/special/2020/0801/289.html">生态体系</a>
					<span></span>
				</li> -->

				<li>
					<a target="_blank" href="/xbn/special/2020/0825/295.html">钛金卫士</a>
					<span style="width: 65px;"></span>
				</li>

				<li>
					<a href="javascript:">集团实力</a>
					<span style="width: 65px;"></span>
				</li>
			</ul>
			<div class="xiahualist">
				<div></div>
				<div></div>
				<div class="dxdzlist">
					<a target="_blank" href="/xbn/danye/huxing/index.html">小户型</a>
					<a target="_blank" href="/xbn/danye/huxing/index.html#hx2">大户型</a>
					<a target="_blank" href="/xbn/danye/huxing/index.html#hx5">别墅户型</a>
				</div>
				<div></div>
				<div class="sjmzdlist">
					<a target="_blank" href="/xbn/danye/sjln/">设计理念</a>
					<a target="_blank" href="/xbn/danye/rzsj/">软装设计</a>
					<a target="_blank" href="/xbn/danye/jjsj/">家具设计</a>
				</div>
				<div class="zxgllist">
					<a target="_blank" href="/xbn/baike/">装修百科</a>
					<a target="_blank" href="/xbn/baike/sheji/">装修设计</a>
					<a target="_blank" href="/xbn/baike/fengshui/">装修禁忌</a>
					<a target="_blank" href="/xbn/baike/miji/">装修秘籍</a>
				</div>
				<!-- <div></div>
				<div></div> -->
				<div class="zsshlist">
					<a target="_blank" href="/xbn/special/2020/0807/291.html">3+2+1服务</a>
				</div>
				<div class="ppsllist">
					<a target="_blank" href="/xbn/jieshao/jianjie/">集团发展</a>
					<!-- <a target="_blank" href="/xbn/special/2021/0806/307.html">四核服务系统</a> -->
					<!-- <a target="_blank" href="/xbn/jieshao/rongyu/">品牌荣誉</a>
					<a target="_blank" href="/xbn/danye/bnxy/">百年学院</a>
					<a target="_blank" href="/xbn/video">企业视频</a> -->
					<a target="_blank" href="/xbn/jieshao/zyd/">直营分店</a>
				</div>
			</div>
			<span class="jzzx">装修服务：
				<!-- <img src="/img/headerph.png" alt=""> -->
				<span>400-966-1332</span></span>
			<div class="clearfix"></div>
		</div>

	</div>

	<div class="clearfix" style="height: 73px;"></div>
	<script>
		$(function () {
			var fixedid = 0
			var hrefstr = window.location.href;
			if (hrefstr.indexOf("305.html") !== -1) {
				fixedid = 1;
			}
			if (hrefstr.indexOf("jiazhuanganli") !== -1) {
				fixedid = 2;
			}
			if (hrefstr.indexOf("huxing") !== -1) {
				fixedid = 2
			}
			if (hrefstr.indexOf("zxfg") !== -1) {
				fixedid = 3
			}
			if (hrefstr.indexOf("tuandui") !== -1) {
				fixedid = 4
			}
			if (hrefstr.indexOf("sjln") !== -1) {
				fixedid = 4
			}
			if (hrefstr.indexOf("rzsj") !== -1) {
				fixedid = 4
			}
			if (hrefstr.indexOf("jjsj") !== -1) {
				fixedid = 4
			}
			if (hrefstr.indexOf("various_news") !== -1) {
				fixedid = 5
			}
			if (hrefstr.indexOf("baike") !== -1) {
				fixedid = 5
			}
			if (hrefstr.indexOf("zygr.html") !== -1) {
				fixedid = 6
			}
			if (hrefstr.indexOf("289.html") !== -1) {
				fixedid = 7
			}
			if (hrefstr.indexOf("287.html") !== -1) {
				fixedid = 6
			}
			if (hrefstr.indexOf("291.html") !== -1) {
				fixedid = 6
			}
			if (hrefstr.indexOf("jieshao") !== -1) {
				fixedid = 7
			}
			if (hrefstr.indexOf("video") !== -1) {
				fixedid = 7
			}
			if (hrefstr.indexOf("bnxy") !== -1) {
				fixedid = 7
			}
			$('#head_menu>li').eq(fixedid).addClass('aactive').siblings().removeClass('aactive');
			$('#head_menu>li').hover(function () {
				console.log(fixedid)
				var num = $(this).index();
				$(this).addClass('aactive');
				$(this).siblings().removeClass('aactive');
				$('.xiahualist div').eq(num).addClass('xiahualsit').siblings().removeClass('xiahualsit')
				// if (num == 1) {
				// 	$('.top_hot1').show();
				// 	$('.top_hot').hide();
				// } else {
				// 	$('.top_hot').show();
				// 	$('.top_hot1').hide();
				// }

			}).mouseleave(function () {
				$('#head_menu>li').eq(fixedid).addClass('aactive').siblings().removeClass('aactive');
				$('.xiahualist div').removeClass('xiahualsit')
				// $('.top_hot').show();
				// $('.top_hot1').hide();
			})
			$('.xiahualist div').hover(function () {
				var num = $(this).index()
				$('#head_menu>li').eq(num).addClass('aactive').siblings().removeClass('aactive');
				$(this).addClass('xiahualsit').siblings().removeClass('xiahualsit');
			}).mouseleave(function () {
				$('#head_menu>li').eq(fixedid).addClass('aactive').siblings().removeClass('aactive');
				$('.xiahualist div').removeClass('xiahualsit')
			})

		})


		function mou_show(obj, num) {
			$(obj).find('.mou_show').stop();
			$(obj).find('.addr-menu').show();
			$(obj).find('.mou_show').show();
			$(obj).find('.xtb').text('ˆ');
			$(obj).find('.xtb').css('color', '#e70012');
			$(obj).css('border-color', '#d8d8d8');
		}

		function mou_hide(obj, num) {
			//$(obj).find('.mou_show').stop();
			$(obj).find('.addr-menu').hide();
			$(obj).find('.xtb').text('ˇ');
			$(obj).find('.xtb').css('color', '#666');
			// $(obj).find('.mou_show').fadeOut();
			$(obj).css('border-color', '#f5f5f5');

		}
		$('.lcon_changeqy').hover(function () {
			$('.headerqh').show()
		}).mouseleave(function () {
			$('.headerqh').hide()
		})
		$('.headerqh').hover(function () {
			$('.headerqh').show()
		}).mouseleave(function () {
			$('.headerqh').hide()
		})
		// $(window).scroll(function () {
		// 	if ($(window).scrollTop() >= 200) {
		// 		$(".headerimg").hide();
		// 		$('.imgzhanwei').css('visibility', 'hidden');
		// 		$('.header').css('position', 'fixed')
		// 	} else {
		// 		$(".headerimg").show();
		// 		$('.imgzhanwei').show();
		// 		$('.header').css('position', 'absolute')
		// 	}
		// })
	</script>
<style type="text/css">
    * {
        margin: 0;
        padding: 0;
    }

    .clearbox:after {
        content: '';
        clear: both;
        display: block;
        height: 0;
    }

    .contbox {
        width: 100%;
        min-width: 1250px;
        min-height: 580px;
        margin: 0 auto;
        background: url(https://www.gzxbn.cn/static/baojia/images/zxbj_new_bg_2021.png)no-repeat;
        background-size: 100% 100%;
        padding-top: 5%;
    }

    .form_div {
        width: 1000px;
        padding: 50px 0 20px 0;
        margin: 0 auto;
        margin-top: 120px;
        background: #FFFFFF;
        border: 1px solid #f2f2f2;
        border-radius: 10px;
        position: relative;
        box-shadow: 0 0 4px #CCCCCC;
        position: relative;
    }
    .dyimg{
        position: absolute;
        top: -254px;
        left: 0;
        width: 100%;
        display: flex;
        align-items: flex-end;
    }
    .dyimg>i{
        width: 254px;
        margin-right: 8%;
        margin-left: 100px;
    }
    .dyimg>i>img{
        width: 100%;
    }
    .dyimg>div>b{
        display: block;
        font-size: 42px;
        color: #FFFFFF;
    }
    .dyimg>div>p{
        font-size: 21px;
        margin: 0 0 20px;
        color: #FFFFFF;
    }

    .form_div form {
        width: 400px;
        margin-left: 30px;
        font-size: 16px;
        float: left;
    }

    .inputbox {
        line-height: 34px;
        margin-bottom: 20px;
    }

    .inputbox span {
        display: inline-block;
        width: 90px;
    }

    .dq select {
        display: inline-block;
        width: 150px;
        height: 34px;
        line-height: 34px;
        font-size: 16px;
    }

    .hx select {
        display: inline-block;
        width: 98px;
        height: 34px;
        line-height: 34px;
        font-size: 16px;
    }

    .fg select {
        display: inline-block;
        width: 305px;
        height: 34px;
        line-height: 34px;
        font-size: 16px;
    }

    .inputbox select {
        vertical-align: middle;
        outline-color: invert;
        outline-style: none;
        outline-width: 0px;
        text-shadow: none;
        border: 1px solid #CCCCCC;
        padding: 0 5px;
    }

    .input {
        display: inline-block;
        line-height: 34px;
        font-size: 14px;
        outline-color: invert;
        outline-style: none;
        outline-width: 0px;
        border-style: none;
        text-shadow: none;
        -webkit-appearance: none;
        -webkit-user-select: text;
        outline-color: transparent;
        box-shadow: none;
        padding: 0 5px;
        box-sizing: border-box;
    }

    .inputbox input {
        display: inline-block;
        width: 305px;
        border: 1px solid #ccc;
    }

    .btn {
        width: 200px;
        float: left;
        height: 200px;
        margin-top: 40px;
        position: relative;
    }

    .rq {
        width: 100px;
        padding: 20px 0;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
        background: #F76D4E;
        color: #FFFFFF;
        border-radius: 50px;
        position: absolute;
        z-index: 97;
        top: 40px;
        left: 60px;
        cursor: pointer;
    }

    .wq {
        position: absolute;
        width: 100px;
        height: 100px;
        border-radius: 60px;
        margin: 40px 60px;
        z-index: 10;
        background: #CF1212;
        -webkit-animation: caleadd 1.5s ease infinite;
        -moz-animation: caleadd 1.5s ease infinite;
        -o-animation: caleadd 1.5s ease infinite;
        animation: caleadd 1.5s ease infinite;
        animation-fill-mode: both;

    }

    @keyframes caleadd {
        0% {
            transform: scale(1);
            opacity: .8;
        }

        100% {
            transform: scale(1.3);
            opacity: 0;
        }
    }

    .rst {
        width: 360px;
        float: right;
    }

    .rst .rst-title {
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: red;
        letter-spacing: 3px;
        margin-bottom: 30px;
    }

    .rst .rst-title span {
        font-size: 20px;
        font-weight: 700;
        padding: 0 5px;
    }

    .rst div {
        width: 300px;
        margin: 0 auto;
    }

    .rst div span {
        display: inline-block;
        width: 50%;
        height: 50px;
        line-height: 50px;
        text-align: center;
    }

    .ts {
        width: 300px;
        margin: 0px auto;
        margin-top: 10px;
        font-size: 14px;
        text-align: center;
        line-height: 24px;
    }
</style>


<div class="contbox">
    <div class="form_div clearbox">
        <div class="dyimg">
            <i><img src="https://www.gzxbn.cn/static/baojia/images/logo_man.png?v=1.1" alt=""></i>
            <div>
                <b>我家装修得花多少钱？</b>
                <p>10s算出装修报价</p>
            </div>
        </div>
        <form id='bj_form'>
            <input type="hidden" name="LY">
            <div class="inputbox dq">
                <span>所在城市：</span>
                <select name="suozai">
                    <option value="">贵州省</option>
                </select>
                <select name="qy">
                    <option value='贵阳'>贵阳</option>
                    <option value='毕节'>毕节</option>
                    <option value='铜仁'>铜仁</option>
                    <option value='兴义'>兴义</option>
                    <option value='安顺'>安顺</option>
                    <option value='都匀'>都匀</option>
                    <option value='盘州'>盘州</option>
                    <option value='普定'>普定</option>
                    <option value='湄潭'>湄潭</option>
                    <option value='遵义'>遵义</option>
                    <option value='凯里'>凯里</option>
                    <option value='六盘水'>六盘水</option>

                </select>
            </div>
            <div class="inputbox hx">
                <span>您的户型：</span>
                <select name="s">
                    <option value='一室'>一室</option>
                    <option value='二室'>二室</option>
                    <option value='三室'>三室</option>
                    <option value='四室'>四室</option>
                    <option value='别墅'>别墅</option>
                    <option value='复式'>复式</option>
                    <option value='跃层'>跃层</option>


                </select>
                <select name="t">
                    <option value='一厅'>一厅</option>
                    <option value='两厅'>两厅</option>
                    <option value='三厅'>三厅</option>


                </select>
                <select name="w">
                    <option value='一卫'>一卫</option>
                    <option value='两卫'>两卫</option>
                    <option value='三卫'>三卫</option>


                </select>
            </div>
            <div class="inputbox fg">
                <span>装修风格：</span>
                <select name="FG">
                    <option value="现代简约">现代简约</option>
                    <option value="清新田园">清新田园</option>
                    <option value="北欧风格">北欧风格</option>
                    <option value="美式乡村">美式乡村</option>
                    <option value="古典中式">古典中式</option>
                    <option value="地中海">地中海</option>
                    <option value="新中式">新中式</option>
                    <option value="欧式风格">欧式风格</option>
                </select>
            </div>
            <div class="inputbox">
                <span>房屋面积：</span>
                <input type="text" class="input" placeholder="请输入您的房屋面积  ㎡" name="mj"
                    onkeyup="value=value.replace(/[^\d]/g,'')" />
            </div>
            <div class="inputbox">
                <span>您的电话：</span>
                <input type="tel" class="input" placeholder="请输入您的电话" name="dh"
                    onkeyup="value=value.replace(/[^\d]/g,'')"
                    onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
                    maxlength="11" />
            </div>
            <input type="hidden" name="dede_fields"
                value="city,select;jishi,select;jiting,select;jiwei,select;fengge,select;fangzimianji,text;lianxi,text;suozai,text" />
            <input type="hidden" name="dede_fieldshash" value="0a94266844051fe30b653a56414fda4c" />


        </form>
        <div class="btn">
            <div class="wq">
            </div>
            <div class="rq" input type="submit" name="submit" value="提 交">
                开始<br>计算
            </div>
        </div>
        <script>

            $(function () {
                $("input[name='LY']").val('免费报价----PC官网----' + window.location.href);
                $('.btn').click(function () {

                    var mobilereg = /^((1)[0-9]{10})$/;
                    var tel = $(this).parents('.form_div').find("input[name='dh']");
                    var mj = $(".form_div input[name='mj']").val();

                    if (!mobilereg.test(tel.val())) {
                        alert('请填写正确的手机号码');
                        return false;
                    }
                    $.ajax({
                        url: "/index/form/add_liuyan",
                        type: "POST",
                        data: tel.parents('form').serialize(),
                        success: function (data) {
                            if (data === 'ok') {
                                $(".window_box").show();
                                // window_box_show();
                                tel.val('');
                                $(".form_div input[name='mj']").val('');
                                var num = 1000;
                                var rst1 = (num * mj / 10000).toFixed(1);
                                var rst2 = (num * mj * 1.2 / 10000).toFixed(1);
                                var rst3 = (num * mj * 1.4 / 10000).toFixed(1);
                                $('.money1').text(rst1 + '万元');
                                $('.money2').text(rst2 + '万元');
                                $('.money3').text(rst3 + '万元');
                            } else {
                                alert(data);
                            }

                        }
                    });
                    return false;
                    //
                });
            });
        </script>


        <div class="rst">
            <p class="rst-title">:::::<span>全包报价结果</span>:::::</p>
            <div>
                <span>简单装修</span><span class="money1">？？万元</span>
            </div>
            <div>
                <span>中档装修</span><span class="money2">？？万元</span>
            </div>
            <div>
                <span>高档装修</span><span class="money3">？？万元</span>
            </div>
            <!--提示：本报价仅供参考，因材料品牌及工程量不同，具体报价以量房实测为准。?-->
            <p class="ts">
                提示：装修预算数据由喜百年历史服务上千万业主装修数据、各大城市装修公司合同数据经过大数据时时分析计算。
            </p>
        </div>

    </div>
</div>
<!--提交后确认弹窗-->
<link rel="stylesheet" type="text/css" href="/static/zt/css/windowbox.css"/>
<link rel="stylesheet" type="text/css" href="/statics/xindex/css/easydropdown.css"/>
<script type="text/javascript" src="/statics/xindex/js/jquery.easydropdown.min.js"></script>
<div class="window_box" style="position:fixed; z-index:9999;overflow:hidden;
			width: 280px; height: 237px; left: 50%; top:50%; margin-left: -140px;
			margin-top: -118.5px; border-radius:6px; box-shadow: 0 0 4px #000; display: none;">
    <div class="check_pop_tip">
        <div class="check_pop_img"></div>
        <p class="check_pop_text">提交成功</p>
        <p class="check_pop_recall">稍后会有喜百年装修顾问<span></span></p>
        <p class="check_pop_recall">与您联系,请注意接听。</p>
        <a style=" text-decoration: none; " href="javascript:void(0);" class="close_check_pop"
           onclick="window_box_hide()">知道 了

        </a>
    </div>
</div>
<!--漂浮-->
<style type="text/css">
    .dropdown.open .carat {
        border-bottom: 8px solid #ffffff !important;
    }

    .dropdown li.focus {
        background: #e70012 !important;
    }
</style>
<script>
    function window_box_hide() {
        $(".window_box").hide();
    }
</script>
<style>
    .newfooter {
        width: 100%;
        background: rgb(56, 61, 65);
    }

    .fengshuilist {
        width: 76%;
        min-width: 1300px;
        margin: 0 auto;
        overflow: hidden;
        color: #ffffff;
    }

    .fengshuilist a {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 14.2%;
        padding: 0 10px;
        line-height: 24px;
        color: #ffffff;
    }

    .zydlist a {
        width: 90px !important;
    }

    .fengshuilist a:hover {
        color: #e70012;
    }

    .fengshuilist_title {
        width: 100%;
        border-bottom: 1px solid #d9d9d9;
        height: 31px;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .fengshuilist_title > ul {
        width: 76%;
        min-width: 1300px;
        margin: 0 auto;
        overflow: hidden;
    }

    .fengshuilist_title > ul > li {
        float: left;
        display: block;
        text-align: center;
        float: left;
        cursor: pointer;
        font-size: 16px;
        font-weight: bold;
        height: 30px;
        line-height: 28px;
        width: 90px;
        margin-right: 25px;
        border-bottom: 3px solid rgba(255, 255, 255, 0);
        color: #ffffff;
    }

    .fengshuilist_title > ul > li:hover {
        border-bottom: 3px solid #e70012;
        color: #e70012;
    }

    .fengshuilist_title .colhover {
        border-bottom: 3px solid #e70012;
        color: #e70012;
    }

    .videoList {
        width: 100%;
        overflow: hidden;
        margin: 0 auto 15px;
        position: relative;
    }
</style>
<div class="newfooter">
    <div class="xfooter">
		<div class="wd80" style="width:80%;min-width: 1300px;">
			<h2>大牌合作</h2>
			<ul class="hzpp clearfix" style="overflow: hidden;">
				<li data-id="1">
					<img src="https://www.gzxbn.cn/statics/xindex/foot/logo/a1.png?v=6.3" />
				</li>
				<li data-id="12">
					<img src="https://www.gzxbn.cn/statics/xindex/foot/logo/a12.png?v=6.3" />
				</li>
				<li data-id="3">
					<img src="https://www.gzxbn.cn/statics/xindex/foot/logo/a3.png?v=6.3" />
				</li>
				<li data-id="17">
					<img src="https://www.gzxbn.cn/statics/xindex/foot/logo/a17.png?v=6.3" />
				</li>
				<li data-id="18">
					<img src="https://www.gzxbn.cn/statics/xindex/foot/logo/a18.png?v=6.3" />
				</li>
				<li data-id="19">
					<img src="https://www.gzxbn.cn/statics/xindex/foot/logo/a19.png?v=6.3" />
				</li>
				<li data-id="20">
					<img src="https://www.gzxbn.cn/statics/xindex/foot/logo/a20.png?v=6.3" />
				</li>
			</ul>
		</div>
	</div>
	<script>
		$('.hzpp li').hover(function () {
			var _this = $(this);
			var ind = _this.data('id');
			_this.find('img').attr('src', 'https://www.gzxbn.cn/statics/xindex/foot/logo/b' + ind + '.png?v=6.6');
		}, function () {
			var _this = $(this);
			var ind = _this.data('id');
			_this.find('img').attr('src', 'https://www.gzxbn.cn/statics/xindex/foot/logo/a' + ind + '.png?v=6.6');
		})
	</script>
    <div class="fengshuilist_title">
        <ul>
            <li class="colhover">最新攻略</li>
            <li>直营分店</li>
            <li>企业视频</li>
            <li>友情链接</li>
        </ul>
    </div>
    <div class="fengshuilist gongluelist">

    </div>
    <div class="fengshuilist zydlist">
        <a href="https://www.gzxbn.cn" target="_blank">贵阳</a>
		<a href="https://www.gzxbn.cn" target="_blank">白云</a>
		<a href="https://www.gzxbn.cn" target="_blank">花溪</a>
		<a href="https://www.gzxbn.cn" target="_blank">龙里</a>
		<a href="https://www.gzxbn.cn" target="_blank">修文</a>
		<a href="https://www.gzxbn.cn" target="_blank">清镇</a>
		<a href="http://www.yxh5.hanzhong.meizhou.huangnan.sys.jixi.ww38.viennacitytours.com" target="_blank">遵义</a>
		<a href="http://www.yxh5.hanzhong.meizhou.huangnan.sys.jixi.ww38.viennacitytours.com" target="_blank">习水</a>
		<a href="http://www.yxh5.hanzhong.meizhou.huangnan.sys.jixi.ww38.viennacitytours.com" target="_blank">仁怀</a>
		<a href="http://www.asxbn.com" target="_blank">安顺</a>
		<a href="http://www.bjxbnzs.com" target="_blank">毕节</a>
		<a href="http://www.xbnlps.com" target="_blank">六盘水</a>
		<a href="http://www.xbnlps.com" target="_blank">盘州</a>
		<a href="http://www.trxbnzs.com" target="_blank">铜仁</a>
		<a href="/http://www.trxbnzs.com" target="_blank">德江</a>
		<a href="http://www.xyxbn.cn" target="_blank">兴义</a>
		<a href="http://www.dyxbn.com" target="_blank">都匀</a>
		<a href="http://www.klxbn.com" target="_blank">凯里</a>
    </div>
    <div class="fengshuilist">
        <div class="videoList videoSwiper swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <video class="footvideos" controlsList="nodownload" width="100%" height="90%"
                           oncontextmenu="return false" controls
                           poster="">
                        <source class="source"
                                src="https://nadvideo2.baidu.com/95693ecf3f42aada757909cc2557650b_1920_1080.mp4"
                                type="video/mp4">
                        </source>

                    </video>
                    <h3>一天3万步</h3>
                    <p></p>
                </div>
                <div class="swiper-slide">
                    <video class="footvideos" controlsList="nodownload" width="100%" height="90%"
                           oncontextmenu="return false" controls
                           poster="">
                        <source class="source"
                                src="https://nadvideo2.baidu.com/be8bf42d00174221b63aded852d245a4_1920_1080.mp4"
                                type="video/mp4">
                        </source>

                    </video>
                    <h3>最后一个百分之一</h3>
                    <p></p>
                </div>
                <div class="swiper-slide">
                    <video class="footvideos" controlsList="nodownload" width="100%" height="90%"
                           oncontextmenu="return false" controls
                           poster="/img/video/footvideoimg.png?v=1.1">
                        <source class="source"
                                src="https://nadvideo2.baidu.com/8f3c14e99c9e00a9c9823ff1059ba7fa_1920_1080.mp4"
                                type="video/mp4">
                        </source>

                    </video>
                    <h3>我在喜百年，你放心我</h3>
                    <p></p>
                </div>

            </div>
            <!-- <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div> -->
        </div>
    </div>
    <div class="fengshuilist">
                <a href="https://www.gzxbn.cn/" rel="nofollow" target="_blank">贵阳装修公司</a>
                <a href="http://www.asxbn.com/" rel="nofollow" target="_blank">安顺装修公司</a>
                <a href="http://www.bjxbnzs.com/" rel="nofollow" target="_blank">毕节装修公司</a>
                <a href="http://www.dyxbn.com/" rel="nofollow" target="_blank">都匀装修公司</a>
                <a href="http://www.klxbn.com/" rel="nofollow" target="_blank">凯里装修公司</a>
                <a href="http://www.xbnlps.com/" rel="nofollow" target="_blank">六盘水装修公司</a>
                <a href="http://www.trxbnzs.com/" rel="nofollow" target="_blank">铜仁装修公司</a>
                <a href="http://www.xyxbn.cn/" rel="nofollow" target="_blank">兴义装修公司</a>
                <a href="https://www.xbngw.cn/" rel="nofollow" target="_blank">观山湖装修公司</a>
            </div>
    <script>
        $(function () {
            gongluelist();
            videolists();
            $('.fengshuilist').eq(0).show().siblings('div.fengshuilist').hide()
            $('.fengshuilist_title li').click(function () {
                $(this).addClass('colhover').siblings().removeClass('colhover');
                $('.fengshuilist').eq($(this).index()).show().siblings('div.fengshuilist').hide()
            })


        })

        function gongluelist() {
            $.ajax({
                type: "POST",
                url: "/xbn/footNews",
                dataType: "json",
                success: function (res) {
                    var strs = '';
                    $.each(res, function (k, v) {
                        strs += '<a href="' + v['url'] + '" target="_blank" >' + v['title'] + '</a>'
                    })
                    $('.gongluelist').append(strs)
                },
                error: function (res) {
                    console.log(res, '失败')
                }
            });
        }


        function pauseAll(index) {
            for (var j = 0; j < footvideos.length; j++) {
                if (j != index) {
                    footvideos[j].pause();
                }
            }
        };
        var videoSwiper;
        var footvideos;

        function videolists() {
            $.ajax({
                type: "POST",
                url: "https://www.gzxbn.cn/xbn/index/enterprise_video",
                data: {
                    'page': 1,
                },
                dataType: "text",
                success: function (res) {
                    var res = eval('('+res+')')[0];
                    var str = '';
                    for (var i = 0; i < res.length; i++) {
                        str += '<div class="swiper-slide">'
                            + '<video class="footvideos" controlsList="nodownload" width="100%" oncontextmenu="return false" controls poster="https://www.gzxbn.cn' + res[i]['img'] + '">'
                            + '<source class="source" src="' + res[i]['url'] + '" type="video/mp4"> </source>'
                            + '</video>'
                            + '<h3>' + res[i]['title'] + '</h3>'
                            + '<p></p>'
                            + '</div>'
                    }
                    // $(".videoList .swiper-wrapper").append(str);
                    footvideos = $('.footvideos');
                    for (var i = 0; i < footvideos.length; i++) {
                        (function (n) {
                            footvideos[n].addEventListener('play', function () {
                                pauseAll(n);
                            })
                        })(i)
                    }
                    videoSwiper = new Swiper('.videoSwiper', {
                        // centeredSlides: true,
                        slidesPerView: 3,
                        spaceBetween: 30,
                        // loop: true,
                        // autoplay: true,
                        navigation: {
                            nextEl: '.videoSwiper .swiper-button-next',
                            prevEl: '.videoSwiper .swiper-button-prev',
                        },
                        // slideToClickedSlide: true,
                        observer: true,//修改swiper自己或子元素时，自动初始化swiper
                        observeParents: true//修改swiper的父元素时，自动初始化swiper
                    })
                },
            });
        }

    </script>
    <style>
        .footerNew {
            width: 68%;
            min-width: 1300px;
            padding: 40px 0 45px;
            margin: 0 auto;
        }

        .footerNew .footerContent {
            display: flex;
            width: 100%;
            margin: 0 auto;
            /* height: 232px; */
        }

        .footerNew .footerContent .showroom {
            width: 340px;
            height: 100%;
            box-sizing: border-box;
            padding: 2px 40px 0 0;
            color: #ffffff;
            border-right: 1px solid #787878;
        }

        .footerNew .footerContent .showroom h2 {
            margin-bottom: 18px;
            font-size: 16px;
            line-height: 16px;
        }

        .footerNew .footerContent .showroom img {
            width: 272px;
            height: 144px;
            margin-bottom: 15px;
            vertical-align: top;
        }

        .footerNew .footerContent .showroom p {
            line-height: 17px;
        }

        .footerNew .footerContent .showroom p img {
            width: 14px;
            height: 17px;
            vertical-align: -17px;
        }

        .footerNew .footerContent .showroom p span {
            margin-left: 4px;
        }

        .footerNew .footerContent .we {
            flex: 1;
            height: 100%;
            box-sizing: border-box;
            padding: 2px 0;
            color: #ffffff;
            display: flex;
            justify-content: center;
        }

        .footerNew .footerContent .we h2 {
            margin-bottom: 18px;
            font-size: 20px;
            line-height: 22px;
        }

        .footerNew .footerContent .we .aboutUs {
            float: left;
            margin-right: 56px;
            width: 100px;
			padding-left: 20px;
        }

        .footerNew .footerContent .we .aboutUs a {
            display: block;
            width: 100%;
            margin-bottom: 10px;
            color: #ffffff;
            line-height: 40px;
            font-size: 18px;
        }

        .footerNew .footerContent .we .contactUs {
            float: left;
        }

        .footerNew .footerContent .we .contactUs p {
            margin-bottom: 11px;
            font-size: 18px;
            line-height: 40px;
        }

        .footerNew .footerContent .we .contactUs p img {
            margin-right: 5px;
            vertical-align: middle;
            width: 23px;
        }

        .footerNew .footerContent .we .contactUs p.pointer {
            cursor: pointer;
        }

        .footerNew .footerContent .we .contactUs p a {
            color: #1e1e1e;
        }

        .footerNew .footerContent .we .contactUs button {
            display: block;
            width: 140px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            background: #e70012;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            color: #ffffff;
            font-size: 18px;
        }

        .footerNew .footerContent .thePublic {
            display: flex;
            width: 398px;
            height: 100%;
            padding: 2px 0 0 66px;
            border-left: 1px solid #787878;
            color: #ffffff;
        }

        .footerNew .footerContent .thePublic div {
            width: 144px;
            margin-right: 43px;
        }

        .footerNew .footerContent .thePublic div:last-child {
            margin-right: 0;
        }

        .footerNew .footerContent .thePublic div h6 {
            margin-bottom: 18px;
            font-size: 16px;
            line-height: 16px;
        }

        .footerNew .footerContent .thePublic div img {
            width: 144px;
            height: 144px;
            margin-bottom: 10px;
            vertical-align: top;
        }

        .footerNew .footerContent .thePublic div p {
            line-height: 18px;
            text-align: center;
        }

        .footerNew .footerContent .thePublic div p span {
            display: block;
        }

        .codediv > div {
            flex: 1;
            position: relative;
        }

        .codediv > div > input[type='button'] {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            background: #e70012 !important;
            color: #ffffff;
            cursor: pointer;
            padding: 0 !important;
            text-align: center;
        }
        .footcjjjg{
			width: 272px;
			margin-bottom: 15px;
		}
		.footcjjjg video{
			width: 100%;
		}
        .footerNew .footerContent .we .contactUs p b{
			display: block;
			font-weight: normal;
            height: 25px;
		}
	</style>
	<div class="footerNew">
		<div class="footerContent">
			<div class="showroom">
				<h2>超级家居馆MALL</h2>
				<div class="footcjjjg">
					<video id="videotyg" controlsList="nodownload" oncontextmenu="return false" controls poster="https://www.gzxbn.cn/img/video/tygvideoimg.png?v=1.1">
						<source src="https://vcp.baidu.com/0afa11324fa78105cd85477f72c8ca70.mp4">
								</source>
					</video>
				</div>
                <p>
                    <img src="/img/xtc/location.png?v=1.1" alt='地图定位'/>
                    <span>贵州省遵义市红花岗区迎红街道迎红桥头九州时代4楼喜百年旗舰店</span>
                </p>
            </div>
            <div class="we">
                <div class="aboutUs">
                    <h2>关于我们</h2>
                    <a href="/xbn/jieshao/rongyu/" target="_blank">品牌实力</a>
                    <a href="/xbn/danye/bnxy/" target="_blank">百年学院</a>
                    <a href="/feedback" target="_blank">意见反馈</a>
                    <a href="/xbn/jieshao/zyd/" target="_blank">门店地址</a>
                </div>
                <div class="contactUs">
                    <h2><a href="/service/contact_us.html" style="color: #ffffff;" target="_blank">联系我们</a></h2>
                    <p class="pointer" data-pop="online" onclick="footzx()">
                        <img src='/img/xtc/sms.png?v=1.1' alt='喜百年客服'/>
                        在线咨询
                    </p>
                    <p>
						<img src='/img/xtc/tel.png?v=1.1' alt='喜百年官方电话' />
						售前：400-966-1332					</p>
					<p style="display: flex;">
						<img src='/img/xtc/tel.png?v=1.1' alt='喜百年邮箱' style="height: 23px;margin-top: 5px;" />
						售后：<span><b>0851-88571100</b><b>0851-85865657</b><b>0851-85867769</b><b>0851-85869728</b></span>
					</p>
					<p>
						<img src='/img/xtc/email.png?v=1.1' alt='喜百年邮箱' />
						商务合作：xbnjt2010@163.com
					</p>
                    <!-- <button data-pop="newOrderPop" type='button' onclick="footeryy()">
                        立即预约
                    </button> -->
                </div>
            </div>
            <div class="thePublic">
                <div>
                    <h6>官方小程序</h6>
                    <img src='/upload/site/5ea130404b761.jpg'/>
                    <p>
                        扫一扫了解
                        <span>2024家装风格</span>
                    </p>
                </div>
                <div>
                    <h6>喜百年企业号</h6>
                    <img src='/img/xtc/qiyehao.png'/>
                    <p>
                        随时随地看案例、
                        <span>装修干货</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="xbq clearfix" style="width:90%;min-width: 1300px; margin: 0 auto;">
        <div class="xbq-left">
            版权所有 2022 all rights reserves喜百年装饰工程有限公司遵义分公司        </div>
        <div class="xbq-middle">
            <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=52030202001170"
               rel="nofollow">
                <img src="/statics/xindex/images/icon-ga.png"/> 贵公安备案：52030202001170</a>
                <a target="_blank" href="https://beian.miit.gov.cn/" rel="nofollow" id="ymth">网站备案： 黔ICP备14000010号-2</a>
        </div>
        <div class="xbq-right">
            <a target="_blank" href="/sitemap.html">网站地图</a>
            <a target="_blank" href="/sitemaps.xml">xml地图</a>
            <script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1278294522'%3E%3C/span%3E%3Cscript src='https://s9.cnzz.com/z_stat.php%3Fid%3D1278294522' type='text/javascript'%3E%3C/script%3E"));</script>        </div>
    </div>
</div>
<script>
	var a = document.getElementById('ymth')
	if (window.location.host == "www.yxh5.hanzhong.meizhou.huangnan.sys.jixi.ww38.viennacitytours.com"){
		a.innerHTML = "黔ICP备14000010号-1";
	}else {
		a.innerHTML = "黔ICP备14000010号-2";
	}
</script>
<script>
    function footzx() {
        window.open('https://bwt.zoosnet.net/LR/Chatpre.aspx?id=BWT29249522&lng=cn')
    }

    $('.choose label').click(function () {
        $(this).addClass('active').siblings('label').removeClass('active');
        if ($(this).text == '新房') {
            $('#newHouse').attr('checked', 'true')
            $('#oldHouse').attr('checked', 'false')
        } else {
            $('#newHouse').attr('checked', 'false')
            $('#oldHouse').attr('checked', 'true')
        }
    })
</script>
<style>
    .bottc_content {
        width: 80%;
        margin: 0 auto;
		min-width: 1300px!important;
    }

    .writecode {
        width: 70px !important;
        display: inline-block;
        color: #fff;
        text-align: center;
    }

    .codeget {
        width: 85px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
    }

    .codeget > input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 40px;
        color: #ffffff;
        background: #e70012;
        border: none;
        font-size: 15px;
    }

    .bottc_form_box {
        /* width: 24%; */
        width: 36%;
    }

    .bottc_form input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        color: #ffffff;
    }

    .bottc_form input:-moz-placeholder,
    textarea:-moz-placeholder {
        color: #ffffff;
    }

    .bottc_form input::-moz-placeholder,
    textarea::-moz-placeholder {
        color: #ffffff;
    }

    .bottc_form input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        color: #ffffff;
    }

    .bottc_btn span {
        width: 85px;
    }

    .bottc_title > p > img {
        width: 100%;
    }

    /* .bottc_title>p:last-child{
        margin-top: 0!important;
        font-size: 22px;
        background: rgba(255,255,255,0.5);
        text-align: center;
    } */
</style>

<div class="botback" style="height: 100px;width:100%;background:rgb(56, 61, 65);display: none;"></div>
<div class="bottc_show">
    <img src="/img/xtc/bot_left.png" class="img"/>
</div>
<div class="bottc">
    <div class="bottc_content">
        <div class="bottc_img" style="width: 200px;margin-right: 10px;">
            <!-- <img src="https://www.gzxbn.cn/static/baojia/images/22bj.png?v=1.1" class="img" style="width: 100%;" /> -->
            <img src="https://www.gzxbn.cn/static/baojia/images/logo_man2.png?v=1.5" class="img" style="width: 100%;" />
        </div>
        <!-- <div class="bottc_img" style="width: 550px;">
            <img src="/img/xtc/bottc2021.png?v=1.1" class="img" style="width: 100%;bottom: 10%;"/>
        </div> -->
        <div class="bottc_title" style="height: 84px;width: 180px;">
            <!-- <p style="font-size: 18px;">算一算我家装修要花多少钱？</p>
            <p>已有<span>3688</span>位业主获得报价</p> -->
            <i style="display: block;width: 160px;font-size: 0;"><img src="https://www.gzxbn.cn/static/baojia/images/hzx23_3.png?v=1.1" alt="" style="width: 100%;"></i>
        </div>
        <div class="bottc_bj">
            <span>15220</span>元
        </div>
        <div class="bottc_change">
            <span class="activechange">新房</span>
            <span>老房</span>
        </div>
        <div class="bottc_form">
            <form action="" method="post">
                <div class="bottc_form_box">
                    <select class="dropdown" name="qy" data-settings='{"cutOff": 6}'>
                        <option value="" class="label">城市</option>
                        <option value="贵阳">贵阳</option>
                        <option value="遵义" selected>遵义</option>
                        <option value="安顺">安顺</option>
                        <option value="毕节">毕节</option>
                        <option value="凯里">凯里</option>
                        <option value="都匀">都匀</option>
                        <option value="铜仁">铜仁</option>
                        <option value="兴义">兴义</option>
                        <option value="六盘水">六盘水</option>
                        <option value="抚州市">抚州市</option>
								<option value="庆阳市">庆阳市</option>
								<option value="兰州">兰州</option>
                    </select>
                    <div>
                        <input type="text" name="mj" id="" placeholder="面积">
                    </div>
                </div>
                <div class="bottc_form_box">
                    <input type="tel" name="dh" placeholder="您的联系方式" onkeyup="value=value.replace(/[^\d]/g,'')"
                           onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
                           maxlength="11"/>
                </div>
                <input type="hidden" name="LY" class="bottc_ly" value=""/>
                <input type="hidden" name="s" class="bottc_s" value="新房"/>
                <!-- <input type="text" name="code" placeholder="验证码" class="writecode">
                <div class="codeget">
                    <input type="button" value="获取验证码" class="footcodeget">
                    <input type="button" value="60s后重试" style="display: none;z-index: 60;">
                </div> -->
                <div class="bottc_btn foottjform" onclick="tj(this)">
                    <span style="float: left;">一键报价</span>
                </div>
            </form>
            <img src="/img/xtc/bot_colse.png" class="bottc_clsoe"/>
        </div>

    </div>
</div>

<script type="text/javascript">

    $(".bottc_clsoe").click(function () {
        bottc_hide();
    });
    $(".bottc_show").click(function () {
        bottc_show();
    });

    function bottc_hide() {
        $('.bottc').animate({'left': '-100%'}, 1000, function () {
            $(this).hide();
            $(".bottc_show").show().animate({'left': '0'}, 500);
            $(".botback").hide();
        });
    };

    function bottc_show() {
        $(".bottc").show();
        $(".bottc_show").hide().animate({'left': '-140px'}, 500);
        $('.bottc').animate({'left': '0%'}, 1000);
        $(".botback").show();
    };
    // setTimeout(function () {
    // 	$(".bottc").fadeIn();
    // 	$(".botback").show();
    // }, 6000);
    $(function () {
        $(".bottc_ly").val("官网报价底部弹窗 ---pc官网---" + window.location.href);
        $(".bottc").hide();
        $(".botback").hide();
        setInterval(() => {
            $('.bottc_bj span').html(RandomNumBoth(88965, 182580))
        }, 1000);
        $('.bottc_change span').click(function () {
            $(this).addClass('activechange').siblings().removeClass('activechange');
            $('.bottc_s').val($(this).text())
        })
        $(window).scroll(function () {
            var topp = $(document).scrollTop();
            if (topp > 80) {
                $(".bottc").fadeIn();
                $(".botback").show();
            } else {
                $(".bottc").fadeOut();
                $(".botback").hide();
            }
        })
    })

    function RandomNumBoth(Min, Max) {
        var Range = Max - Min;
        var Rand = Math.random();
        var num = Min + Math.round(Rand * Range);
        return num;
    }

    var start_code = false;

    function start_fun(obj) {
        var _this = $(obj);
        var mobilereg = /^((1)[0-9]{10})$/;
        var tel = _this.parents('form').find("input[name='dh']");
        if (!mobilereg.test(tel.val())) {
            layer.tips('请填写正确的手机号码', tel, {
                tips: [1, '#d01010']
            });
            return false;
        }
        $.ajax({
            type: "post",
            url: "https://deepecho.xbnjt.cn/index/numver/sendMessage",
            data: {
                'phone': tel.val()
            },
            success: function (data) {
                data = JSON.parse(eval('(' + data + ')'));
                console.log(data)
                if (data.code == 200) {

                    $(obj).siblings('input').show();
                    var num = 60;
                    var inptimer = setInterval(function () {
                        num--;
                        $(obj).siblings('input').val(num + 's后重试');
                        if (num == 0) {
                            $(obj).siblings('input').val('60s后重试');
                            clearInterval(inptimer);
                            num = 60;
                            $(obj).siblings('input').hide();
                        }
                    }, 1000)
                    start_code = true;

                } else {
                    layer.msg(data.msg);
                    return false;
                }
            }
        });

    }

    function end_fun(obj) {
        var _this = $(obj)
        var mobilereg = /^((1)[0-9]{10})$/;
        var code = $(obj).parents('form').find("input[name='code']");
        var tel = $(obj).parents('form').find("input[name='dh']");
        if (!mobilereg.test(tel.val())) {
            layer.tips('请填写正确的手机号码', tel, {
                tips: [1, '#d01010']
            });
            return false;
        }
        if (code.val().length < 0 && code.val() == '') {
            layer.tips('请填写验证码', code, {
                tips: [1, '#d01010']
            });
            return false;
        }

        $.ajax({
            type: "post",
            url: "https://deepecho.xbnjt.cn/index/numver/numver",
            data: {
                'phone': tel.val(),
                'code': code.val()
            },
            success: function (data) {
                data = JSON.parse(eval('(' + data + ')'));
                if (data.code == 200) {
                    console.log('tj');
                    tj_code(_this);
                } else {
                    layer.msg(data.msg)
                }
                //console.log(data.code);

            }
        });
    }

    function tj_code(obj) {
        console.log('tj_code')
        var mobilereg = /^((1)[0-9]{10})$/;
        var tel = $(obj).parents('form').find("input[name='dh']");
        var xq = $(obj).parents('form').find("input[name='xq']");
        var mj = $(obj).parents('form').find("input[name='mj']");
        var xm = $(obj).parents('form').find("input[name='xm']");
        if (xm.length > 0 && xm.val() == "") {
            layer.tips('请输入您的称呼', xm, {
                tips: [1, '#d01010'] //还可配置颜色
            });
            return false;
        }
        if (mj.length > 0 && mj.val() == "") {
            layer.tips('请输入您的房屋面积', mj, {
                tips: [1, '#d01010'] //还可配置颜色
            });
            return false;
        }
        if (!mobilereg.test(tel.val())) {
            layer.tips('请填写正确的手机号码', tel, {
                tips: [1, '#d01010'] //还可配置颜色
            });
            return false;
        }
        $.ajax({
            url: "/index/form/add_liuyan",
            type: "POST",
            data: $(obj).parents('form').serialize() + '&LY2=官网留言&name=赵璇',
            success: function (data) {
                console.log(data)
                if (data == 'ok') {

                    $(".window_box").show();
                } else {
                    layer.msg(data)
                }

            },
            error: function (data) {
                layer.msg(data.responseText)
            }
        });
    }

    // $('.footcodeget').click(function () {
    // 	start_fun($(this));
    // })
    // $('.foottjform').click(function () {
    // 	if (start_code) {
    // 		end_fun($(this));
    // 	} else {
    // 		layer.msg('为了防止恶意提交，请您输入验证码!')
    // 	}
    // })
    // $('.footyycode').click(function () {
    // 	start_fun($(this));
    // })
    // $('.footyytj').click(function () {
    // 	if (start_code) {
    // 		end_fun($(this));
    // 	} else {
    // 		layer.msg('为了防止恶意提交，请您输入验证码!')
    // 	}
    // })
    // $('.leftyycode').click(function () {
    // 	start_fun($(this));
    // })
    // $('.leftyytj').click(function () {
    // 	if (start_code) {
    // 		end_fun($(this));
    // 	} else {
    // 		layer.msg('为了防止恶意提交，请您输入验证码!')
    // 	}
    // })
    // $('.startbjcode').click(function () {
    // 	start_fun($(this));
    // })
    // $('.startbjtj').click(function () {
    // 	if (start_code) {
    // 		end_fun($(this));
    // 	} else {
    // 		layer.msg('为了防止恶意提交，请您输入验证码!')
    // 	}
    // })
    // $('.startsjcode').click(function () {
    // 	start_fun($(this));
    // })
    // $('.startsjtj').click(function () {
    // 	if (start_code) {
    // 		end_fun($(this));
    // 	} else {
    // 		layer.msg('为了防止恶意提交，请您输入验证码!')
    // 	}
    // })
</script>
<script language="javascript" src="http://bwt.zoosnet.net/JS/LsJS.aspx?siteid=BWT29249522&float=1&lng=cn"></script>
<style>
	.botfixed {
		position: fixed;
		right: 24px;
		bottom: 110px;
		background-color: #fbfbfb;
		width: 44px;
		border-radius: 22px;
		z-index: 889;
		box-shadow: 0px 0px 9px #666666;
	}

	.erweima_fix {
		width: 44px;
		height: 44px;
		border-radius: 50%;
		box-sizing: border-box;
		padding: 10px 0;
		cursor: pointer;
	}

	.erweima_fix>img {
		width: 24px;
		height: 24px;
		margin-right: auto;
		margin-left: auto;
		display: block;
	}

	.jiantou_fix {
		width: 44px;
		height: 44px;
		border-radius: 50%;
		box-sizing: border-box;
		padding: 10px 0;
		cursor: pointer;
		margin-bottom: 2px;
		display: none;
	}

	.jiantou_fix>img {
		width: 24px;
		height: 24px;
		margin-right: auto;
		margin-left: auto;
		display: block;
	}

	.erweimatip {
		position: absolute;
		right: 56px;
		bottom: 0;
		width: 279px;
		height: 102px;
		background-color: #fff;
		z-index: 889;
		box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
		border-radius: 12px;
		display: none;
	}

	.erweimatip .text {
		text-align: left;
		margin-top: 24px;
		margin-left: 16px;
	}

	.erweimatip .text .top_text {
		color: #000;
		font: 20px/30px Arial, sans-serif;
	}

	.erweimatip .text .bot_text {
		color: #9195a3;
		font: 13px/23px Arial, sans-serif;
	}

	.erweimatip .qrcode {
		position: absolute;
		width: 75px;
		/* height: 70px; */
		top: 16px;
		right: 16px;
	}

	.backtop {
		position: absolute;
		right: 56px;
		bottom: 0;
		background-color: #fff;
		z-index: 889;
		box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
		border-radius: 12px;
		width: 80px;
		height: 36px;
		line-height: 36px;
		text-align: center;
		display: none;
	}
</style>
<div class="botfixed">
	<div class="erweima_fix">
		<img src="https://www.gzxbn.cn/img/bot/boterweima.png" class="picerweima1" alt="">
		<img src="https://www.gzxbn.cn/img/bot/boterweimaac.png" class="picerweima2" style="display: none;" alt="">
	</div>
	<div class="jiantou_fix">
		<img src="https://www.gzxbn.cn/img/bot/botjiantou.png" class="picjiantou1" alt="">
		<img src="https://www.gzxbn.cn/img/bot/botjiantouac.png" class="picjiantou2" style="display: none;" alt="">
	</div>
	<div class="erweimatip">
		<div class="text">
			<div class="top_text">扫码访问移动端</div>
			<div class="bot_text">让百万家庭装修不花冤枉钱</div>
		</div>
		<img src="https://www.gzxbn.cn/img/bot/xcxewm.png" class="qrcode" alt="">
	</div>
	<div class="backtop">
		返回顶部
	</div>
</div>
<script>
	$(window).scroll(function () {
		if ($(window).scrollTop() >= 100) {
			$(".jiantou_fix").show()
		} else {
			$(".jiantou_fix").hide(300)
		}
	})
	$('.erweima_fix').mouseenter(function () {
		$('.picerweima1').hide();
		$('.picerweima2').show();
		$(this).css('box-shadow', '0 4px 3px #efeaea');
		$('.erweimatip').show()
	})
	$('.jiantou_fix').mouseenter(function () {
		$('.picjiantou1').hide();
		$('.picjiantou2').show();
		$(this).css('box-shadow', '0 4px 3px #efeaea');
		$('.backtop').show()
	})
	$('.erweima_fix').mouseleave(function () {
		$('.picerweima1').show();
		$('.picerweima2').hide();
		$(this).css('box-shadow', '');
		$('.erweimatip').hide()
	})
	$('.jiantou_fix').mouseleave(function () {
		$('.picjiantou1').show();
		$('.picjiantou2').hide();
		$(this).css('box-shadow', '');
		$('.backtop').hide()
	})
	$('.erweimatip').mouseenter(function () {
		$('.picerweima1').hide();
		$('.picerweima2').show();
		$(this).css('box-shadow', '0 1px 3px #efeaea');
		$('.erweimatip').show()
	})
	$('.erweimatip').mouseleave(function () {
		$('.picerweima1').show();
		$('.picerweima2').hide();
		$(this).css('box-shadow', '');
		$('.erweimatip').hide()
	})
	$('.jiantou_fix').click(function () {
		$("body").animate({ scrollTop: 0 }, 300)
	})
</script>
</body>

</html>

<script language=javascript>
    //	var LiveAutoInvite0 = '您好，来自%IP%的朋友';

    var lr_xCenter = 240;

    var lr_yCenter = 0;

    var LiveAutoInvite1 = '来自首页的对话';

    var LiveAutoInvite2 = ' 网站商务通 主要功能：<br>1、主动邀请<br>2、即时沟通<br>3、查看即时访问动态<br>4、访问轨迹跟踪<br>5、内部对话<br>6、不安装任何插件也实现双向文件传输<br><br><b>如果您有任何问题请接受此邀请以开始即时沟通</b>';

    var LR_next_invite_seconds = 18; //10秒后再次显示自动邀请
</script>
<style type="text/css">
    #LRfloater0 {
        display: none !important;
    }

    /* .dh_box img {
        height: 30px;
        margin-top: 10px;
    } */

    .hzpp img {
        width: 73%;
        /* height: 50px; */
        vertical-align: middle;
    }

    .xbq a {
        color: #FFFFFF;
    }
</style>