@charset "utf-8";
/* CSS Document */
.old_house_top{
	width: 100%;
	min-width: 1200px;
	height: 800px;
	background: url(../images/old_house_top.png);
	text-align: center;
	position: relative;
}
.old_house_banner{
	width:  680px;
	margin: 0 auto;
	position: relative;
}
.old_house_banner img:nth-child(1){
	padding-top: 100px;
}
.old_house_banner img:nth-child(2){
	position: absolute;
	top: 32%;
	left: 50%;
	transform: translateX(-50%);
}
.old_houseBanner_line{
	width: 300px;
	height: 2px;
	background: #f7a511;
	position: absolute;
	top: 72%;
	left: 50%;
	transform: translateX(-50%);
	opacity: .7;
}
.old_house_banner span{
	width: 100%;
	color: #fff;
	font-size: 18px;
	position: absolute;
	top: 75%;
	left: 50%;
	transform: translateX(-50%);
	opacity: .5;
}
/*下方四个模块*/
.old_houseBanner_bg{
	width: 1200px;
	height: 216px; 
	background: url(../images/old_houseBanner4Bg.png) no-repeat center;
	position: absolute;
	left: 50%;
	top: 85%;
	transform: translateX(-50%) ;
}
.old_houseBanner_bg ul li{
	width: 300px;
	height: 217px;
	float: left;
}
.old_houseBanner_bg ul li div{
	width: 300px;
	height: 130px;
	background-position: center;
	background-repeat: no-repeat;
}
.bannerIcon1{
	background:url(../images/problem_icon1.png);
}
.bannerIcon2{
	background:url(../images/problem_icon2.png);
}
.bannerIcon3{
	background:url(../images/problem_icon3.png);
}
.bannerIcon4{
	background:url(../images/problem_icon4.png);
}
.old_houseBanner_bg ul li p{
	font-size: 24px;
	color: #fff;
}
.old_houseBanner_bg ul li span{
	font-size: 16px;
	color: #fff;
	opacity: .5;
}
/*老房翻新  五大顽疾*/
.oldHouse_fiveProblem_tit{
	width: 100%;
	min-width: 1200px;
	text-align: center;
	margin-top: 80px;
}
.old_house_fiveProblem .oldHouse_fiveProblem_tit{
	margin-top: 180px;
}
.oldHouse_fiveProblem_cent{
	width: 100%;
	height: 810px;
}
.imgBox ul {
	width: 1200px;
	height: 569px;
	margin: 30px auto;
}
.imgBox ul li {
	width: 561px;
	height: 569px;
	position: relative;
	overflow: hidden;
}
.oldHouse_fiveProblem_cent .imgBox ul li:nth-child(1){
	float: left;
}
.oldHouse_fiveProblem_cent .imgBox ul li:nth-child(2){
	float: right;
}
.oldHouse_fiveProblem_cent .imgBox_text_opacity{
	width: 100%;
	height: 90px;
	background: #000;
	opacity: .8;
	position: absolute;
	bottom: 0;
}
.oldHouse_fiveProblem_cent .imgBox_text{
	width: 100%;
	height: 90px;
	position: absolute;
	bottom: 0;
}
.oldHouse_fiveProblem_cent .imgBox_text p{
	color: #fff;
	font-size: 24px;
	padding: 12px 0 8px 40px;
}
.oldHouse_fiveProblem_cent .imgBox_text span{
	color: #f2f2f2;
	font-size: 20px;
	padding: 12px 0 8px 40px;
}
.oldHouse_fiveProblem_cent .imgBox ul li .fiveProblem_hover{
	width: 300px;
	height: 100px;
	background: #000;
	position: absolute;
	top: -10%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
	line-height: 100px;
	color: #f7a511;
	font-size: 30px;
	border-radius: 50%;
	opacity: .8;
	transition: .6s;
}
.oldHouse_fiveProblem_cent .imgBox ul li:hover .fiveProblem_hover{
	top: 28%;
} 
.oldHouse_fiveProblem_cent .iconBox ul {
	width: 1200px;
	height: 220px;
	margin: 0 auto;
}
.oldHouse_fiveProblem_cent .iconBox ul li {
	width: 160px;
	float: left;
	margin: 0 100px 0 0;
	text-align: center;
	color: #000;
	font-size: 30px;
}
.iconBox ul li p{
	padding-top: 16px;
}
.iconBox ul li div{
	width: 150px;
	height: 150px;
	border: 5px solid #ccc;
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	transition: .3s;
	cursor: pointer;
}
.oldHouse_fiveProblem_cent .iconBox .roundImg1{
	background-image: url(../images/five_problem_icon1.png);
}
.oldHouse_fiveProblem_cent .iconBox .roundImg2{
	background-image: url(../images/five_problem_icon2.png);
}
.oldHouse_fiveProblem_cent .iconBox .roundImg3{
	background-image: url(../images/five_problem_icon3.png);
}
.oldHouse_fiveProblem_cent .iconBox .roundImg4{
	background-image: url(../images/five_problem_icon4.png);
}
.oldHouse_fiveProblem_cent .iconBox .roundImg5{
	background-image: url(../images/five_problem_icon5.png);
}
/*hover*/
.oldHouse_fiveProblem_cent .iconBox ul li:hover div{
	border:5px solid #f7a511;
}
.oldHouse_fiveProblem_cent .iconBox ul li:hover .roundImg1{
	background-image: url(../images/five_problem_icon1Hover.png);
}
.oldHouse_fiveProblem_cent .iconBox ul li:hover .roundImg2{
	background-image: url(../images/five_problem_icon2Hover.png);
}
.oldHouse_fiveProblem_cent .iconBox ul li:hover .roundImg3{
	background-image: url(../images/five_problem_icon3Hover.png);
}
.oldHouse_fiveProblem_cent .iconBox ul li:hover .roundImg4{
	background-image: url(../images/five_problem_icon4Hover.png);
}
.oldHouse_fiveProblem_cent .iconBox ul li:hover .roundImg5{
	background-image: url(../images/five_problem_icon5Hover.png);
}
/*老房翻新  质保无忧*/
.oldHouse_Qa{
	width: 100%;
	text-align: center;
}
.oldHouse_Qa .oldHouse_Qa_Cent{
	width: 100%;
	min-width: 1200px;
	height: 600px;
	margin-top: 30px;
	background: url(../images/five_problem_bg.png) no-repeat ;
}
.oldHouse_Qa_icon ul{
	width: 1200px;
	height: 330px;
	margin: 0 auto;
}
.oldHouse_Qa_icon ul li{
	width: 240px;
	height: 270px;
	float: left;
	margin: 0 80px 0 0;
	padding-top: 60px;
}
.oldHouse_Qa_icon ul li:nth-child(4){
	margin: 0;
}
.oldHouse_Qa_icon ul li div{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	border:5px solid #fff;
	background-position: center;
	background-repeat: no-repeat;
	margin: auto;
}
.oldHouse_Qa_icon ul li .oldHouse_Qa_roundImg1{
	background-image: url(../images/five_problem_QA_icon1.png);
}
.oldHouse_Qa_icon ul li .oldHouse_Qa_roundImg2{
	background-image: url(../images/five_problem_QA_icon2.png);
}
.oldHouse_Qa_icon ul li .oldHouse_Qa_roundImg3{
	background-image: url(../images/five_problem_QA_icon3.png);
}
.oldHouse_Qa_icon ul li .oldHouse_Qa_roundImg4{
	background-image: url(../images/five_problem_QA_icon4Hover.png);
}
.oldHouse_Qa_icon ul li p{
	width: 100%;
	font-size: 30px;
	color: #fff;
	padding: 10px 0 6px 0;
	transition: .3s;
}
.oldHouse_Qa_icon ul li span{
	transition: .3s;
	font-size: 22px;
	color: #fff;
	opacity: .8;
}
/*hover*/
.oldHouse_Qa_icon ul li:hover div{
	border: 5px solid #f7a511;
}
.oldHouse_Qa_icon ul li:hover p,.oldHouse_Qa_icon ul li:hover span{
	color: #f7a511;
}
.oldHouse_Qa_icon ul li:hover .oldHouse_Qa_roundImg1{
	background-image: url(../images/five_problem_QA_icon1Hover.png);
}
.oldHouse_Qa_icon ul li:hover .oldHouse_Qa_roundImg2{
	background-image: url(../images/five_problem_QA_icon2Hvover.png);
}
.oldHouse_Qa_icon ul li:hover .oldHouse_Qa_roundImg3{
	background-image: url(../images/five_problem_QA_icon3Hover.png);
}
.oldHouse_Qa_icon ul li:hover .oldHouse_Qa_roundImg4{
	background-image: url(../images/five_problem_QA_icon4.png);
}
/*搜索*/
.oldHouse_Qa_search{
	width: 1200px;
	height: 220px;
	margin: 0 auto;
}
.oldHouse_QaSsearch_tit{
	text-align: center;
	font-size: 30px;
	color: #fff;
	margin-top: 50px;
	background: url(../images/Tit_decoration.png) no-repeat center;
}
.oldHouse_QaSsearch_but input{
	width: 256px;
	color: #fff;
	background-color: transparent;
	font-size: 20px;
	border: 2px solid #ccc;
	border-radius: 8px;
	float: left;
	padding: 10px;
	margin: 50px 30px 0 0;
}
.oldHouse_QaSsearch_but .s_btn{
	width: 256px;
	height: 43px;
	border: 2px solid #f7a511;
	text-align: center;
	line-height: 43px;
	font-size: 20px;
	color: #fff;
	border-radius: 8px;
	float: right;
	margin: 50px 0 0 0;
	transition: .3s;
	cursor: pointer;
	background:transparent;
}
.oldHouse_QaSsearch_but .s_btn:hover{
	background-color: #f7a511;
}
/*老房翻新  贴心到家*/
.old_house_renovation{
	width: 100%;
}
.oldHouse_renovation_cent{
	width: 1200px;
	height: 1080px;
	margin: 30px auto 0 auto;
}
.oldHouse_renovation_cent ul li {
	width: 300px;
	height: 358px;
	float: left;
	position: relative;
	background: #eee;
}
.oldHouse_renovation_cent ul li img{
	display: block;
	width: 300px;
	height: 358px;
}
.oldHouse_renovation_cent ul li .triangle1 , .oldHouse_renovation_cent ul li .triangle2{
	border: 22px solid #eee;
	border-bottom-color: transparent;
	border-top-color: transparent;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.oldHouse_renovation_cent ul li .triangle1{
	right:0;
	border-left-color: transparent;
}
.oldHouse_renovation_cent ul li .triangle2{
	left:0;
	border-right-color: transparent;
}
.oldHouse_renovation_cent ul li .bg{
	width: 100%;
	height: 46px;
	background: #000;
	position: absolute;
	bottom: 0;
	opacity: .8;
}
.oldHouse_renovation_cent ul li p{
	width: 100%;
	color: #fff;
	font-size: 20px;
	text-align: center;
	position: absolute;
	bottom: 10px;
}
.oldHouse_text {
	width: 100%;
	height: 65px;
	color: #333;
	font-size: 28px;
	padding: 35px 0 0 35px;
}
.oldHouse_text span{
	color: #f7a511;
	font-size: 36px;
}
.oldHouse_renovation_cent ul li label{
	display: block;
	width: 170px;
	margin: 0 auto;
	color: #666;
	font-size: 24px;
}g
/*旧房翻新  经典案例*/g
.oldHouse_case{
	width: 100%;
	min-width: 1200px;
}
.oldHouse_case_cent{
	width: 100%;
	min-width: 1200px;
	height: 673px;
	background: url(../images/old_house_caseBg.png);
	position: relative;
}

.oldHouse_case_cent p{
	text-align:center;
	font-size: 18px;
	padding-top: 20px;
}
.oldHouse_case_cent .caseButton{
	width:335px;
	height: auto;
	color: #666;
	font-size: 20px;
	padding: 14px;
	background: #fff;
	text-align: center;
	border-radius: 10px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	transition: .3s;
	cursor: pointer;
}
.oldHouse_case_cent .caseButton:hover{
	color: #fff;
	background: #f7a511;
}
/*旧房翻新  我们更专业*/
.oldHouse_professional{
	width: 100%;
}
.oldHouse_professional_cent{
	width: 100%;
	min-width: 1200px;
	height: 728px;
	margin-top: 30px;
	background: url(../images/old_house_designBg.png) no-repeat;
}
.oldHouse_professional_cent ul{
	width: 1200px;
	margin: 0 auto;
}
.oldHouse_professional_cent ul li{
	width: 243px;
	height: 330px;
	float: left;
	margin-right: 76px;
	padding-top: 50px;
	overflow: hidden;
	position: relative;
}
.oldHouse_professional_cent ul li img{	
	width: 243px;
	height: 257px;
	overflow: hidden;
	transition: .3s;
}
.oldHouse_professional_cent ul li img:hover{
	transform: scale(1.05,1.05);
}
.oldHouse_professional_cent ul li .information{
	width: 100%;
	height: 75px;
	background: #fff;
	position: absolute;
	bottom: 0;
}
.professional_line {
	width: 58px;
	height: 1px;
	background: #f7a511;
	margin: 6px 10px;
}
.oldHouse_professional_cent ul li p{
	color: #333;
	font-size: 24px;
	padding: 0 0 0 10px;
}
.oldHouse_professional_cent ul li span{
	color: #999;
	font-size: 16px;
	padding: 0 0 0 10px;
}
.oldHouse_professional_cent ul li:nth-child(4){
	margin: 0;
}
.professional_button{
	
	width: 330px;
	height: 50px;
	margin: 60px auto;
	background: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 50px;
	border-radius: 8px;
	color: #666;
	cursor: pointer;
	transition: .3s;
}
.professional_button a{display:block}
.professional_button:hover{
	background: #f7a511;
	color: #fff;
}
.oldHouse_professional_cent .oldHouse_QaSsearch_tit{
	color: #666;
}
.oldHouse_professional_cent .oldHouse_QaSsearch_but .s_btn,.oldHouse_professional_cent .oldHouse_QaSsearch_but input{
	color: #666;
}
.oldHouse_professional_cent .oldHouse_QaSsearch_but .s_btn:hover{
	color: #fff;
}