/**
 * 公共部分代码
 */
*{margin: 0;padding: 0;}
a{
	text-decoration: none;
}
ul li{
	list-style: none;
}
.layui-form-select {display:none;}
/*头部css*/
#public_top{
	width: 100%;
	min-width: 1200px;
	height: 80px;
}
.top_title{
	width: 1200px;
	height: 80px;
	margin: 0 auto;
}
/*标题左*/
.top_title_left{
	margin-top: 9px;
	float: left;
	width: 292px;
	height: 62px;
}
.top_title_left a{
	width: 100%;
	height: 100%;
}
.top_title_left a img{
	width: 100%;
	height: 100%;
}
/*标题中*/
.top_title_middle{
	width: 692px;
	height: 62px;
	float: left;
	margin-top: 9px;
}
.top_title_middle a{
	text-decoration: none;
	color: #000000;
}
.top_title_middle ul.top_title_One{
	margin: 0 auto;
	height: 62px;
	width: 80%;
	padding-left: 20px;
}
.top_title_middle ul.top_title_One li{
	text-align: center;
	margin:0 5px;
	list-style: none;
	float: left;
	height: 55px;
	width: 80px;
	line-height: 62px;
	font-weight:500;
	cursor:pointer;
	position: relative;
}
.top_title_middle ul.top_title_One li.on_dj{
	border-bottom: 5px solid #ee1f2f;
}
.top_title_middle ul.top_title_One li:hover{
	border-bottom: 5px solid #ee1f2f;
	
}
.top_title_middle ul.top_title_Ones li:hover .bolck{
	display: block;	
}
.top_title_middle ul.top_title_One li .bolck{
	padding: 15px 0px;
    display: none;
    width: 90px;
    height:auto;
    left: -5px;
    position:absolute;
    z-index: 200;
    background:rgba(0, 0, 0, 0.4);
}
.top_title_middle ul.top_title_One li .bolck p{
	height: 35px;
	cursor: pointer;
	line-height: 35px;
	color: #FFFFFF;
	font-size: 14px;
}
.top_title_middle ul.top_title_One li .bolck p:hover{
	background: red;
}

/*标题右*/
.top_title_right{
	margin-top: 10px;
	float: right;
	width: 210px;
	height: 60px;
	background-color: #fff;
}
.top_title_right_top{
	font-size: 14px;
	color: #7b7b7b;
	text-align: right;
}
.top_title_right_footer{
	float: left;
	height: 25px;
	margin-top: 10px;
	width: 100%;
}
.top_title_right_footer img{
	float: left;
	width: 25px;
	height: 25px;
	float: right;
	margin-right: 5px;
}
.top_title_right_footer i{
	float: left;
	color: #e91f2b;
	display: block;
	font-size:22px ;
	float: right;
}


/*轮播css*/
#index_banner{
	min-width: 1200px;
	width: 100%;
	/*height:805px;*/
	position: relative;
	overflow: hidden;
	z-index: 100;
}
#index_banner .swiper-container{width: 100%;height: 100%;}
#index_banner .swiper-container .swiper-wrapper .swiper-slide img{width: 100%; height: 100%;}

.banner_imgbox{
	position:absolute;
	width:200000px;
	height:100%;
	left:0;
}
.banner_imgbox img{
	height:100%;
	position: relative;
	float:left;
}
.banner_ol{
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left:-102px;
}
.banner_ol li{
	float: left;
	width: 20px;
	height: 20px;
	background-color: #CCC;
	margin: 10px;
	border-radius: 50%;
	cursor: pointer;
	list-style: none;
}

.banner_ol li.banner_ol_li_on{
	background-color: #c31957;
}


/*左右按钮*/
.banner_box_LRbtn{
	position: absolute;
	top: 285px;
	width: 100%;
	display: none;
}
.banner_box_LRbtn p{
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 30px;
	background: rgba(0, 0, 0, .8);
	border-radius: 50%;
	cursor: pointer;
}
.banner_box_LRbtn .prev{
	float: left;
	margin-left: 50px
}
.banner_box_LRbtn .next{
	float: right;
	margin-right: 50px;
}
#index_banner:hover .banner_box_LRbtn{
	display: block;
}


/*网站介绍css*/
#index_introduce{
	width: 100%;
	min-width: 1200px;
	height:220px;
	padding-top: 20px;
}
.introduce_ul_box{
	width: 80%;
	height: 100%;
	margin: 0 auto;
}
.introduce_ul_box ul{
	width: 90%;
	height: 100%;
	min-width: 1400px;
	margin: 0 auto;
	padding-left: 1%;
}
.introduce_ul_box ul li{
	height: 200px;
	width: 160px;
	float: left;
	list-style: none;
	margin-left: 50px;
}
.introduce_ul_box ul li img{
	width: 100%;
	height: 100%;
}

.introduce_ul_box ul li:hover{
	-webkit-animation: introduceupondown .5s linear infinite alternate;
	-moz-animation: introduceupondown .5s linear infinite alternate;
	-o-animation: introduceupondown .5s linear infinite alternate;
	animation: introduceupondown .5s linear infinite alternate;
    animation-fill-mode: none;
	animation-fill-mode: both;
	cursor: pointer;
}

@keyframes introduceupondown{
	0%{-webkit-transform:translateY(10px);
		transform:translateY(10px);
	}
	100%{-webkit-transform:translateY(-10px);
		transform:translateY(-10px);
	}
}
@-moz-keyframes introduceupondown{
	0%{-webkit-transform:translateY(10px);
		transform:translateY(10px);
	}
	100%{-webkit-transform:translateY(-10px);
		transform:translateY(-10px);
	}
}
@-webkit-keyframes introduceupondown{
	0%{-webkit-transform:translateY(10px);
		transform:translateY(10px);
	}
	100%{-webkit-transform:translateY(-10px);
		transform:translateY(-10px);
	}
}
@-o-keyframes introduceupondown{
	0%{-webkit-transform:translateY(10px);
		transform:translateY(10px);
	}
	100%{-webkit-transform:translateY(-10px);
		transform:translateY(-10px);
	}
}

/*装修模式css*/
#index_pattern{
	width: 100%;
	min-width: 1200px;
	height:856px;
}
.pattern_png_box{
	width: 163px;
	height: 114px;
	margin: 0 auto;
}
.pattern_png_box img{
	width: 100%;
	height: 100%;
}

.pattern_daohang{
	width: 80%;
	height: 80px;
	margin: 0 auto;
	text-align: center;
	line-height: 80px;
}
.pattern_daohang a{
	cursor: pointer;
	color: red;
	padding:5px 20px;
	margin: 0 auto;
	text-align: center;
	border: 1px red solid;
}
.pattern_daohang a:hover{
	color: #fff;
	background-color:red ;
}
.pattern_daohang a.pattern_moren{
	color: #fff;
	background-color:red ;
}

.pattern_huandeng{
	width:100%;
	margin: 0px auto;
	height: 662px;
	position: relative;
	
}
.pubile_switchover{
	position: absolute;
	z-index: 8;
	left: 59.4%;
	bottom: 0px;
}
.pubile_switchover .pswitchover1{cursor:pointer;list-style-type: none;float: left;color: #fff;background: red;width: 40px;height: 40px;text-align: center;}
.pubile_switchover .pswitchover1 a{font-size: 28px;line-height: 40px;text-decoration: none;color: #fff;}
.pubile_switchover .pswitchover2{cursor:pointer;list-style-type: none;float: left;background: #FFFFFF;width: 40px;height: 40px;text-align: center;}
.pubile_switchover .pswitchover2 a{font-size: 28px;line-height: 40px;text-decoration: none;color: red;}

#pattern_huandeng_demo{              
    overflow: hidden;
    width:100%;
    height:626px;
    position: relative;
    z-index: 1;
}

#pattern_huandeng_demoimg{
    width:100%;
    height:100%;
    position: absolute;
}
#pattern_huandeng_demoimg li{
    float:left;
    list-style: none;
    display: none;
}
#pattern_huandeng_demoimg li.pattern_li_show{
    display: block;
}


/*VR全景css*/
#index_panoramic{
	width: 100%;
	min-width: 1200px;
	height:888px;
}
.panoramic_png_box{
	width: 163px;	
	height: 100px;
	margin: 0 auto;
}
.panoramic_png_box img{
	width: 100%;
	height: 100%;
}

.panoramic_title_box{
	width: 80%;
	margin: 0 auto;
	height: 45px;
	margin-top: 10px;
}
.panoramic_title_box ul li{
	line-height: 43px;
	float: left;
	width: 18%;
	text-align: center;
	border:  1px solid #CCCCCC;
	border-radius: 45px;
	margin-right: 2%;
	cursor: pointer;
}
.panoramic_title_box ul li:last-child{
	margin-right: 0%;
}
.panoramic_title_box ul li:hover{
	background-color: #e91f2b;
	color: #FFFFFF;
}
.panoramic_title_box ul li.on_xz{
	background-color: #e91f2b;
	color: #FFFFFF;
}
.panoramic_show_box{
	margin-top: 20px;
	display: none;
}
.panoramic_show_box ul{
	width: 100%;
	height: 600px;
}
.panoramic_show_box ul li{
	float: left;
	width: 49.5%;
	height: 50%;
	cursor: pointer;
	position: relative;
}
.panoramic_show_box ul li img.showimg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.panoramic_show_box ul li #viewDiv{
	width: 100%;
	height: 100%;
	display: none;
}
.panoramic_show_box ul li:hover .panoramic_zeigai{
	display: block;
}
.panoramic_show_box ul li{
	height: 100%;
}
.panoramic_show_box ul li:nth-child(1),
.panoramic_show_box ul li:nth-child(3){
	margin-right: 1%;
	height: 100%;
	width: 24%;
	overflow: hidden;
	position: relative;
}
.panoramic_show_box ul li:nth-child(1)>img,
.panoramic_show_box ul li:nth-child(3)>img{
	margin-right: 1%;
	height: 100%;
	width: unset;
	position: absolute;
}
.panoramic_show_box ul li:nth-child(2){
	width: calc(100% - 24% * 2 - 1% *2 );
}
.panoramic_show_box ul li:nth-child(3){
	margin-right: 0;
	margin-left: 1%;
}
.panoramic_zeigai{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	/* opacity: 0.5; */
	z-index: 20;
	display: none;
}
 .panoramic_zeigai img{
	width: 40%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.panoramic_xia{
	float: left;
	width: 100%;
	height: 40px;
	margin-top: 10px;
}
.panoramic_xia_p{
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
	width: 160px;
	height: 40px;
	color: red;
	font-weight: 400;
	font-size: 18px;
	border: 1px solid red;
}
.panoramic_xia_p:hover{
	cursor: pointer;
	color: #FFFFFF;
	background-color: red;
	border: 1px solid red;
}
/*设计案例css*/
#index_design{
	width: 100%;
	min-width: 1200px;
	height:1010px;
}
.design_png_box{
	width: 163px;	
	height: 113px;
	margin: 0 auto;
}
.design_png_box img{
	width: 100%;
	height: 100%;
}
/*上面是png/css*/
.design_title_box{
	width: 100%;
	height: 95px;
}
.design_title_top{
	width: 100%;
	height: 46px;
	border-bottom: 1px solid #CCCCCC;
	
}
.design_title_top ul{
	width: 50%;
	margin: 0 auto;
	text-align: center;
	height: 46px;
	text-align: center;
}
.design_title_top ul li{
	float: left;
	width: 19%;
	height: 46px;
	line-height: 46px;
	font-size: 14px;
	text-align: center;
	list-style: none;
	position: relative;
	cursor: pointer;
	
}
.xiajiantou:before{
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	position: absolute;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	bottom:-8px;
	left: 45%;
	z-index: 101;
	background: #FFFFFF;
	transform: rotate(-135deg);
}			
/*tab下面盒子切换*/
.design_title_xia{
	height: 46px;
	width: 100%;
	text-align: center;
	line-height: 46px;
	display: none;
}
.design_title_xia a{
	margin: 0 8px;
	font-size: 14px;
	cursor: pointer;
	color:#000000;
}

.design_content_xia{
	width: 100%;
	height: 682px;
	
}

.con_con_xia_box{
	float: left;
	width: 23.5%;
	margin-right: 2%;
	height: 340px;
	background-color: red;
	margin-top: 10px;
	position: relative;
	cursor: pointer;
}
.con_con_xia_box:nth-child(4n){
	margin-right:0%;
}
.con_con_xia_box:hover .con_left_quan{
	display: block;
}
.con_con_xia_box:hover .con_left_dl{
	display: none;
}
.con_left_quan{
	display: none;
}
.des_con_left{
	width: 49.5%;
	height: 682px;
	float: left;
}
.con_left_box{
	width: 49%;
	height: 49%;
	float: left;
	position: relative;
	cursor: pointer;
}
.con_left_png{
	width: 100%;
	height: 100%;
}
.con_left_quan{
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0,0,0,0.5);
	top: 0;
	/* opacity: 0.6; */
	color: #FFFFFF;
}
.quan_img{
	width: 65px;
	height: 65px;
	position: absolute;
	top: 25px;
	right: 25px;
}
.quan_h4{
	width: 100%;
	/* left: 30%; */
	position: absolute;
	top: 120px;
	font-size: 30px;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
}
.quan_p1{
	width: 100%;
	/* left: 34%; */
	color: #b69454;
    font-size: 15px;
    position: absolute;
	top: 160px;
	text-align: center;
}
.quan_p2{
	width: 80%;
	left: 34%;
	height: 50px;
   	font-size: 14px;
   	color: #acacad;
    position: absolute;
	top: 190px;
}
/*小的右边的*/
.con_left_dl{
	width: 38%;
	height: 85px;
	background: rgba(0,0,0,0.6);
	position: absolute;
	top: 220px;
	right: 0px;
	/* opacity: 0.6; */
}
.con_left_dl dt{
	width: 90%;
	margin-left: 10%;
	font-size: 17px;
	margin-top: 15px;
	color: #FFFFFF;
}
.con_left_dl dd{
	width: 90%;
	margin-left: 10%;
	font-size: 14px;
	color: #ababab;
}


.des_con_right{
	width: 49.5%;
	height: 682px;
	float: left;
	margin-left: 1%;
}

/*最后P标签*/
.design_xia{
	float: left;
	width: 100%;
	height: 40px;
	margin-top: 20px;
}
.design__xia_p{
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
	width: 160px;
	height: 40px;
	color: red;
	font-weight: 400;
	font-size: 18px;
	border: 1px solid red;
}
.design__xia_p:hover{
	cursor: pointer;
	color: #FFFFFF;
	background-color: red;
	border: 1px solid red;
}

/*设计团队css*/
#index_team{
	width: 100%;
	margin: 0 auto;
	min-width: 1200px;
	height:1100px;
}

.team_png_box{
	width: 172px;	
	height: 127px;
	margin: 0 auto;
}
.team_png_box img{
	width: 100%;
	height: 100%;
}

.team_png_p_box{
	width: 100%;
	height: 60px;
	margin: 0 auto;
}
.team_png_xia_box{
	height: 1050px;
	width: 100%;
	margin: 0 auto;
}
.team_p_box{
	width:742px;
	height: 59px;
	margin: 0 auto;
	padding-top: 10px;
}

.team_p_box p{
	cursor: pointer;
	/*margin:0 30px;*/
	margin-right: 40px;
	text-align: center;
	line-height: 59px;
	width: 215px;
	height: 59px;
	float: left;
	border: 1px red solid;
	color: red;
}
.team_p_box p.re_team_p{
	margin-right: 0;
}
.team_png_xia_box p.team_p_on{
	background-color: red;
	border: 1px red solid;
	color: #fff;
}
.team_p_box p:hover{
	background-color: red;
	border: 1px red solid;
	color: #fff;
}

.team_xia_box{
	margin-top: 32px;
	display: none;
	height: 985px;
	width: 100%;
}

.team_xia_box_left{
	height: 780px;
	width: 40%;
	float: left;
	margin-left: 18px;
	position: relative;
}
.team_xia_box_left:hover .team_xia_box_left_box{
	display: block;
}
.team_xia_box_left img{
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.team_xia_box_left_box{
	width: 100%;
	height: 108px;
	position: absolute;
	bottom: 0px;
	color: #FFFFFF;
	display: none;
	text-align: center;
	background-color:rgba(0,0,0,0.5);
	/* opacity: 0.5; */
	cursor: pointer;
}

.team_xia_box_left_p1{
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	margin-top: 20px;
}
.team_xia_box_left_p2{
	font-size: 14px;
	color: #8c8c8c;
	text-align: left;
	margin-top: 10px;
	padding: 0px 10px;
}
.top_ul_li_p2 span{
	float: right;
}


.team_xia_box_right{
	float: right;
	width: 58%;
	height: 780px;
}
.team_xia_box_right_top{
	width: 100%;
	height: 383px;
}
.t_x_b_right_top_ul{
	width: 100%;
	height: 100%;
}
.t_x_b_right_top_ul li{
	width: 31%;
	margin-right: 15px;
	height: 383px;
	float: left;
	list-style: none;
	position: relative;
}

.top_ul_li_box{
	width: 100%;
	height: 108px;
	position: absolute;
	bottom: 0px;
	color: #FFFFFF;
	display: none;
	text-align: center;
	background-color:rgba(0,0,0,0.5);
	/* opacity: 0.5; */
	cursor: pointer;
}
.top_ul_li_p1{
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	margin-top: 20px;
}
.top_ul_li_p2{
	font-size: 14px;
	color: #8c8c8c;
	text-align: left;
	margin-top: 10px;
	padding: 0px 10px;
}
.top_ul_li_p2 span{
	float: right;
}

/*设计团队右边下面*/
.team_xia_box_right_xia{
	float: right;
	margin-top: 14px;
	width: 100%;
	height: 383px;
}
.team_xia_box_xia{
	width: 100%;
	height: 40px;
	float: left;
	margin-top: 30px;
}
.team_xia_box_xia_p{
	width: 160px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #fe0000;
	margin: 0 auto;
	border: 1px solid #fe0000;
}
.team_xia_box_xia_p:hover{
	color: #FFFFFF;
	background-color: #fe0000;
	cursor: pointer;
}


/*在建工地css*/
#index_construction{
	width: 99.5%;
	min-width: 1200px;
	height:auto;
}
/*顶部图片*/
.construction_png_box{
	width: 321px;
	height: 138px;
	margin: 0 auto;
}
.construction_png_box img{
	width: 100%;
	height: 100%;
}
.construction_xia{
	width: 100%;
	height: auto;
	margin-top: 28px;
}
.construction_p_box{
	width: 999px;
	height: 61px;
	margin: 0 auto;
	
}
.construction_p_box p{
	cursor: pointer;
	/*margin:0 30px;*/
	margin-right: 43px;
	text-align: center;
	line-height: 59px;
	width: 215px;
	height: 59px;
	float: left;
	border: 1px red solid;
	color: red;
	font-size: 18px;
	font-weight: 500;
}
.construction_p_box p:hover{
	background-color: red;
	color: #fff;
}
.construction_p_box p.on_construction_p{
	background-color: red;
	color: #fff;
}
.construction_p_box p.re_construction_p{
	margin-right: 0px;
}
/*在建工地图片盒子*/
/*第一个盒子*/
.con_top_ul_li_box_one,.con_xia_ul_li_box_one{
	width: 100%;
	height: 100%;
	/* opacity: 0.5; */
	background: rgba(0,0,0,0.5);
	color: #FFFFFF;
	position: relative;
}
.con_top_ul_li_box_one_a,.con_xia_ul_li_box_one_a{
	position:absolute;
	text-align: center;
	z-index: 100;
	left: 50%;
	transform: translateX(-50%);
}
.con_top_ul_li_box_one_a_box,.con_xia_ul_li_box_one_a_box{
	max-height: 100%;
	max-width: 100%;
	margin-top: 95%;
}
.con_top_ul_li_box_one_a_box p,.con_xia_ul_li_box_one_a_box p{
	padding-bottom: 15px;
}
/*在建工地设置定位然后让图片显示在后面*/
.con_xia_box_top_ul_one li,.con_xia_box_xia_ul_one li{
	cursor: pointer;
	position: relative;
}
.con_xia_box_top_ul_one img,.con_xia_box_xia_ul_one img{
	position: absolute;
	z-index: 100;
}
.con_top_ul_li_box_one,.con_xia_ul_li_box_one{
	position: absolute;
	z-index: 101;
}

.li_box_one_svg{
	width: 80%;
	height: 80%;
	position: relative;
	left: 10%;
	top: 10%;
	
	z-index: 101;
}
.top{
	display: block;
    width: 100%;
    height: 1;
    border-top: 1px solid #CCCCCC;
    position: absolute;
    top: 0;
    left: 0;
}
.left{
	display: block;
    width: 1;
    height: 100%;
    border-left: 1px solid #CCCCCC;
    position: absolute;
    top: 0;
    left: 0;
}
.right{
	display: block;
    width: 1;
    height: 100%;
    border-right: 1px solid #CCCCCC;
    position: absolute;
    bottom: 0;
    right: 0;
}
.bottom{
	display: block;
    width: 100%;
    height: 1;
    border-bottom: 1px solid #CCCCCC;
    position: absolute;
    bottom: 0;
    right: 0;
}
/*下面的*/
.construction_xia_box_xia{
	width: 100%;
	/*height: 388px;*/
	float: left;
	margin-top: 46px;
}




/*第二到第四个*/
.construction_xia_box{
	width: 100%;
	height: auto;
	display: none;
	margin-top: 20px;
}
.construction_xia_box_top{
	width: 100%;
	/*height: 388px;*/
	float: left;
}
.con_xia_box_top_ul{
	/*height: 388px;*/
	width: 100%;
	float: left;
}
.con_xia_box_top_ul li{
	list-style: none;
	width: 31%;
	height: 388px;
	float: left;
	margin-left: 1.9%;
	position: relative;
	cursor: pointer;
}
.con_xia_box_top_ul a:nth-child(4) li,.con_xia_box_top_ul a:nth-child(5) li,.con_xia_box_top_ul a:nth-child(6) li{
	margin-top: 46px;
	margin-bottom: 10px;
}
.con_top_ul_li_box{
	position: absolute;
	width: 100%;
	height: 18%;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	 opacity: 0.5; 
	bottom: 0px;
}
.con_top_ul_li_box_img{
	display: none;
	width: 69px;
	height: 69px;
	position: absolute;
	top: 40%;
	left: 40%;
	cursor: pointer;
}

.con_top_ul_li_p1{
	font-size: 16px;
	position: absolute;
	bottom: 43%;
	/*bottom: 15%;*/
	color: #FFFFFF;
	/* left: 40%; */
	    width: 100%;
}
.con_top_ul_li_p2{
	font-size: 14px;
	position: absolute;
	bottom: 8%;
	/* left: 32%; */
	color: #FFFFFF;
	width: 100%;
}


.construction_xia_box_xia{
	width: 100%;
	height: 388px;
	margin-top: 46px;
	float: left;
}
.con_xia_box_xia_ul{
	height: 388px;
	width: 100%;
	padding-left: 10px;
}
.con_xia_box_xia_ul li{
	list-style: none;
	width: 31%;
	height: 388px;
	float: left;
	margin-left: 24px;
	position: relative;
}


.con_xia_ul_li_box{
	position: absolute;
	width: 100%;
	height: 18%;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	/* opacity: 0.5; */
	bottom: 0px;
}
.con_xia_ul_li_box_img{
	display: none;
	width: 69px;
	height: 69px;
	position: absolute;
	top: 40%;
	left: 40%;
	cursor: pointer;
}

.con_xia_ul_li_p1{
	font-size: 16px;
	position: absolute;
	bottom: 43%;
	/*bottom: 15%;*/
	color: #FFFFFF;
	left: 40%;
}
.con_xia_ul_li_p2{
	font-size: 14px;
	position: absolute;
	bottom: 8%;
	left: 32%;
	color: #FFFFFF;
}

/*最后P标签*/
.construction_xia_pbox{
	float: left;
	width: 100%;
	height: 40px;
	bottom: 5px;
	margin-top: 18px;
}
.construction_xia_pbox_p{
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
	width: 160px;
	height: 40px;
	color: red;
	font-weight: 400;
	font-size: 18px;
	border: 1px solid red;
}
.construction_xia_pbox_p:hover{
	cursor: pointer;
	color: #FFFFFF;
	background-color: red;
	border: 1px solid red;
}



/*施工团队css*/
#index_constructionTeam{
	width: 100%;
	min-width: 1200px;
	height:700px;
	background-color:#f1f1f1;
	padding-top: 24px;
}
/*顶部图片*/
.constructionTeam_png_box{
	width: 321px;
	height: 124px;
	margin: 0 auto;
}
.constructionTeam_png_box img{
	width: 100%;
	height: 100%;
}

.constructionTeam_xia{
	margin-top: 15px;
	width: 100%;
	height: 561px;
	position:relative
}
.con_team_ul_box{
	width: 80%;
	height: 425px;
	left: 10%;
	position:absolute;
	top: 15px;
}
.con_team_ul_box_ul{
	width: 1200px;
	height: 425px;
	background: #CCCCCC;
	margin: 0 auto;
}
.con_team_ul_box_ul li{
	cursor: pointer;
	list-style: none;
	width: 218px;
	height: 425px;
	float: left;
	background: red;
	margin: 0px auto;
	margin-right: 2.29%;
}
.con_team_ul_box_ul img{
	width: 100%;
	height: 328px;
	float: left;
}
.con_t_ul_b_ul_xia{
	width: 100%;
	height: 97px;
	background: #e01020z;
	float: left;
	text-align: center;
}

.con_t_ul_b_ul_xia_p1{
	margin-top: 10px;
	font-size: 20px;
	color: #FFFFFF;
}
.con_t_ul_b_ul_xia_p2{
	margin-top: 10px;
	font-size: 16px;
	color: #FFFFFF;
}

.con_team_p_box{
	width: 160px;
	height: 40px;
	margin: 0 auto;
	border: 1px solid red;
	position: absolute;
	text-align: center;
	line-height: 40px;
	bottom: 30px;
	left: 45%;
	color: red;
	cursor: pointer;
}
.con_team_p_box:hover{
	background-color: red;
	color: #FFFFFF;
}

/*核心工艺css*/
#index_process_zixun_box{
	margin: 0 auto;
	width: 1200px;
	min-width: 1200px;
	height:1400px;
	padding-top: 60px;
}

.process_png_box{
	width: 322px;
	height: 124px;
	margin: 0 auto;
}
.process_png_box img{
	width: 100%;
	height: 100%;
}

/*8张图*/
.process_content_box{
	width: 100%;
	height: 125px;
	margin-top: 28px;
}
.pro_content_png_box1,.pro_content_png_box2,.pro_content_png_box3,.pro_content_png_box4,.pro_content_png_box5,.pro_content_png_box6,.pro_content_png_box7,.pro_content_png_box8{
	width: 124px;
	height: 124px;
	float: left;
	cursor: pointer;
}

.pro_content_png_box1{background-image: url(../img/index/pro_on1.png);margin-left: 2px;}
.pro_content_png_box2{background-image: url(../img/index/pro_on2.png);margin-left: 29px;}
.pro_content_png_box3{background-image: url(../img/index/pro_on3.png);margin-left: 29px;}
.pro_content_png_box4{background-image: url(../img/index/pro_on4.png);margin-left: 29px;}
.pro_content_png_box5{background-image: url(../img/index/pro_on5.png);margin-left: 29px;}
.pro_content_png_box6{background-image: url(../img/index/pro_on6.png);margin-left: 29px;}
.pro_content_png_box7{background-image: url(../img/index/pro_on7.png);margin-left: 29px;}
.pro_content_png_box8{background-image: url(../img/index/pro_on8.png);margin-left: 29px;}

.pro_content_png_box1:hover{background-image: url(../img/index/pro_on1_re.png);}
.pro_content_png_box2:hover{background-image: url(../img/index/pro_on2_re.png);}
.pro_content_png_box3:hover{background-image: url(../img/index/pro_on3_re.png);}
.pro_content_png_box4:hover{background-image: url(../img/index/pro_on4_re.png);}
.pro_content_png_box5:hover{background-image: url(../img/index/pro_on5_re.png);}
.pro_content_png_box6:hover{background-image: url(../img/index/pro_on6_re.png);}
.pro_content_png_box7:hover{background-image: url(../img/index/pro_on7_re.png);}
.pro_content_png_box8:hover{background-image: url(../img/index/pro_on8_re.png);}

/*业主好评*/
.index_yzhp{
	height: 280px;
	margin-top: 20px;
}
.index_yzhp h2{
	text-align: center;
}
.index_yzhp p.title_p{
	text-align: center;
	font-size: 14px;
	color: #999999;
	margin: 5px 0px;
}
.inyzhp_banner .swiper-slide{
	max-width: 280px;
	height: 200px;
	cursor: pointer;
}
.inyzhp_banner .swiper-slide img{
	width: 100%;
	height: 100%;
}
/*星艺资讯css*/
.zixun_box{
	width: 100%;
	height: 760px;
	margin-top: 60px;
}
.zixun_png_box{
	width: 160px;
	height: 126px;
	margin: 0 auto;
}
.zixun_png_box img{
	width: 100%;
	height: 100%;
}

.zixun_p_box{
	width: 306px;
	height: 36px;
	margin: 0 auto;
	margin-top: 15px;
}

.zixun_p_box p{
	width: 92px;
	height: 36px;
	/* float: left; */
	color: #a6a6a6;
	text-align: center;
	line-height: 36px;
	border: 1px solid #a6a6a6;
	cursor: pointer;
}
.zixun_p_box p:hover{
	border: 1px solid red;
	color: #FFFFFF;
	background-color: red;
}
.zixun_p_box p.onzixun_p{
	border: 1px solid red;
	color: #FFFFFF;
	background-color: red;
}

.zixun_xia_box{
	display: none;
}
.zixun_xia_box_block{
	display: block;
}
.zixun_xia_box_left{
	float: left;
	width: 450px;
	height: 375px;
	margin-top: 18px;
}
.zixun_xia_box_left img{
	width: 100%;
	height: 100%;
}

.zixun_xia_box_right{
	float: right;
	width: 726px;
	height: 375px;
	margin-top: 18px;
}
/* .zixun_x_b_rig_xiao1,.zixun_x_b_rig_xiao2,.zixun_x_b_rig_xiao3,.zixun_x_b_rig_xiao4{
	
} */

.zixun_x_b_rig_xiao{
	width: 100%;
	height: 93.75px;
	float: left;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.zixun_x_b_rig_xiao:last-child{
	border-bottom: 1px solid #CCCCCC;
}
.zixun_xia_rig_left_box{
	width: 90px;
	height: 93.75px;
	border-right:1px solid #CCCCCC;
	float: left;
	position: relative;
}
.p_ri{
	width: 100%;
	font-size: 32px;
	font-weight: bold;
	color: #8e8c8d;
	text-align: center;
	position: absolute;
	top: 20%;
}
.p_nian_yue{
	width: 100%;
	font-size: 14px;
	text-align: center;
	position: absolute;
	top: 60%;
	color: #8e8e8e;
}

.zixun_xia_rig_right_box{
	float: left;
	width: 82%;
	margin-top: 25px;
	margin-left: 30px;
}
.zixun_p_rig_title{
	color: #242424;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.zixun_p_rig_title:hover{
	color: #e01121;
}
.zixun_p_rig_content{
	width: 100%;
	font-size: 14px;
	margin-top: 5px;
	color: #888888;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.zixun_xia_p_box{
	width: 160px;
	height: 40px;
	float: left;
	margin-left: 45%;
	border: 1px solid #e01121;
	text-align: center;
	line-height: 40px;
	color: #e01121;
	cursor: pointer;
	margin-top:40px;
}
.zixun_xia_p_box:hover{
	background-color: #e01121;
	color: #FFFFFF;
}


/*星艺服务流程css*/
#index_service_process{
	width: 100%;
	min-width: 1200px;
	height:425px;
	background-image: url(../img/index/fwlc_bj.png);
	padding-top: 28px;
}
.service_process_png_box{
	width: 232px;
	height: 144px;
	margin: 0 auto;
}
.service_process_png_box img{
	width: 100%;
	height: 100%;
}
.service_process_xia_box{
	width: 1200px;
	margin: 0 auto;
	height: 138px;
	margin-top: 58px;
}
/*7个流程盒子*/
.ser_pro_xia_xia_box1,.ser_pro_xia_xia_box2,.ser_pro_xia_xia_box3,.ser_pro_xia_xia_box4,.ser_pro_xia_xia_box5,.ser_pro_xia_xia_box6,.ser_pro_xia_xia_box7{
	width: 98px;
	height: 139px;
	float: left;
	text-align: right;
}
.ser_pro_xia_img{
	float: left;
	width: 20px;
	height: 34px;
	padding-top: 33px;
	margin: 0px 32.82px;
}

/*星艺服务*/
#index_service{
	width: 100%;
	min-width: 1200px;
	height:340px;
}
.service_zhong{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	padding-top:100px ;
}

.service_zhong_box{
	width: 25%;
	height: 150px;
	float: left;
	text-align: center;
}
.service_zhong_box p{
	color: #FFFFFF;
}
.service_zhong_p1{
	font-weight:bold;
	font-size: 55px;
}
.service_zhong_p1 span{
	font-size: 16px;
}
.service_zhong_p2 span{
	display: inline-block;
	font-size: 15px;
}


/*公共底部css*/
#public_footer{
	width: 100%;
	min-width: 1200px;
	height:440px;
	background-color:#2c2c2c;
}
.footer_content{
	width: 1200px;
	height: 85%;
	margin: 0 auto;
	
}
.footer_c_top{
	height: 225px;
	width: 100%`;
	padding-top:45px;
}
.footer_c_top_z1,.footer_c_top_z2,.footer_c_top_z3,.footer_c_top_z4,.footer_c_top_z5{
	float: left;
}
.footer_c_top_z1{
	width: 120px;
	height: 230px;
	text-align: center;
}
.footer_c_top_z1 h3,.footer_c_top_z2 h3{
	margin-bottom: 28px;
	color: #5f624f;
	font-size: 16px;
}
.footer_c_top_z1 p,.footer_c_top_z2 p{
	margin-bottom: 18px;
	color: #eeefea;
	font-size: 13px;
}


.footer_c_top_z2{
	width: 445px;
	height: 230px;
	margin-left: 25px;
}
.footer_c_top_z3{
	width: 144px;
	height: 230px;
	margin-left: 15px;
	text-align: center;
}
.footer_c_top_z3 img,.footer_c_top_z4 img{
	width: 144px;
	height: 144px;
	margin-bottom: 10px;
}
.footer_c_top_z3 p,.footer_c_top_z4 p{
	font-size: 14px;
	color: #eeefea;
}
.footer_c_top_z4{
	width: 144px;
	text-align: center;
	height: 230px;
	margin-left: 40px;
}
.footer_c_top_z5{
	width: 210px;
	height: 230px;
	margin-left: 45px;
}
.footer_c_t_z5_p1{
	font-size: 18px;
	margin-bottom: 14px;
	color: #FFFFFF;
}
.footer_c_t_z5_p2{
	font-size: 22px;
	color: #e91f2d;
	font-weight: bold;
	margin-bottom: 28px;
}
.footer_c_t_z5_p3{
	font-size: 13px;
	color: #FFFFFF;
	margin-bottom: 18px;
}
.footer_c_t_z5_p4{
	text-align: center;
	font-size: 14px;
	color: #8b8b8b;
	border: 1px solid #8b8b8b;
	height: 28px;
	line-height: 28px;
	border-radius:15px;
	cursor: pointer;
}
/*底部下*/
.footer_c_xia{
	height: 60px;
	width: 100%`;
}
.footer_c_xia_ul{
	width: 90%;
	height: 100%;
	margin: 0 auto;
}
.footer_c_xia_ul li{
	list-style: none;
	float: left;
	width: 24%;
	border-right: 1px #CCCCCC solid;
}
.footer_c_xia_ul li h3,.footer_c_xia_ul li img,.footer_c_xia_ul li p{
	float: left;
	padding-left: 13%;
}
.footer_c_xia_ul li img{
	width: 56px;
	height: 56px;
}
.footer_c_xia_ul li h3{
	width: 45%;
	font-size: 15px;
	color: #aeaeae;
}
.footer_c_xia_ul li p{
	width: 50%;
	font-size: 11px;
	margin-top: 12px;
	color: #8b8b8b;
}
/*最下面号码*/
.footer_sBiao{
	width: 100%;
	height: 66px;
	background-color: #000000;
	text-align: center;
	color: #FFFFFF;
	line-height: 66px;
	font-size: 12px;
}
.footer_sBiao span{
	color: #6a7064;
}
/*返回顶部css*/
#public_fanhuiTop{
	width: 60px;
	height: 60px;
	position: fixed;
	background-color: #CCCCCC;
	bottom: 156px;
	right: 60px;
	z-index: 999;
	display: none;
	cursor: pointer;
}
#public_fanhuiTop a{
	font-size: 13px;
	display: inline-block;
	position:absolute;
	bottom: 1px;
}
#public_foot{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 185px;
	z-index: 999;
	overflow: hidden;
	/*display: none;*/
}
#public_foot .public_foot-bg{
    position: absolute;
    width: 100%;
    height: 32px;
    bottom: 0;
    background-color: rgba(0,0,0,.7);
}
#public_foot .public_foot-redbg {
    height: 32px;
    width: 1200px;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    bottom: 0;
    background-color: #E8392C;
}
#public_foot .public_foot-main {
    width: 1030px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -515px;
    z-index: 200;
}
#public_foot .public_foot-title{
	width: 720px;
	height: 176px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -360px;
	z-index: 400;
}
#public_foot .public_foot-title .pull-left{
	float: left;
	margin-top: 21px;
}

#public_foot .public_foot-title i{
	position: absolute;
	width: 29px;
	height: 26px;
	bottom: 15px;
	right: 0;
	background: url(../img/public/arrow-do.png) no-repeat;
	-webkit-animation: gift .5s linear infinite alternate;
	-moz-animation: gift .5s linear infinite alternate;
	-o-animation: gift .5s linear infinite alternate;
	animation: gift .5s linear infinite alternate;
    animation-fill-mode: none;
	animation-fill-mode: both;
	cursor: pointer;
}
#public_foot .public_foot-title span{
	position: absolute;
	width: 29px;
	height: 26px;
	bottom: 15px;
	right: 0;
	background: url(../img/public/arrow-up.png) no-repeat;
	-webkit-animation: gift .5s linear infinite alternate;
	-moz-animation: gift .5s linear infinite alternate;
	-o-animation: gift .5s linear infinite alternate;
	animation: gift .5s linear infinite alternate;
    animation-fill-mode: none;
	animation-fill-mode: both;
	cursor: pointer;
}



@keyframes gift{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}
@-moz-keyframes gift{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@-webkit-keyframes gift{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}
@-o-keyframes gift{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}

#public_foot .public_foot-main .public_foot-center {
    width: 100%;
    height: 85px;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    box-shadow: 0 0 25px #b7b7b7;
    border-top-right-radius: 54px;
    border-top-left-radius: 54px;
    z-index: 300;
}
.public_foot-center .bottom-white-bg {
    width: 720px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -360px;
    background: #fff;
}
.public_foot-center .bottom-modular-form {
    height: 460px;
    margin: 45px 30px 0;
    border: 4px solid #ffe6d4;
    padding: 50px 20px 0;
}
.bottom-center-form {

    width: 360px;
    float: left;
    position: relative;

}
.bottom-center-form b{
	font-size:22px;
	font-weight: normal;
}
.bottom-center-form-b-sp{
	font-size: 14px;
	margin-left: 10px;
}
.bottom-center-form-row{
	margin-top: 15px;
}
#bottom_province, #bottom_city {
    height: 35px;
    line-height: 35px;
    width: 246px;
    border: 1px solid #ddd;
}
.bottom-center-form-row .side-left{width:95px;float:left;line-height:35px}
.bottom-center-form-row .side-left span{display:inline-block;color:#ff6f20;margin-left:2px}
.bottom-modular-city{float:left}
.bottom-center-form-row .side-right{width:236px;height:35px;border:1px solid #ddd;padding-left:10px}
.bottom-center-form-row sup{position:absolute;top:0;right:20px;font-size:14px;line-height:35px}
.bottom-center-form-row .three{width:247px;height:35px;border:1px solid #ddd;margin-right:8.5px}
.bottom-center-form-row .two{width:118.5px;height:35px;border:1px solid #ddd;margin-right:8.5px}
.bottom-form-bt-frame{width:138px;height:138px;position:absolute;top:77px;right:-182px;z-index:2;border:1px solid #e7e7e7;border-radius:50%}
.bottom-form-bt-frame:before{width:40px;height:10px;position:absolute;top:-5px;left:50%;margin-left:-20px;background-color:#fff;content:""}
.bottom-form-bt-frame:after{width:40px;height:10px;position:absolute;bottom:-5px;left:50%;margin-left:-20px;background-color:#fff;content:""}
.bottom-form-bt-gradient{
	width:92px;
	height:92px;
	position:absolute;
	top:50%;left:50%;
	margin-top:-46px;
	margin-left:-46px;
	-webkit-border-radius:50%;
	border-radius:50%;
	background:#ee1f2f;
	z-index:12;
	-webkit-animation:scale-three2 1.5s ease infinite;
	-moz-animation:scale-three2 1.5s ease infinite;
	-o-animation:scale-three2 1.5s ease infinite;
	animation:scale-three2 1.5s ease infinite;
	animation-fill-mode:both;
}
@keyframes scale-three2{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.8}100%{-webkit-transform:scale(1.6);transform:scale(1.6);opacity:0}}
@-moz-keyframes scale-three2{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.8}100%{-webkit-transform:scale(1.6);transform:scale(1.6);opacity:0}}
@-webkit-keyframes scale-three2{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.8}100%{-webkit-transform:scale(1.6);transform:scale(1.6);opacity:0}}
@-o-keyframes scale-three2{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.8}100%{-webkit-transform:scale(1.6);transform:scale(1.6);opacity:0}}
.bottom-form-bt {
    display: inline-block;
    width: 92px;
    height: 92px;
    background-color: #ee1f2f;
    border-radius: 50%;
    margin: 22px;
    position: relative;
    z-index: 666;
}
.bottom-form-bt > i {
    display: inline-block;
    width: 44px;
    height: 44px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    color: #fff;
    margin: 24px;
}
/*右边*/
.pull-right{
	float: right;
	width: 290px;
	height: 299px;
}
.bottom-result-title{
	font-size: 20px;
	text-align: center;
}
.bottom-result-title > span {
    width: 120px;
    display: inline-block;
    padding: 0 5px;
    font-size: 30px;
    color: #ee1f2f;
    text-align: center;
}
.bottom-result-box{margin:25px auto auto 5px;border:1px solid #ddd; overflow: hidden;}
.bottom-result-box>ul{margin:10px 0;padding:0}
.bottom-result-box>ul>li{text-align:center;height:40px;line-height:40px;font-size:14px}
.bottom-result-box>ul>li>span{width:88px;display:inline-block;padding:0 5px;font-size:18px;color:#ee1f2f;text-align:center}
.bottom-modular-envelope{width:1118px;height:30px;position:absolute;left:50%;margin-left:-559px;z-index:201;bottom:0px}
.bottom-modular-remind{display:block}
.bottom-modular-remind-box1{
	margin-top: 20px;
	font-size: 12px;
}
.bottom-modular-remind-box2{
	font-size: 12px;
}
#public_foot .public_foot-envelope{
	width: 1200px;
	height: 30px;
	position: absolute;
	left: 50%;
	margin-left: -600px;
	z-index: 201;
	bottom: 0px;
}
#public_foot .public_foot-envelope img{
	width: 100%;
	height: 100%;
}