@charset "utf-8";
/*重置*/
body,h1,h2,h3,h4,h5,dl,dd,dt,p,ul,li,ol{ margin:0; padding:0;}
input,select,form,textarea,button,video{ border:none; margin:0;outline:none; padding:0; appearance:none;}
h1,h2,h3,h4,h5{ font-weight:normal;}
img{ border:none;}
a{ 
	text-decoration:none; outline:none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}
body,button,input,select,textarea{ font: normal 12px/100% Helvetica, Arial, sans-serif;}
li{ list-style-type:none;}
body,html{ width:100%; height: 100%;}

@media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}
@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 640px) {html{font-size:100px;}}
@media screen and (min-width: 680px) {html{font-size:100px;}}
@media screen and (min-width: 720px) {html{font-size:100px;}}
@media screen and (min-width: 760px) {html{font-size:100px;}}
@media screen and (min-width: 800px) {html{font-size:100px;}}
@media screen and (min-width: 960px) {html{font-size:100px;}}

/*清除浮动*/
.fix{*zoom:1;}
.fix:after{display:table; content:''; clear:both;}
.navla{ position:fixed; top:0px; width:100%; left:0px; background-color: rgba(255, 255, 255, 0.5); height:1rem; }
.navla ul{ margin:0px; padding:0px;  overflow:hidden; height:100%; position:absolute; top:-.4rem; z-index:999; right:2%;}
.navla ul a{ margin-top:-.4rem;}
.top_bg .navla{ margin:0px!important; line-height:1rem;}
/*头部*/
.top_bg{ position:absolute; z-index: 999;top: 0; left: 0; 
	width: 100%;background-color:none;height: .8rem;
	text-align:right;
}
.top_bg a{ color:#FFF; line-height:1.8rem; padding:0 .05rem; font-size:.22rem;}
.top_bg a.hover{ color:#f09601; font-weight:bold;}
.top_bg .top_main{margin:0 3%;overflow: hidden;}
.casetype{ overflow:hidden; text-align:center;}
.casetype .typetxt{ padding:.1rem; line-height:.8rem;}
.casetype .typetxt h3{ float:left; font-size:.3rem; color:#323232;}
.casetype .typetxt span{ color:#CCC; font-weight:normal; margin-left:.1rem;}
.casetype .typetxt a{ float:right; font-size:.3rem; color:#CCC;}
.casetype img{ max-width:100%;}

.typelist{ display:flex; padding:.05rem 0;}
.typelist a{ margin-left:.1rem;}
.typelist a:nth-child(1){ margin-left:0px;}

.hdbz{ background:#f09601; color:#FFF; line-height:.8rem; font-size:.38rem; font-weight:bold; letter-spacing:.05rem; text-align:center;}
.bjjwz{ background:url(../images/wzbj.jpg); background-size:100%; color:#FFF; line-height:1.5rem;  font-size:.42rem; font-weight:bold; letter-spacing:.05rem; text-align:center;}
.hudbz{ background:#646464; color:#FFF; line-height:.7rem; font-size:.32rem; font-weight:bold; letter-spacing:.05rem; text-align:center;}
.contentbox{ }
.bobtm6{border-bottom:#f5f5f5 solid 6px; }

.casetype img{ width:100%;}

.price_box p{ font-size:.28rem; line-height:.5rem; color:#323232;}
.price_box p b{ font-size:.46rem; color:#323232; font-weight:bold;}
.price_box p span{ font-size:.1rem;}

/*banner轮播图*/
.banner{width: 100%; background-color: #999;}
.banner ul li img{width: 100%;display: block;}
.banner .sp01 span{background-color: #fff;opacity: .5;}
.banner .sp01 .swiper-pagination-bullet-active{background-color: white;background-color: #fff; opacity: 1;}

.icon_nav{ padding: 2% 3%; }
.icon_nav ul{overflow: hidden; padding: 1% 0;}
.icon_nav ul li{float: left; width: 25%; text-align: center; margin:.15rem 0;}
.icon_nav ul li img{ display: block; width: .72rem;height: .72rem; margin: 0 auto; }
.icon_nav ul li span{ color: #333; font-size:.22rem;display: block; margin-top: .7em; }

/*ad*/
.adpic img{ width: 100%;display: block; }
.listtimg{ text-align:center;}
.listtimg  img{ max-width:100%;}

.news{ width:90%; padding:0 5%; margin:0 auto; background:#f5f5f5;}
.news h2{ font-weight:normal; line-height:1rem; font-size:.36rem;}
/*装修估价*/
.sy_title{ padding:4% 0; }
.sy_title h2{ font-size:.36rem; line-height: .36rem; padding-left: 3%; border-left: #dea869 solid 4px; color: #333; }
.sy_title h2 a{ float: right; margin-right: 2%; font-size:.24rem; color: #dea869; }
.sy_title p{ margin-left: calc(3% + 4px); font-size:.24rem; color: #999;margin-top: 3%; }
.price_box form{display: block;  float:left; width:50%;}
.price_box form label{display: block; position: relative; margin-bottom: 3%; font-size:.26rem;}
.price_box form input{ width: 100%; height: .42rem; line-height: .42rem; background-color: #f5f5f5; text-indent: 1em; 
	font-size:.26rem; border:#f5f5f5 solid 1px;
}
.lxwm{ padding:3%;}
.forimg{ padding:3%; padding-top:0px; overflow:hidden;}
.ewm{ float:right; width:45%;}
.ewm img{ max-width:100%;}
.price_box form textarea{ width: 100%; height: .84rem; line-height: .42rem; background-color: #f5f5f5; text-indent: 1em; 
	font-size:.26rem; border:#f5f5f5 solid 1px;}
.price_box form label span{position: absolute; top:0; right:40%; line-height: .72rem; font-size: .26rem; color: #999}
.price_box form button{ font-size:.25rem; color: #fff; background-color: #f09601; width: 100%; height: .6rem; }
.price_box form input:focus{ border-color: #dea869; }

/*装修案例*/
.casepic{padding:0 3% 5%;}
.case_slide{ float: left; width: 40%; }
.case_slide .swiper-slide img{display: block; width: 100%;}
.case_slide .swiper-slide a{display: block; position: relative;}
.case_slide .swiper-slide p{position: absolute; bottom: 0; left: 0; width: 90%; padding:0 5%; height: .64rem; 
	background-color: rgba(0,0,0,.6); font-size:.26rem; color: #fff; line-height: .64rem;
}
.case_slide .swiper-slide p i{position: absolute; left: 5%; bottom:.1rem; width: .52rem; height: 2px; background-color: #dea869;}
.case_slide .sp02{ text-align: right; bottom:4px !important; }
.case_slide .sp02 span{background-color: #fff;opacity: .5; width: 6px; height: 6px; margin:0 2px !important;}
.case_slide .sp02 .swiper-pagination-bullet-active{ opacity: 1;}

.case_grid{ float: right; width: 58%; }
.case_grid .one{ overflow: hidden; position: relative; }
.case_grid .one img{display: block; width: 100%;position: absolute;left: 0; top:50%; 
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.case_grid .one a{position: absolute; width: 33%; height: 100%; top:0; right: 0; background-color: rgba(0,0,0,.5);color: #fff;}
.case_grid .one h3{position: relative; font-size:.24rem;margin:.2rem .4em 0; 
	white-space: nowrap; overflow: hidden; padding-bottom: .4em; line-height: 100%;
}
.case_grid .one h3 i{position: absolute; width: .48rem; height: 2px; background-color: #dea869; bottom: 0; left: 0;}
.case_grid .one span{position: absolute; bottom:.1rem; font-size: .20rem; margin-left: .4em;}
.case_grid .two{overflow: hidden; margin-top: 7px;}
.case_grid .two a{float: left; width: 48.5%; overflow: hidden; position: relative;}
.case_grid .two a:last-child{ float: right; }
.case_grid .two a img{ width: 100%; display: block; }
.case_grid .two span{ background-color: rgba(0,0,0,.5); color: #fff; font-size:.24rem; line-height: 110%;
	position: absolute; right: 0; top:0; height: 100%;  width: .24rem; padding:.07rem .12rem; text-align: center;
}

.container {
  column-count: 2;
  column-gap: .2rem;
  column-fill: balance;
}
.container li{break-inside: avoid;  /* 防止子元素被分割 */
  margin-bottom: .2rem;  /* 元素之间的间距 */
  
  background:#FFF;}
.container li img{ max-width:100%;}
.newstxt{ padding:.2rem;}
.newstxt p{ font-size:.2rem; color:#666;}
.newstxt h5{ font-size:.23rem; margin:.1rem 0; line-height:.25rem; }
.newstxt h5::after{ width:40%; height:1px; border-top:1px #333333 solid; content: "";
  display: block; margin-top:.1rem;}

/*底部广告*/
.foot_ad{padding: 3% 0;}
.foot_ad img{display: block; width: 100%;}

/*底部*/
.footer{ text-align: center;  padding:0% 0 0rem; padding-bottom:1rem;}
.footer ul{display: flex; padding:3%;  justify-content: space-between; border-top:1px #000000 solid;}
.footer ul li,.footer ul li a{ color:#292929;}

.footer .txt{ font-size:.12rem; color: #fff; line-height: 160%; padding:3%;  background:#292929;}
.footer .txt a{ color: #999; }

/*底部菜单*/
.menubox{position: fixed; z-index:999;left: 0; bottom:0; width: 100%; height: .9rem; background-color: rgba(0,0,0,.6);}
.menubox ul{overflow: hidden; margin-top: .29rem;}
.menubox ul li{ float: left; width: 25%; text-align: center; height: .32rem; line-height: .32rem; 
	border-left: #aaa solid 1px; margin-left: -1px;
}
.menubox ul li:first-child{margin-left: 0; border:0;}
.menubox ul li img{ width: .32rem; height: .32rem; vertical-align: middle; margin-right: 3%; }
.menubox ul li a{ color: #fff; font-size: .22rem;}

/*在线咨询二维码弹框*/
.online_pop{position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: 9999; 
	background-color: rgba(0,0,0,.5); display: none;
}
.online_pop img{ position: absolute; width: 50%; left: 25%; top:50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
/*免费报价弹框*/
.price_pop{position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: 9999; 
	background-color: rgba(0,0,0,.5); display: none;
}
.price_pop .box{ position: absolute; top:0; left: 0; right: 0; bottom: 0; margin:auto;
	height: fit-content; height: -webkit-fit-content; width: 70%; background-color: #fff; 
	border-radius: 5px;overflow: hidden; padding:0 5% 5%;
}
.price_pop .box h2{ text-align: center; font-size: .26rem; color: #333; line-height: 260%; }
.price_pop form label{display: block; position: relative; margin-bottom: 4%; font-size:.22rem;}
.price_pop form input{ width: 100%; height: .64rem; line-height: .64rem; background-color: #f5f5f5; text-indent: 1em; 
	font-size:.22rem; border:#f5f5f5 solid 1px; box-sizing: border-box;-webkit-box-sizing:border-color;
}
.price_pop form label span{position: absolute; top:0; right:40%; line-height: .64rem; font-size: .22rem; color: #999}
.price_pop form button{ font-size:.26rem; color: #333; background-color: #dea869; width: 100%; height: .64rem; }
.price_pop form input:focus{ border-color: #dea869; }
.price_pop .close{position: absolute; right: 0;top:0; width: .36rem; height: .36rem; line-height: .36rem; 
	text-align: center; font-size:.24rem; background-color: #ddd; color: #333;
}

.menubox dl{
	position: absolute;
	right: 0;
	width: 36%;
	background-color: rgba(0,0,0,.6);
	text-align: center;
	padding: 1% 0;
	border-bottom: 0;
	display: none;
	border-radius: 4px 4px 0 0;
	overflow: hidden;
}
.menubox dl dd{
	line-height: .64rem;
	border-top: rgba(222,168,105,.6) solid 1px;
}
.menubox dl dd:first-child{
	border:0;
}
.menubox dl a{
	display: block;
	color: #fff;
	font-size: .24rem;
}
.menubox dl a:active{
	color: #dea869;
}

.jdsjgz{ overflow:hidden; text-align:center;}
.jdsjgz ul li{ width:50%; float:left;}
.jdsjgz ul li img{ width:100%;}
.jdsjgz ul li .newsimg{ position:relative;}
.jdsjgz ul li .newsimg p{background-color: rgba(0, 0, 0, 0.3); height:.6rem; line-height:.6rem; position:absolute; top:50%; margin-top:-.3rem; width:100%; color:#FFF; font-size:.25rem;}
.jdsjgz ul li .newstxt h4{ font-size:.20rem;}

.ota{ background:#f09601; color:#FFF; text-align:center; padding:.2rem; line-height:.3rem;}
.ota h2{ font-weight:bold;}
.ota ul{ display:flex; justify-content: space-between; margin-top:.2rem;}
.ota ul li{ width:33.333%; text-align:center;}
.ota ul li img{ width:65%;}
.ota ul li p{ font-size:.15rem;}

.jdgl img{ width:100%;}

.jdgltxt{ background:#f09601; color:#FFF;  padding:.2rem .2rem .5rem; text-align:center; line-height:.4rem; font-size:.22rem;}
.jdgltxt p{ margin-top:.3rem;}
.jdgltxt p strong{ font-size:.28rem; font-weight:bold;}
.jdgltxt p b{ font-size:.48rem;}

.cysj{ padding:.2rem; background:#eeeeee; text-align:center;}
.cysj h2{ font-weight:bold; font-size:.36rem; color:#323232; line-height:.5rem; margin-bottom:.1rem;}
.cysj p{ font-size:.25rem; color:#323232; position:relative;}
.cysj p.des::after{ content:""; border-top:1px #959595 solid; width:1.6rem; display:block; float:right; position:absolute; right:0px; top:.08rem;}
.cysj p.des::before{ content:""; border-top:1px #959595 solid; width:1.6rem; display:block; float:right; position:absolute; left:0px; top:.08rem;}
.cysj ul{ display:flex; justify-content: space-between; margin-top:.2rem;}
.cysj ul li{ float:left; background:#f09601; color:#FFF; width:16%; padding:.2rem; font-weight:bold; font-size:.2rem;}
.cysj ul li p{ color:#FFF;}
.cysj ul li img{ width:60%;}

.cysj2{ padding:.2rem; text-align:center;}
.cysj2 ul{ overflow:hidden;}
.cysj2 ul li{ width:48%; float:left; margin-right:2%; border:1px solid #f09601; margin-bottom:3%; padding:.2rem 0;}
.cysj2 ul li img{ width:50%;}
.cysj2 ul li:nth-child(2n){ margin-right:0px; float:right;}
.cysj2 ul li h3{ color:#323232; font-size:.28rem; font-weight:bold; line-height:.3rem;}
.cysj2 ul li p{ font-size:.2rem; color:#505050; line-height:.3rem; margin-top:.2rem;}

.hdbz2{ background:#f09601; padding:.2rem .3rem; color:#FFF; text-align:center; line-height:normal;}
.hdbz2 h2{ font-weight:bold; font-size:.45rem;}
.hdbz2 h3{ font-size:.29rem;}
.wztp img{ width:100%;}

.sjczm{ background:url(../images/shbj.jpg) no-repeat;  background-size:100%; text-align:center; color:#FFF; padding:.3rem;}
.sjczm h2{ font-weight:bold; font-size:.35rem; margin-bottom:.2rem;}
.sjczm ul{ display:flex; justify-content: space-between;}
.sjczm ul li{ width:30%;}
.sjczm ul li img{ width:70%; margin-top:.1rem; margin-bottom:.1rem;}
.sjczm ul li p{ font-size:.3rem;}

.hdbz3{ font-weight:normal; background:#f09601; text-align:center; color:#fff; padding:.3rem; font-size:.25rem; letter-spacing:.1rem;}
.fontn{ font-weight:normal;}
.fontn a{ color:#FFF;}
.caselist{ overflow:hidden; width:100%;}
.caselist h1{ font-size:.38rem; text-align:center; line-height:1rem; display:flex; justify-content:center; align-items:center; color:#323232;}
.casenr h1{ line-height:.5rem; margin:.2rem 0;}
.caselist h1::after{ content:""; line-height:1rem; border-bottom:1px #000000 solid; height:1px; width:.8rem; display:block; margin-left:.2rem;}
.caselist h1::before{ content:""; line-height:1rem; border-bottom:1px #000000 solid; height:1px; width:.8rem; display:block; margin-right:.2rem;}
.caselist ul{ overflow:hidden;}
.caselist ul li{ width:49%; float:left; margin-right:2%; padding-bottom:.2rem; overflow:hidden;}
.caselist ul li .casetxt{ color:#323232; font-size:.28rem; line-height:normal;  margin:0 auto; margin-top:.2rem; margin-left:.2rem; margin-right:.2rem;}
.caselist ul li .casetxt .entt{ font-weight:bold;}
.casedes{  margin:0 auto; margin-top:.2rem; margin-left:.2rem; margin-right:.2rem;}
.casedes span{ float:left; color:#f09600; width:60%; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.casedes a{ float:right; color:#969696;}
.caselist ul li:nth-child(1){ width:100%; float:none; margin:0px;}
.caselist ul li:nth-child(3),.caselist ul li:nth-child(5){ margin-right:0px;}
.caselist ul li img{ width:100%;}
.caselist ul li:nth-child(6){ width:100%; float:none; margin:0px;}
.caselist ul li:nth-child(8),.caselist ul li:nth-child(10),.caselist ul li:nth-child(12),.caselist ul li:nth-child(14){ margin-right:0px;}
.content{ line-height:.38rem; font-size:.2rem; text-align:center;}
.content img{ width:100%!important; height:auto!important;}
.content img{ margin-bottom:.2rem;}


.abox ul{ display:flex; justify-content:center; width:100%;}
.abox ul li{ width:33.3333%; background:#333333; color:#FFF; text-align:center; padding:.2rem 0; font-size:.2rem;}
.abox ul li:nth-child(2){ background:#f09601;}
.abox ul li p.aboxtxt{ font-weight:bold; color:#585858; font-size:.25rem;}
.abox ul li h3{ font-size:.32rem; font-weight:bold; margin-bottom:.2rem;}

.abox2{ overflow:hidden;}
.abox2 ul li{ float:left; width:33.33333%; text-align:center; padding:.2rem 0; font-size:.25rem;}
.abox2 ul li img{ width:1rem;}
.abox3{ background:url(../images/zjbj.jpg) no-repeat; background-size:100%; padding:.2rem; color:#FFF; line-height:.25rem;}
.abox3 p{ margin-top:.16rem;}
.abox3 p b{ font-size:.3rem; font-weight:bold;}
.abox3 p strong{ font-size:.25rem; font-weight:bold;}
.ourtearm{ width:100%; overflow:hidden;}
.ourtearm h2{ line-height:.3rem; padding:.3rem; font-size:.32rem;}
.ourtearm ul li{ width:100%; background:#646464; overflow:hidden; padding:0px; margin:0px;}
.ourtearm ul li:nth-child(2){ background:#f09600;}
.ourtearm ul li .tmimg{ float:left; width:50%; line-height:0px;}
.ourtearm ul li .tmimg img{ width:100%; margin:0px; padding:0px;}
.ourtearm ul li .tmtxt{ float:left; padding:4% 2%; color:#FFF; width:46%; line-height:.3rem;}
.ourtearm ul li .tmtxt p{ margin-top:.12rem;}

.wmdjz{ background:url(../images/wmdjzbj.jpg) no-repeat; background-size:100%;}
.wmdjz h2{line-height:.3rem; padding:.3rem 0; font-size:.32rem; padding-bottom:.3rem; border-bottom:2px solid #CCC; width:90%; margin:0 auto;}
.wmdjztxt{ padding:.3rem; font-size:.22rem; line-height:.33rem;}
.wmdjztxt p{ margin-bottom:.25rem;}
.wmdjztxt p strong{ color:#f09600; font-weight:bold; font-size:.25rem;}
.wmdjztxt h3{ font-size:.3rem; color:#f09600; font-weight:bold; margin-bottom:.58rem;}

.sjln h2{line-height:.3rem; padding:.3rem 0; font-size:.32rem; padding-bottom:.3rem;  width:90%; margin:0 auto;}
.sjln img{ width:100%;}

.zazx{ background:url(../images/zazxbj.jpg) no-repeat; background-size:100%;  padding:.3rem; color:#FFF;}
.zazx h2{ font-size:.3rem; margin-bottom:.15rem;}
.zazx p{ line-height:.2rem;}
.zazx ul{ overflow:hidden; display: flex;  flex-wrap:wrap; padding-left:2px; padding-top:3px; margin-top:.2rem;}
.zazx ul li{flex-basis: calc(33.33% - 2px); border: 1px solid rgba(255,255,255,0.1); text-align:center; margin-top:-1px; margin-left:-1px; padding:.1rem 0;}
.zazx ul li img{ width:60%;}
.zazx ul li h3{ margin-bottom:.2rem; font-size:.3rem; font-weight:bold; margin-top:.2rem;}
.zazx ul li p{ font-size:.25rem; line-height:.25rem;}
.liuch img{ width:100%;}
.sjlc{ width:90%; margin:0 auto;}
.sjlc h2{line-height:.3rem; padding:.3rem 0; font-size:.32rem; padding-bottom:.3rem;  }
.sjlc ul li{ width:100%; overflow:hidden; margin-bottom:.12rem;}
.sjlc ul li span{ display:block; float:left; width:30%;}
.sjlc ul li span img{ width:100%;}
.sjlc ul li .lctt{ float:left; width:65%; margin-left:5%; color:#323232;}
.sjlc ul li .lctt h3{ font-size:.25rem;  line-height:normal;}
.sjlc ul li .lctt p{ height:.4rem;}

.xjie img{ width:100%;}
.xjlist{ width:100%; overflow:hidden;}
.xjtp{ width:50%; float:left;}
.xjtp img{ width:100%;}
.xjttxt{ width:50%; float:left;}
.xjttxt h3{ text-align:center;}
.xjttxt p{ padding:.2rem;}

.wmbz{ background:url(../images/bzbj.jpg) no-repeat; background-size:100%;}
.bzbt{ text-align:center; color:#FFF;}
.bzbt img{ width:.8rem;}
.bzbt h2{ color:#f09601; font-weight:bold; margin-bottom:.2rem; font-size:.38rem;}
.bzbt p{ line-height:.25rem;}
.wmbz ul{ overflow:hidden; margin-top:.2rem; padding-bottom:.2rem;}
.wmbz ul li{ width:45%; float:left; border:1px solid #FFF; text-align:center; margin-left:3%; margin-bottom:3%; color:#FFF;}
.wmbz ul li img{ width:.8rem;}
.wmbz ul li h3{ font-weight:bold; font-size:.25rem;}
.wmbz ul li p{ padding:.1rem; line-height:.25rem;}

.djian{ background:url(../images/zbj.jpg) no-repeat; background-size:100%;}
.djian .bzbt{ font-size:.25rem; text-align:left; width:94%; margin:0 auto; padding:.4rem 0; }
.djian .bzbt p{line-height:.3rem;}
.djian  ul{ margin-top:0;}
.djian ul li p{ font-size:.1rem;}
.djian img{ width:100%;}
.page-content{}
.page-content .content p{line-height: 0; margin-bottom: 0;}
.page-content .content img{max-width: 100%; height:auto!important; line-height: 0; margin-bottom: 0;}