@charset "UTF-8";
/*head*/
.topbtn {height: 3.36rem;}
.headerbg{height:4rem;background: #091a26;}
.headernav{}
.toptel{line-height: 4rem;margin-left:0.5rem;}
.toptext{line-height: 4rem;}
.kefubtn{height: 2.6rem;line-height: 2.4rem;border-radius: 1.3rem;margin-top:0.65rem;padding:0 1rem;background:#fff;}
.top_tel{width:1.8rem;}
.navtext{line-height:2.6rem;}
.logo2{width:35%;}
@media screen and (min-width: 320px) and (max-width: 440px) {
  .navtext,.btmstext{display:none;}
}
.navbox{top:0;z-index: 999999999;display: none; background:#333;opacity:0.85; width:50%;left:50%;}
.navbox_ul li{float:left;width:100%;box-sizing: border-box;margin-bottom: 2rem;}

.navbox_ul li p{font-size: 1.3rem;text-align:center;margin-top:0.1rem;color:#fff;}
.navbox_ul li p:hover{ color:#F60;}
.topnavps{z-index: 10000;top:0;display: none;max-width: 640px;}
.topteltext{font-family: Impact;font-size: 1.5rem;    margin-right: 1.3rem;    margin-top: .2rem;}
/**/
/*banner*/
#banner .swiper-pagination-bullet {
    width: 0.7rem !important;
    height: 0.7rem !important;
    opacity: 1 !important;
    background: #fff;
    font-size: 1rem !important;
}

#banner .swiper-pagination-bullet-active {
    background: #F90 !important;
    color: #fff;
}
/*banner*/

/* 小导航 */
.sy_xdh_wk ul {overflow: hidden;}
.sy_xdh_wk li {width: 25%;float:left;box-sizing: border-box;margin-top:1rem;}
.sy_xdh_wk li img { width: 60%;margin: auto;}
.sy_xdh_wk li p{text-align: center;}
/* 小导航 over */
.xiaotiao{height: 0.5rem;background:#eeeeee;width:100%;margin:2rem 0 1.5rem;}
/*家装服务产品*/
.sy_cp_btn p{height: 2.4rem;background-color: #535353;line-height: 2.4rem;text-align: center;color:#fff;font-size: 1.1rem;}
.addsycpp{background-image: linear-gradient(0deg,#ff772b 0%,#fe1f10 100%),linear-gradient(#ef001e,#ef001e);background-blend-mode: normal,normal;}
.sy_tc_tel_ico{width:1.5rem;}
#sy_tc_lbbtn li{border-radius: 0.4rem;overflow: hidden;}
.kefuboxs{border-radius: 0.4rem;overflow: hidden;margin-top:0.5rem;}
/*家装服务产品*/

/*精选案例*/
.biaoti_t{border-left: 3px solid #ef001e;}
.sy_anil_btn dd{float:left;width:18%;margin:0 1%;color:#333;text-align: center;height: 1.8rem;line-height: 1.8rem;border-radius: 0.9rem;}
.addanlibg{background: #ef001e;color:#fff !important;}
.sy_anli_ul li{width:47%;margin:1rem 1.5% 0;float:left;position: relative;border-radius: 0.5rem;overflow: hidden;}
.sy_anli_text_p{bottom:0;left:0;width:100%;background: rgba(0,0,0,.7);height: 2.2rem;line-height: 2.2rem;}
/*精选案例*/
/*算算我家装修需要多少钱*/
.sy_time{background-color: #eeeeee;box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.35);border-radius: 10px;height: 3.1rem;line-height: 3.1rem;font-family: 'num';}
@font-face {
	font-family:'num';
	src: url('../images/unidreamled.ttf');
}
.num{
	font-size: 1rem;
	height: 4rem;
	line-height: 4rem;
	padding: 0 1rem;
	box-sizing: border-box;
	font-family: 'num';
	text-align: right;
}
.num span{
	font-size: 3.3rem;
	padding: 0 4px;
}
.sy_t_form li{width:100%;height: 3.4rem;background:#eee;border-radius: 0.45rem;margin-top:1rem;}
.sy_t_form li input{font-size: 1.1rem;}
.sy_t_sub{background: #F60 !important;}
/*算算我家装修需要多少钱*/

/*sjs*/
.sy_sjs_lis{width:32%;}
.sy_sjs_liimg{border-radius: 0.4rem;overflow: hidden;height: 10rem;}
.sjspstext{background: url(../images/sjsbgs.png);height: 2.5rem;bottom:0;left:0;width:100%;}
.sysjsbtns{background: #DA251C;border-radius: 0.4rem;padding: 0.6rem 0;margin:1rem auto 0;}
/*sjs*/

.sy_anli_img{height: 10rem;}
.sy_anli_img img{height: 100%;}


/*synews*/
.news_nav{border-bottom:1px solid #f2f2f2;}
.news_nav p{float:left;width:45%;text-align: center;height: 2.4rem;line-height: 2.4rem;box-sizing: border-box;font-size: 1.15rem;color:#222;margin:0 2.5%}
.news_nav p span{border-bottom:1px solid #f2f2f2;height: 2.4rem;}
.news_add_se span{border-bottom: solid 1px #ef001e !important;}
.news_do{width:60%;margin:1.6rem auto 0;border:1px solid #222;height: 2.7rem;line-height: 2.7rem;border-radius: 1.55rem;text-align: center;font-size:1.21rem;color:#222222;}
.newslist li{padding-bottom: 0.8rem;border-bottom: 1px solid #f2f2f2;margin-top:0.8rem;}
.newsimg{float:left;height: 6.8rem;}
.newsimg img{height: 100%;}
.newstextcon{float: right;}
.fttextbg{background:#141E2B;overflow: hidden;}
/*synews*/

/*-分页-*/
.pagebox{
	text-align:center;
	padding-top:25px;
	padding-bottom:30px;
	clear:both; color:#333;
}
.pagebox a{color:#333;}

.sx{ font-size:14px;
	text-align:center;
	border-top:1px solid #E5E5E5;
	margin-top:35px;
	line-height:45px;
}
.sx a:link,.sx a:visited{
	color:#333;
}
.sx a:hover{
	color:#141E2B;}



.news_list {
  overflow: hidden;
  margin-top: 0.5rem; width:100%;
}

.news_list p {
  float: left;
  width:48%; display:block;
  margin: 0 0.2rem;
}
.news_list p a {
  display: block;background:#f5f5f5;border:none;transition: all 0.25s ease 0s;
  
  line-height:2rem;border-radius:20px;
  text-align: center;
  font-size: 0.7rem; margin-bottom:15px;
}

.news_list p a:hover,.bjnc_news .news_list p a.active a{background:#F87F19;color: #fff;text-decoration:none;}


.map{ width:100%; height:355px; margin-top:30px; border:1px solid #ccc; margin-bottom:30px;}

/**/
.news_body img{max-width: 100%;margin:0.3rem auto;}

.cebianlan{right: 2%;top:32%;z-index: 15;width:10%;}
.cebianlan li{margin-top:1rem;}
.cebianlan li img{width:100%;}



/* 新改报名 */
.fangkuai{width:0.4rem;height: 0.4rem;}
.nameico{height: 1.2rem;margin:1.1rem auto 0;}
.sytopform li{height: 3.6rem;border:1px solid #ccc;border-radius: 0.3rem;margin-bottom: 1rem;}
.sytopsub{background:#e70012;}
.formtext{color:#ec870c;font-size:0.9rem;}
.lbico{width:1.64rem;height: 1.45rem;}
.yylist_ul li{height: 1.45rem;line-height: 1.45rem;font-size:0.9rem;}
.yylist{height: 1.45rem;overflow: hidden;}

.sy_lp_form{height: 3.6rem;border-radius: 0.5rem;overflow: hidden;border:1px solid #333333;}
.sy_lp_form li{height: 100%;}


.sy_zsgd_ul li{float: left;width: 49%;margin-top: .5rem; position: relative;}
.sy_zsgd_p{position: absolute;bottom: 0;left: 0;width: 100%;line-height: 2.5rem;color: #fff;background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.623));}
.sy_gd_bmform li{width: 100%;height: 3rem;margin-top: .5rem;background: #fff;border-radius: .5rem;}
.sy_gd_bmsub{background: #d32f2e !important;}


/*//////////////////////////yuyue////////////////////////////////////*/
			.bghuiseccc{background: #f2f2f2 !important;padding:1rem 0;margin-top:1rem;}
.yy_top_form li{height:3.6rem;border-radius: 0.3rem;border:1px solid #ccc;margin-top:1rem;}
.mianji{top:1rem;right:3%;color:#999999;}
.yy_top_sub{background: #D81E1F;border:0 !important;}
.yy_top_sub input{color:#fff;}

.pagination{width:86%;margin:auto;text-align: center;}
.pagination a{display:inline-block;padding:0 1rem;}








/*案例详情页*/
.case_detail{
	width: 100%;
	height: auto;
	background: #f0f0f0;
}
.caseDetail_sjs{
	padding: 10px 3.125%;
	background: #fff;
	margin-top:10px;
	position: relative;
}
.caseSjsIcon{
	width: 80px;
	height: 64px;
	float: left;
}
.caseSjsIcon img{
	width: 64px;
	height: 64px;
	border-radius: 50px;
	border:3px solid #f0f0f0;
}
.caseSjsInfo{
	width: 40%;
	height: 64px;
	float: left;
	overflow:hidden;
}
.caseSjsInfo h3{
	width: 100%;
	height: 30px;
	line-height: 30px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin-top:8px;
	font-weight: normal;
	font-size: 16px;
}
.caseSjsInfo p{
	width: 100%;
	height: 20px;
	line-height: 20px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	font-weight: normal;
	font-size: 14px;
}
.caseSjsYy{
	width: 74px;
	height: 40px;
	line-height: 40px;
	float: right;
	text-align: center;
	color: #fff;
	background: #fa4c06;
	font-size: 14px;
	cursor:pointer;
	position: absolute;
	right: 3.125%;
	z-index:999;
	top:12px;
}
.caseDetailMain{
	padding: 15px 3.125%;
	margin-top:10px;
	background: #fff;
}
.caseDetailHead{
	width: 100%;
	height: auto;
	text-align: center;
	padding-bottom: 10px;
}
.caseDetailHead h2{
	width: 100%;
	height: 65px;
	line-height:35px;
	color:#F90;
	font-weight: normal;
	font-size:20px;
}
.caseDetailHead p{
	width: 100%;
	height: 25px;
	line-height: 25px;
	color: #999999;
	font-size: 14px;
}
.caseDetailHead p span{
	height: 25px;
	line-height: 25px;
	color: #999999;
	font-size: 14px;
	margin-right: 10px;
}
.caseDetailBody{ font-size:16px; line-height:38px; color:#666;
	width: 100%;
	height: auto;

}
.caseDetailBody img{
	max-width: 600px;
	width: 100%; margin-top:15px;
}
.caseDetailBody p{
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #333333;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}
.caseDetailBody p.caseMs{
	width: 100%;
	height: auto;
	line-height: 20px;
	color: #333333;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.caseDetailShare{
	width: 100%;
	height: 40px;
	line-height: 40px;

}
.caseDetailShare span{
	float: left;
	height: 40px;
	line-height: 40px;
	display: block;
	color: #666;
}
.jiathis_style{
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	float: left;
	margin-left: 5px;
}
.caseDetailShare .jiathis_style_24x24 a{
	margin-top:7px;
	display: block;
	float: left;
	width: 35px;
	height: 35px;
}
/*.caseDetailShare .jiathis_style a.jiathis_button_qzone .jtico_qzone{
	background: url(../Images/qq.png) no-repeat center top!important;
	background-size: 10%;
}*/
.jiathis_style .button, .jiathis_style .jiathis_txt{
	margin-top:7px;
}
.caseRelete{
	width: 100%;
	height: auto;

}
.caseReleteHead{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: url(../images/noresultbg.png) no-repeat center center;
	color: #313131;
	font-size: 16px;
	text-align: center;
	margin-top:5px;
}
.caseReleteBody{
	padding: 10px 3.125%;
}
.caseReleteBody ul li{
	/*width: 49.167%;*/
	height: auto;
	/*float: left;*/
	list-style-type: none;
	background: #fff;
	overflow: hidden;
}
.caseReleteBody ul li img{
	width: 100%;
}
.caseReleteBody ul li span{
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	display: block;
	font-size: 14px;
	color: #333;
}