@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%;
    background-color: #f5f5f5;
}

@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;}

/*头部*/
.top_bg{ position: fixed; z-index: 999;top: 0; left: 0; 
	width: 100%;background-color: #fff;height: .9rem;
}
.top_bg .top_main{margin-right: 3%;overflow: hidden;}
.top_bg .top_logo{ float: left; height: .9rem; line-height: .9rem; position: relative;}
.top_bg .top_logo img{ max-height: .83rem; display: block;}
.top_bg .top_tel{
    float: right;
    height: 0.9rem;
    line-height: 0.9rem;
}
.top_bg .top_tel img{vertical-align:middle;width: .4rem;}
.top_bg .top_tel span{
    display: inline-block;
    font-size: .32rem;
    color: #dea869;
    vertical-align: middle;
    height: 0.9rem;
    line-height: 0.9rem;
}

.contentbox{ padding-top: .9rem; }

/*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: 3%; background-color: white; margin-bottom: 3%;}
.icon_nav ul{overflow: hidden;}
.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; }

/*装修估价*/
.sy_title{ padding:3% 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: 3%; font-size:.24rem; color: #dea869; }
.sy_title p{ margin-left: calc(3% + 4px); font-size:.24rem; color: #999;margin-top: 3%; }
.casebox{
    background-color: white;
    margin-bottom: 3%;
}
.price_box{
    background-color: white;
    margin-bottom: 3%;
}
.price_box form{display: block; padding:0 3% 3%;}
.price_box form label{display: block; position: relative; margin-bottom: 3%; font-size:.26rem;}
.price_box form input{ width: 100%; height: .72rem; line-height: .72rem; background-color: #f5f5f5; text-indent: 1em; 
	font-size:.26rem; border:0;
}
.price_box form select{ width: 100%; height: .72rem; line-height: .72rem; background-color: #f5f5f5; text-indent: 1em; 
	font-size:.26rem; border:0;
}
.price_box form textarea{
    width: 82%;
    height: 2rem;
    line-height: .33rem;
    background-color: #f5f5f5;
    text-indent: 0.3em;
    font-size: .26rem;
    border: 0;
    padding: 3% 15% 3% 3%;
}
.price_box form label span{position: absolute; top:0; right:3%; line-height: .72rem; font-size: .26rem; color: #999}
.price_box form button{ font-size:.3rem; color: white; background-color: #dea869; width: 100%; height: .72rem; }
.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;
}

/*设计团队*/
.teambox{position: relative;}
.teambox .tit{ color: #fff; padding:3.5% 3%; background-color: rgba(0,0,0,.5);position: absolute; top:0; left: 0; width: 94%; z-index: 5;}
.teambox .tit h2{line-height: 100%; font-size: .36rem; display: inline-block; vertical-align: middle;}
.teambox .tit p{ font-size:.24rem; display: inline-block; vertical-align: middle; border-left: #fff solid 1px; line-height: 100%; 
	padding-left: .7em; margin-left: .7em;
}
.team_slide .swiper-slide img{ display: block; width: 100%; }
.team_slide .sp03 span{ background-color: #fff; width: 6px; height: 6px; margin:0 3px !important; }

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

/*底部*/
.footer{ text-align: center; background-color: #f5f5f5; padding:3% 0 1rem; }
.footer h2{font-size:.24rem; color: #666;}
.footer h2 a{font-size:.24rem; color: #666;}
.footer .txt{ font-size:.22rem; color: #999; line-height: 160%;}
.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:5%;
}
.price_pop .box h2{ text-align: center; font-size: .28rem; color: #333; font-weight: bold; }
.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;
}