@charset "utf-8";
/* CSS Document */
.personalized_top{
	width: 100%;
	min-width: 1200px;
	height: 967px;
	background: url(http://www.xycsrj.com/template/pc/images/personalized_top.png) no-repeat;
	position: relative;
}
.personalized_banner{
	width: 730px;
	height: 420px;
	position: absolute;
	top: 100px;
	left: 20%;
}
.personalized_banner img:nth-child(1){
	position: absolute;
	top: 15px;
	right: 0;
}
.personalized_banner img:nth-child(2){
	position: absolute;
	top: 85px;
}
.personalized_banner_line{
	width: 400px;
	height: 1px;
	background: #ffd400;
	position: absolute;
	top: 222px;
	opacity: .8;
}
.personalized_banner span{
	position: absolute;
	top: 235px;
	font-size: 16px;
	color: #fff;
	opacity: .5;
}
.personalized_banner img:nth-child(5){
	position: absolute;
	top: 280px;
}
/*top  搜索框*/
.personalized_banner_search{
	width: 100%;
	min-width: 1200px;
	height: 210px;
	background: #f2f2f2;
	position: absolute;
	bottom: 0;
}
.personalized_banner_searchTit{
	text-align: center;
	font-size: 40px;
}
.personalized_banner_searchTit p{
	padding-top: 40px;
}
.personalized_banner_searchCent{
	text-align: center;
	width: 902px;
	margin: 20px auto;
}
.personalized_banner_searchCent input{
	width: 250px;
	padding: 12px;
	color: #999;
	font-size: 18px;
	border-radius: 8px;
	float: left;
	margin-right: 30px;
}
.personalized_banner_searchCent .button{
	width: 250px;
	padding: 12px;
	color: #fff;
	font-size: 18px;
	background: #f7a511;
	border-radius: 8px;
	float: left;
	margin-left: 20px;
	cursor: pointer;
}
/*私享服务*/
.personalized_Enjoy{
	width: 100%;
	min-width: 1200px;
	hight: 500px;
}
.personalized_EnjoyTit{
	text-align: center;
	font-size: 40px;
	margin-top: 80px;
}
.personalized_Enjoy ul {
	width: 1200px;
	margin: 20px auto;
}
.personalized_Enjoy ul li{
	width: 277px;
	height: 340px;
	float: left;
	margin-right: 30px; 
	position: relative;
	overflow: hidden;
}
.personalized_Enjoy ul li:nth-child(1){
	background: url(http://www.xycsrj.com/template/pc/images/personalized_Enjoy1.png) no-repeat;
}
.personalized_Enjoy ul li:nth-child(2){
	background: url(http://www.xycsrj.com/template/pc/images/personalized_Enjoy2.png) no-repeat;
}
.personalized_Enjoy ul li:nth-child(3){
	background: url(http://www.xycsrj.com/template/pc/images/personalized_Enjoy3.png) no-repeat;
}
.personalized_Enjoy ul li:nth-child(4){
	background: url(http://www.xycsrj.com/template/pc/images/personalized_Enjoy4.png) no-repeat;
}
.personalized_Enjoy_hover{
	transition: .4s;
	transform: translateX(-277px);
}
/*hover*/
.personalized_Enjoy ul li:hover .personalized_Enjoy_hover{
	transform: translateX(0);
}
.personalized_Enjoy ul li img:nth-child(1){
	position: absolute;
	top: 40px;
	left: 45px;
	z-index: 1;
}
.personalized_Enjoy ul li p{
	font-size: 18px;
	color: #fff;
	z-index: 2;
	position: absolute;
	top: 107px;
	left: 45px;
}
.personalized_Enjoy ul li img:nth-child(3){
	position: absolute;
	top: 147px;
	left: 25px;
	z-index: 1;
}
.personalized_Enjoy_English{
	font-size: 16px;
	color: #fff;
	opacity: .8;
	position: absolute;
	top: 166px;
	left: 45px;
	z-index: 1;
}
.personalized_Enjoy_opacity{
	width: 277px;
	height: 277px;
	background: #000;
	opacity: .8;
	position: absolute;
	top: 0;
}
.personalized_Enjoy_cent{
	font-size: 26px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}
/*四重保障 安心生活*/
.personalized_security{
	width: 100%;
	min-width: 1200px;
}
.personalized_security_bg{
	width: 100%;
	min-width: 1200px;
	height: 547px;
	background: url(http://www.xycsrj.com/template/pc/images/personalized_one_stopBg.png) no-repeat center;
	margin-top: 20px;
}
.personalized_security_bg ul{
	width: 1200px;
	margin: 0 auto;
}
.personalized_security_bg ul li{
	width: 250px;
	height: 380px;
	float: left;
	padding-top: 70px;
	margin-right: 66px;
	text-align: center;
	color: #fff;
}
.personalized_security_bg ul li div{
	width: 136px;
	height: 136px;
	border: 4px solid #fff;
	border-radius: 50%;
	margin: 60px auto 20px auto;
}
.personalized_security_roundImg1{
	background: url(http://www.xycsrj.com/template/pc/images/personalized_security_icon1.png) center no-repeat;
}
.personalized_security_roundImg2{
	background: url(http://www.xycsrj.com/template/pc/images/personalized_security_icon2.png) center no-repeat;
}
.personalized_security_roundImg3{
	background: url(http://www.xycsrj.com/template/pc/images/personalized_security_icon3.png) center no-repeat;
}
.personalized_security_roundImg4{
	background: url(http://www.xycsrj.com/template/pc/images/personalized_security_icon4.png) center no-repeat;
}
.personalized_security_bg ul li img{
	padding: 28px;
}
.personalized_security_bg ul li p{
	margin: 30px auto 15px auto;
	font-size: 36px;
}
.personalized_security_bg ul li span{
	font-size: 20px;
}
/*多方位定制生活服务*/
.personalized_multiaspec{
	width: 100%;
	min-width: 1200px;
}
.personalized_multiaspec ul{
	width: 1200px;
	margin: 0 auto;
}
.personalized_multiaspec ul li {
	width: 400px;
	height: 420px;
	margin: 20px 0;
	text-align: center;
	float: left;
	overflow: hidden;
}
.personalized_multiaspec ul li img{
	width: 279px;
	height: 415px;
	transition: .9s;
}
.personalized_multiaspec ul li:hover img{
	transform: scale(1.03,1.03);
}
/*一站式管家服务  多方位优享新家*/
.personalized_one_stop{
	width: 100%;
	min-width: 1200px;
	height: 335px;
	background:url(http://www.xycsrj.com/template/pc/images/personalized_oneStopBg.png) no-repeat;
}
.personalized_one_stop .personalized_EnjoyTit{
	padding: 40px 0;	
	color: #fff;
}
.personalized_oneStop_cent{
	width: 100%;
	min-width: 1200px;
}
.personalized_oneStop_cent ul {
	width: 1280px;
	height: 200px;
	margin: 0 auto;
}
.personalized_oneStop_cent ul li {
	width: 118px;
	height: 118px;
	border: 1px solid #999;
	float: left;
	margin: 0 8px 0 0;
}
.personalized_oneStop_cent ul li div{
	width: 104px;
	height: 97px;
	border: 1px solid #777;
	margin: 6px auto;
	padding-top: 7px;
	text-align: center;
	color: #fff;
	position: relative;
}
.personalized_oneStop_cent ul li p{
	width: 100%;
	
	position: absolute;
	bottom:3px;
	left: 50%;
	transform: translateX(-50%);
	line-height: 14px;
}
/*匠心工艺 品质保障*/
.personalized_process{width: 100%;
	min-width: 1200px;}
.personalized_process ul {
	width: 1200px;
	margin: 20px auto;
}
.personalized_process ul li{
	width: 285px;
	height: 380px;
	float: left;
	text-align: center;
	position: relative;
	margin: 0px 20px 40px 0;
}
.personalized_process ul li img{
	width: 260px;
	height: 260px;
	border-radius: 50%;
	overflow: hidden;
	transition: .3s;
}
.personalized_process ul li img:hover{
	transform: scale(1.05,1.05);
}
.personalized_process .personalized_Box{
	width: 282px;
	height: 252px;
	border: 1px solid #ccc;
	position: absolute;
	bottom: 0;
	z-index: -1;
}
.personalized_Box p{
	width: 100%;
	font-size: 20px;
	color: #333;
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.personalized_Box .line{
	width: 97px;
	height: 1px;
	background: #f7a511;
	position: absolute;
    top: 74%;
    left: 50%;
    transform: translateX(-50%);
}
.personalized_Box span{
	width: 90%;
	color: #999;
	position: absolute;
	top: 80%;
	transform: translateX(-50%);
}
/*精品案例*/
.personalized_case{width: 100%;
	min-width: 1200px;}
.personalized_case_cent{
	width: 1200px;
	height: 569px;
	margin: 40px auto;
	border: 1px solid #f7a511;
	background: url(http://www.xycsrj.com/template/pc/images/personalized_case.png) no-repeat;
	position: relative;
}
.personalized_case_box{
	width: 357px;
	height: 255px;
	float: right;
	text-align: center;
	padding: 12px;
}
.personalized_case_box2{
	width: 381px;
	height: 290px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.personalized_case_box2 ul {
	width: 260px;
	margin: 0 auto;
}
.personalized_case_name{
	text-align: center;
	margin-bottom: 20px;
}
.personalized_case_name span:nth-child(1){
	font-size: 26px;
	color: #333;
}
.personalized_case_name span:nth-child(2){
	font-size: 20px;
	color: #666;
}
.personalized_case_box2 ul li span:nth-child(1){
	color: #333;
	font-size: 18px;
}
.personalized_case_box2 ul li span:nth-child(2){
	color: #666;
	font-size: 18px;
}
.personalized_button {
	width: 206px;
	height: 51px;
	background: #999;
	text-align: center;
	line-height: 51px;
	color: #fff; 
	font-size: 26px;
	position: absolute;
	bottom: 12px;
	left: 50%;
    transform: translateX(-50%);
	transition: .3s;
	cursor: pointer;
}
.personalized_button:hover{
	background: #f7a511;
}