@charset "utf-8";
/* CSS Document */
/*top图（快速报价）*/
.Quick_quotation_top{
	width: 100%;
	height: 800px;
	margin-bottom:80px;
	background:url(../../../../../template/pc/images/Quick_quotation_banner.png);
}
/*top图（24小时免费预约装修）*/
.num24_decorate_top{
	width: 100%;
	height: 800px;
	min-width: 1200px;
	background:url(../../../../../template/pc/images/To-make-an-appointment-banner.png);
}
/*top图（免费上门验房）*/
.check_roombanner_top{
	width: 100%;
	height: 800px;
	background:url(../../../../../template/pc/images/check_roombanner.png);
}
/*top图（免费预约看工地）*/
.SeeConstructio_siteBanner_top{
	width: 100%;
	height: 800px;
	background:url(../../../../../template/pc/images/See_constructio_siteBanner.png);
}


/*侧边导航*/
.The_side_nav{
	width: 100%;
	position: relative;
}
.The_side_navbg{
	width: 100%;
	height: 75px;
	background-color:#fff;
	opacity: .1;
}
.TheSide_navbg_cent{
	width:1200px;
	margin-left:auto;
	margin-right: auto;
}
.TheSide_navbg_cent ul {
	width: 1200px;
	font-size: 20px;
	text-align: center;
	position: absolute;
	top: 0;
}
.TheSide_navbg_cent ul a{
	width: 300px;
	line-height: 75px;
}
.TheSide_navbg_cent ul a li{
}
.The_side_nav ul li{
	width: 299px;
	height: 75px;
	border-right: 1px solid #fff;
	border-color: rgba(255,255,255,0.3);
	float: left;
	line-height: 75px;
}
.The_side_nav ul a{
	color:#fff;
}
.The_side_nav ul a:hover li{
	color: #f7a511;
}
.The_side_nav ul a:hover div{
	border-color: #f7a511;
}
.The_side_nav ul a:hover .TheSide_navbg_img1{
	background-image:url(../../../../../template/pc/images/free_serviceHover.png);
}
.The_side_nav ul a:hover .TheSide_navbg_img2{
	background-image:url(../../../../../template/pc/images/Check_RoomHover.png);
}
.The_side_nav ul a:hover .TheSide_navbg_img3{
	background-image:url(../../../../../template/pc/images/Look_construction_siteHver.png);
}
.The_side_nav ul a:hover .TheSide_navbg_img4{
	background-image:url(../../../../../template/pc/images/rapid_quotationHover.png);
}
.The_side_nav ul li:hover{
	transition: .3s;
}
.TheSide_navbg_cent div:nth-child(1){
	width: 50px;
	height: 50px;
	border: 1px solid #fff;
	border-radius: 50%;
	float: left;
	margin: 12px auto 12px 30px;
	background-position: center;
	background-repeat: no-repeat;
}
.TheSide_navbg_img1{
	background-image:url(../../../../../template/pc/images/free_service.png);
}
.TheSide_navbg_img2{
	background-image:url(../../../../../template/pc/images/Check_Room.png);
}
.TheSide_navbg_img3{
	background-image:url(../../../../../template/pc/images/Look_construction_site.png);
}
.TheSide_navbg_img4{
	background-image:url(../../../../../template/pc/images/rapid_quotation.png);
}
.TheSide_navbg_cent div:nth-child(2){
	float: left;
	text-align: center;
	padding-left:10px;
}
/*侧边导航结束*/


.banner_cent{
	width: 1200px;
	height: 725px;;
	margin: 0 auto;
}
.banner_tagline{
	height: 150px;
	padding-top: 290px;
	float: left;
}
.banner_tagline ul{
	
}
.banner_tagline ul li{
	margin-bottom: 10px;
	color: #fff;
}
.banner_tagline ul li:nth-child(1){
	font-size: 60px;
	padding-bottom: 10px;
}
.banner_tagline ul li:nth-child(2){
	width: 173px;
	height: 1px;
	background: #fff;
	opacity: .6;
}
.banner_tagline ul li:nth-child(3){
	font-size: 40px;
	opacity: .6;
}
.banner_quote{
	width: 460px;
	height: 570px;
	text-align: center;
	background-color: #fff;
	position: relative;
	top: 50%;
	float: right;
	border-radius: 12px;
	margin-top: -285px;
}
.banner_quote_title{
	padding: 10px;
	font-size: 30px;
	color: #333;
}
.banner_quote_stitle{
	font-size: 18px;
	color: #999;
	padding-bottom: 20px;
}
.banner_quote_stitle span{
	color: #f7a511;
}
.banner_quote_button{
	width: 348px;
	padding: 12px;
	font-size: 16px;
	border: 1px solid #ccc;
	border-radius: 8px;
	margin: 7px auto;
}
.banner_quote p{
	width: 374px;
	color: #f00;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 58px;
}
.banner_quote button{
	width: 374px;
	font-size:16px;
	padding: 14px;
	color: #fff;
	margin: 7px auto;
	border-radius: 8px;
	border: none;
	background-color: #f7a511;
	cursor: pointer;
}
.banner_quote button:hover{
	transition: .2s;
	background-color: #da8c00;
}
.banner_quote_contact{
	width: 378px;
	font-size: 16px;
	margin: 0 auto;
	text-align: left;
	padding: 6px;
	vertical-align: middle;
}
.banner_quote_contact img{
	padding-right: 12px;
	vertical-align: middle;
}
.banner_quote_contact span{
	color: #f7a511;
}
/*提前报价 省心省力*/
.quote_InAdvance{
	width: 1200px;
	height: 390px;
	margin: 0 auto;
	text-align: center;
}
.quote_InAdvance p{
	color: #333;
	font-size: 40px;
}
.quote_InAdvance ul li{
	width: 270px;
	height: 315px;
	border-radius: 8px;
	float: left;
	background-color: transparent;
	margin: 20px 195px 0 0;
}
.quote_InAdvance ul li div{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	border: 2px solid #ccc;
    text-align: center;
	margin: 20px 56px 0px 56px;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
}
.quote_InAdvance_bgimg1{
	background-image: url(../../../../../template/pc/images/offer.png);
}
.quote_InAdvance_bgimg2{
	background-image: url(../../../../../template/pc/images/security.png);
}
.quote_InAdvance_bgimg3{
	background-image: url(../../../../../template/pc/images/electronic.png);
}
.quote_InAdvance ul li:hover div{
	border:2px solid #fff;
	transition: .5s; 
	background-repeat: no-repeat;
	background-position: center;
}
.quote_InAdvance ul li:hover .quote_InAdvance_bgimg1{
	background-image: url(../../../../../template/pc/images/offer-hover.png);
}
.quote_InAdvance ul li:hover .quote_InAdvance_bgimg2{
	background-image: url(../../../../../template/pc/images/security-hover.png);
}
.quote_InAdvance ul li:hover .quote_InAdvance_bgimg3{
	background-image: url(../../../../../template/pc/images/electronic-hover.png);
}
.quote_InAdvance ul li span{
	display:block;
}
.quote_InAdvance ul li span:nth-child(2){
	font-size: 30px;
	color: #666;
	padding-top: 15px;
}
.quote_InAdvance ul li span:nth-child(3){
	font-size: 20px;
	color: #999;
}
.quote_InAdvance ul li:hover{
	background-color: #f7a511;
	transition: .5s;
	box-shadow: 0px 0px 12px #999;
}
.quote_InAdvance ul li:hover span{
	color: #fff;
	transition: .2s; 
}
/*装修心中有数  仅需3步*/
.ThreeStep{
	width: 1200px;
	margin: 0 auto;
	padding-top: 80px;
	text-align: center;
}
.ThreeStep p{
	color: #333;
	font-size: 40px;
}
.ThreeStep ul li{
	width: 200px;
	height: 245px;
	float: left;
	margin: 20px 298px 0 0;
}
.ThreeStep ul li div{
	width: 200px;
	height: 200px;
	border-radius: 50%;
	border: 2px solid #666;
}
.ThreeStep ul li span{
	font-size: 18px;
}
.ThreeStep ul li div{
    text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
}
.ThreeStep_bgimg1{
	background-image: url(../../../../../template/pc/images/Online-booking.png);
}
.ThreeStep_bgimg2{
	background-image: url(../../../../../template/pc/images/communication.png);
}
.ThreeStep_bgimg3{
	background-image: url(../../../../../template/pc/images/smart.png);
}

/*24小时预约服务*/
.Brand_strength{
	width: 100%;
	min-width: 1200px;
}
.Brand_strength_title{
	font-size: 40px;
	color: #333;
	margin-top: 80px;
	text-align: center;
}
.Brand_strength ul{
	width:1200px;
	min-width: 1200px;
	height: 141px;
	margin: 20px auto;
}
.Brand_strength ul Li{
	width: 228px;
	height: 141px;
	margin-right: 15px;
	background-repeat: no-repeat;
	float:left;
}
.Brand_strength ul li:nth-child(1){
	background-image: url(../../../../../template/pc/images/branch.png);
}
.Brand_strength ul li:nth-child(2){
	background-image: url(../../../../../template/pc/images/case.png);
}
.Brand_strength ul li:nth-child(3){
	background-image: url(../../../../../template/pc/images/chain.png);
}
.Brand_strength ul li:nth-child(4){
	background-image: url(../../../../../template/pc/images/designer.png);
}
.Brand_strength ul li:nth-child(5){
	background-image: url(../../../../../template/pc/images/successful.png);
}
.Brand_strength ul li span{
	color: #fff;
	text-align: center;
	display: block;
}
.Brand_strength ul li span:nth-child(1){
	font-size: 60px;
	padding-top: 20px;
}
.Brand_strength ul li span:nth-child(2){
	font-size: 26px;
}
/*免费上门验房*/
/*装修前请为房屋进行一次全面体检*/
.Comprehensive_checkUp{
	width: 1200px;
	margin:0 auto;
}
.Comprehensive_checkUp_tit{
	margin-top:80px;
}
.Comprehensive_checkUp_tit div:nth-child(1){
	text-align: center;
	color: #333;
	font-size: 40px;
}
.Comprehensive_checkUp_tit div:nth-child(2){
	width: 150px;
	height: 2px;
	background-color: #ccc;
	margin: 15px auto;
}
.Comprehensive_checkUp_tit div:nth-child(3){
	text-align: center;
	color: #999;
	font-size: 20px;
}
.Comprehensive_checkUp_cent{
	width:100%;
	height: 180px;
}
.Comprehensive_checkUp_cent ul{
	width: 1200px;
	margin: 20px auto;
}
.Comprehensive_checkUp_cent ul li{
	width: 200px;
	float: left;
	text-align: center;
}
.Comprehensive_checkUp_cent ul li div{
	width: 120px;
	height: 120px;
	border: 2px solid #ccc;
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	margin: 10px auto;
}
.Comprehensive_checkUp_cent ul li:hover div{
	border-color: #f7a511;
	transition: .3s;
}
.Comprehensive_checkUp_cent ul li:nth-child(1) div{
	background-image: url(../../../../../template/pc/images/ahouse.png);
}
.Comprehensive_checkUp_cent ul li:nth-child(2) div{
	background-image: url(../../../../../template/pc/images/Rights_and_interests_protection.png);
}
.Comprehensive_checkUp_cent ul li:nth-child(3) div{
	background-image: url(../../../../../template/pc/images/decorate.png);
}
.Comprehensive_checkUp_cent ul li:nth-child(4) div{
	background-image: url(../../../../../template/pc/images/Construction_guarantee.png);
}
.Comprehensive_checkUp_cent ul li:nth-child(5) div{
	background-image: url(../../../../../template/pc/images/ToLiveIn.png);
}
.Comprehensive_checkUp_cent ul li:nth-child(6) div{
	background-image: url(../../../../../template/pc/images/delivery.png);
}

.Comprehensive_checkUp_cent ul li span{
	font-size: 20px;
	color: #666;
	transition: .3s;
}
.Comprehensive_checkUp_cent ul li:hover span{
	color: #f7a511;
}
.Comprehensive_checkUp_cent ul li:hover .Comprehensive_checkUp_bgimg1{
	background-image: url(../../../../../template/pc/images/ahouse_hover.png);
}
.Comprehensive_checkUp_cent ul li:hover .Comprehensive_checkUp_bgimg2{
	background-image: url(../../../../../template/pc/images/Rights_and_interests_protection_hover.png);
}
.Comprehensive_checkUp_cent ul li:hover .Comprehensive_checkUp_bgimg3{
	background-image: url(../../../../../template/pc/images/decorate_hover.png);
}
.Comprehensive_checkUp_cent ul li:hover .Comprehensive_checkUp_bgimg4{
	background-image: url(../../../../../template/pc/images/Construction_guarantee_hover.png);
}
.Comprehensive_checkUp_cent ul li:hover .Comprehensive_checkUp_bgimg5{
	background-image: url(../../../../../template/pc/images/ToLiveIn_hover.png);
}
.Comprehensive_checkUp_cent ul li:hover .Comprehensive_checkUp_bgimg6{
	background-image: url(../../../../../template/pc/images/delivery_hover.png);
}
/*八项房屋全面检查清单CheckThe_listing      CHECK THE LISTING*/
.CheckThe_listing_cent{
	width: 100%;
	height: auto;
	text-align: center;
	
}

.CheckThe_listing_cent div{
	width: 120px;
	height:120px;
	border: 2px solid #ccc;
	border-radius: 50%;
	background-position: center;
	margin: 10px auto;
	background-repeat: no-repeat;
}
.CheckThe_listing_bgimg1{
	background-image:url(../../../../../template/pc/images/metope.png);
}
.CheckThe_listing_bgimg2{
	background-image:url(../../../../../template/pc/images/port.png);
}
.CheckThe_listing_bgimg3{
	background-image:url(../../../../../template/pc/images/ground.png);
}
.CheckThe_listing_bgimg4{
	background-image:url(../../../../../template/pc/images/GoLine.png);
}
.CheckThe_listing_bgimg5{
	background-image:url(../../../../../template/pc/images/door.png);
}
.CheckThe_listing_bgimg6{
	background-image:url(../../../../../template/pc/images/reserved.png);
}
.CheckThe_listing_bgimg7{
	background-image:url(../../../../../template/pc/images/sewage.png);
}
.CheckThe_listing_bgimg8{
	background-image:url(../../../../../template/pc/images/TheWindow.png);
}
.CheckThe_listing_cent ul {
	width: 1200px;
	margin: 20px auto;
}
.CheckThe_listing_cent ul li{
	width: 200px;
	height: 220px;
	border-radius: 10px;
	float: left;
	margin-right: 125px;
	margin-bottom: 20px;
	background-color: transparent;
}
/*hover*/
.CheckThe_listing_cent ul li:hover{
	background-color: #f7a511;
	box-shadow: 0 0 8px;
	transition: .4s;
}
.CheckThe_listing_cent ul li:hover div {
	border-color: #fff;
	
}
.CheckThe_listing_cent ul li:hover span {
	color: #fff;
}
.CheckThe_listing_cent ul li:hover .CheckThe_listing_bgimg1{
	background-image:url(../../../../../template/pc/images/metope_hover.png);
}
.CheckThe_listing_cent ul li:hover .CheckThe_listing_bgimg2{
	background-image:url(../../../../../template/pc/images/port_hover.png);
}
.CheckThe_listing_cent ul li:hover .CheckThe_listing_bgimg3{
	background-image:url(../../../../../template/pc/images/ground_hover.png);
}
.CheckThe_listing_cent ul li:hover .CheckThe_listing_bgimg4{
	background-image:url(../../../../../template/pc/images/GoLine_hover.png);
}
.CheckThe_listing_cent ul li:hover .CheckThe_listing_bgimg5{
	background-image:url(../../../../../template/pc/images/door_hover.png);
}
.CheckThe_listing_cent ul li:hover .CheckThe_listing_bgimg6{
	background-image:url(../../../../../template/pc/images/reserved_hover.png);
}
.CheckThe_listing_cent ul li:hover .CheckThe_listing_bgimg7{
	background-image:url(../../../../../template/pc/images/sewage_hover.png);
}
.CheckThe_listing_cent ul li:hover .CheckThe_listing_bgimg8{
	background-image:url(../../../../../template/pc/images/TheWindow_hover.png);
}
/*hover end*/
.CheckThe_listing_cent span{
	display: block;
	color: #666;
}
.CheckThe_listing_cent span:nth-child(2){
	font-size: 30px;
}
.CheckThe_listing_cent span:nth-child(3){
	font-size: 20px;
}
/*八项房屋体检项目*/
.Number8_items{
	width: 100%;
}
.Number8_items_cent{
	width: 1200px;
	margin: 0 auto;
}
.Number8_items_cent ul{
	width: 1200px;
}
.Number8_items_cent ul li{
	width: 290px;
	height: 44px;
	float: left;
	margin: 20px 13px 10px 0;
	text-align: center;
	vertical-align: bottom;
	font-size: 20px;
	background-color: #e5e5e5;
	background-repeat: no-repeat;
	border-radius: 8px;
	padding-top: 340px;
}
.Number8_items_bgimg1{
	background-image:url(../../../../../template/pc/images/Physical_examination_projec1.png);
}
.Number8_items_bgimg2{
	background-image:url(../../../../../template/pc/images/Physical_examination_projec2.png);
}
.Number8_items_bgimg3{
	background-image:url(../../../../../template/pc/images/Physical_examination_projec3.png);
}
.Number8_items_bgimg4{
	background-image:url(../../../../../template/pc/images/Physical_examination_projec4.png);
}
.Number8_items_bgimg5{
	background-image:url(../../../../../template/pc/images/Physical_examination_projec5.png);
}
.Number8_items_bgimg6{
	background-image:url(../../../../../template/pc/images/Physical_examination_projec6.png);
}
.Number8_items_bgimg7{
	background-image:url(../../../../../template/pc/images/Physical_examination_projec7.png);
}
.Number8_items_bgimg8{
	background-image:url(../../../../../template/pc/images/Physical_examination_projec8.png);
}
/*服务承诺标准*/
.SeeConstructio_site_bgimg1{
	background-image:url(../../../../../template/pc/images/commitment.png);
}
.SeeConstructio_site_bgimg3{
	background-image:url(../../../../../template/pc/images/Environmental_protection_level.png);
}
.quote_InAdvance ul li:hover .SeeConstructio_site_bgimg1{
	background-image: url(../../../../../template/pc/images/commitment_hover.png);
}
.quote_InAdvance ul li:hover .SeeConstructio_site_bgimg3{
	background-image: url(../../../../../template/pc/images/Environmental_protection_levelHover.png);
}

