body,p{
	margin: 0;
	padding: 0;
	font-family: 'Microsoft YaHei';
}
body,html{overflow-x:hidden;}
a{
	text-decoration: none;
}
.head{
	width: 100%;
	height: 680px;
	background-color: #22293c;
	background-image: url('../images/headerbgp_9a3f3cef.png');
	background-size: 100% 100%;
	border-top: solid 1px transparent;
}
.headTitle{
	width: 206px;
	height: 105px;
	padding: 38px 45px 0;
	margin: 75px auto 0;
	position: relative;
}
.headTitle>img{
	width: 100%;
	height: 100%;
}
.adv{
	position: absolute;
	right: -357px;
	top: -26px;
	width: 357px;
	height: 26px;
}
.yearTitle{
	width: 1800px;
	height: 114px;
	margin: 50px auto 0;
}
.houselocation{
	width: 769px;
	height: 45px;
	margin: 45px auto 0;
}
.hotline{
	width: 309px;
	height: 83px;
	margin: 45px auto 0;
}
.contentDec{
	width: 100%;
	height: 41px;
}
.contentLeadword{
	width: 100%;
}
.leadWord{
	width: 1009px;
	height: 319px;
	margin: 80px auto;
}
.leadWord:after{
	clear: both;
	content: "";
	display: block;
}
.leadWord>p{
	writing-mode: vertical-rl;
	font-family: "SimSun";
	color: #595757;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	float: left;
}
.leadWord>p>span{
	writing-mode: horizontal-tb;
}
.leadwordLogo{
	float: left;
	width: 115px;
	height: 100%;
	background-image: url('../images/leadlogo_895602b1.png');
	background-repeat: no-repeat;
	position: relative;
	margin-left: 60px;
}
.leadwordLogo>p{
	writing-mode: vertical-lr;
	font-size: 48px;
	color: #595757;
	font-family: "SimSun";
	position: absolute;
	right: 0;
	font-weight: bold;
}
.ldlBgi{
	float: left;
	width: 536px;
	height: 100%;
	background-image: url('../images/houseceiling_51085035.png');
	background-size: 100% 100%;
	margin-left: 100px;
}
.mapFrame{
	width: 410px;
	height: 270px;
	float:  left;
}
.mapFrame>img{
	width: 100%;
	height: 100%;
}
.mapDesc{
	width: 542px;
	float: left;
	height: 100%;
	color: #595757;
	font-family: 'SimSun';
}
.mapTitle{
	font-size: 22px;
	font-family: 'SimSun';
}
.mapdesc{
	font-size: 14px;
	font-family: 'SimSun';
	margin-top: 15px;
	position: relative;
}
.mapdesc>a{
	position: absolute;
	right: 0;
	bottom: -5px;
	font-size: 15px;
	color: #e54b4b;
	font-weight: bold;
}
.mapDepart{
	width: 105%;
	height: 6px;
	background-image: url('../images/departline_3812e21c.png');
	background-size: 100% 100%;
	margin: 20px 0;
}
.togglePart{
	width: 1009px;
	/* height: 319px; */
	/* border: solid 1px red; */
	margin: 80px auto;
}
.togglePart span{
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url('../images/saperate_d708287a.png');
	background-size: 100% 100%;
}
.togglePart > p{
	margin: 0 auto;
	text-align: center;
	color: #595757;
}
.togglePart > p:nth-child(1){
	font-size: 34px;
}
.togglePart > p:nth-child(2){
	font-size: 12px;
}
.toggleFrame{
	background-color: #ece5d9;
	height: 314px;
	width: 956px;
	position: relative;
	border: solid 2px #d7c8b1;
	margin-top: 84px;
	padding-bottom: 30px;
	color: #f8d8a5;
}
.connerDec{
	position: absolute;
	width: 10px;
	height: 10px;
	background-image: url('../images/saperate_d708287a.png');
	background-size: 100% 100%;
}
.connerDec:nth-child(2){
	right: 0;
}
.connerDec:nth-child(3){
	right: 0;
	bottom: 0;
}
.connerDec:nth-child(4){
	bottom: 0;
}
.togglePartImg{
	float: left;
	position: relative;
	width: 488px;
	height: 406px;
}
.togglePartImg>img{
	position: absolute;
	top: -30px;
	left: 30px;
	width: 100%;
	height: 100%;
}
.toggleWord{
	float: left;
	margin: 40px 0 0 80px;
	padding-right: 40px;
	background-image: url('../images/titlelogo_722beed5.png');
	background-position: right top;
	background-repeat: no-repeat;
}
.toggleWord>p{
	writing-mode: vertical-rl;
	height: 250px;
	font-size: 16px;
	font-family: 'SimSun';
	color: #595757;
	font-weight: bold;
	line-height: 25px;
}
.toggleBtn{
	position: absolute;
	width: 114px;
	height: 52px;
	border: solid 2px #d7c8b1;
	background-color: #bfa884;
	text-align: center;
	line-height: 52px;
	right: -57px;
}
.toggleOn{
	color: #fff;
}
.toggleBtn>span{
	position: absolute;
	top: 47px;
	left: 56px;
}
.toggleBtn:hover{
	cursor: pointer;
}
.jmbz{
	top: 85px;
}
.fxbg{
	bottom: 85px;
}
.newlazi{
	width: 1009px;
    margin: 150px auto 30px;
}
.newlazi p{
	text-align: center;
}
.newlazi > p:nth-child(1) {
    font-size: 34px;
}
.newlazi > p {
    margin: 0 auto;
    text-align: center;
    color: #595757;
}
.newlazi span{
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url('../images/saperate_d708287a.png');
	background-size: 100% 100%;
}
/* .newContent{
	border: solid 1px red;
} */
.newContent:after{
	display: block;
	content: "";
	clear: both;
}
.wingColumn{
	width: 313px;
	float: left;
}
.generalCard{
	width: 100%;
	/* padding-bottom: 130px; */
}
.generalCard img{
	width: 100%;
	height: 200px;
	margin-bottom: 27px;
}
.heightImg img{
	height: 336px;
}
.cardName{
	font-size: 22px;
	color: #3d3c3c;
}
.cardEnglishName{
	font-size: 12px;
	color: #3d3c3c;
	font-family: 'Simsun';
	margin: 17px 0;
}
.cardDesc{
	font-size: 18px;
	color: #3d3c3c;
	font-family: 'Simsun';
}
.departHline{
	width: 66px;
	border: solid 1px #7d7d7d;
	margin-bottom: 30px;
}
.quotFrame{
	height: 130px;
	background-image: url('../images/qoutframe_49267acd.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.bottomSpace{
	margin-bottom: 60px;
}
.topSpace{
	margin-top: 26px;
}
.vSpace{
	margin: 0 31px;
}
.productPlan{
	width: 100%;
}
.productPlan span{
	display: inline-block;
    width: 10px;
    vertical-align: middle;
    height: 10px;
    background-image: url('../images/saperate_d708287a.png');
    background-size: 100% 100%;
}
.productPlan>p:nth-child(1){
	font-size: 34px;
	text-align: center;
	color: #595757;
}
.englishDesc:nth-child(2){
	font-size: 12px;
	text-align: center;
	color: #595757;
}
.productContent{
	width: 100%;
	height: 1411px;
	background-image: url('../images/bigbac_f7f4c9bf.jpg');
	background-size: 100% 100%;
}
.circleContent{
	width: 720px;
	height: 720px;
	margin: 160px auto 0;
	background-image: url('../images/circles_d8f4c588.png');
	background-size: 100% 100%;
	position: relative;
}
.circleContent>img{
	position: absolute;
	width: 270px;
	height: 270px;
}
.circleContent>div{
	width: 175px;
	position: absolute;
	font-size: 18px;
	color: #595757;
	font-weight: bold;
}
.circleContentA{
	left: 50%;
	top: 0;
	-webkit-transform: translate(-50%,-18%);
	   -moz-transform: translate(-50%,-18%);
	    -ms-transform: translate(-50%,-18%);
	     -o-transform: translate(-50%,-18%);
	        transform: translate(-50%,-18%);
}
.circleContentB{
	left: 100%;
	top: 25%;
	-webkit-transform: translate(-50%);
	   -moz-transform: translate(-50%);
	    -ms-transform: translate(-50%);
	     -o-transform: translate(-50%);
	        transform: translate(-50%);
}
.circleContentC{
	left: 75%;
	top: 68%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.circleContentD{
	left: 25%;
	top: 68%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.circleContentE{
	/* left: 25%; */
	top: 25%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.circleWordA{
	text-align: center;
	left: 50%;
	top: -100px;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.circleWordB{
	text-align: right;
	left: 65%;
	top: 45%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.circleWordC{
	text-align: left;
	left: 35%;
	top: 45%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.circleWordD{
	text-align: center;
	left: 13%;
	top: 100%;
	-webkit-transform: translateY(100%);
	   -moz-transform: translateY(100%);
	    -ms-transform: translateY(100%);
	     -o-transform: translateY(100%);
	        transform: translateY(100%);
}
.circleWordE{
	text-align: center;
	right: 13%;
	top: 100%;
	-webkit-transform: translateY(100%);
	   -moz-transform: translateY(100%);
	    -ms-transform: translateY(100%);
	     -o-transform: translateY(100%);
	        transform: translateY(100%);
}
.beautyElegent{
	font-size: 34px;
    text-align: center;
    color: #595757;
}
.beautyElegent span{
	display: inline-block;
    width: 10px;
    vertical-align: middle;
    height: 10px;
    background-image: url('../images/saperate_d708287a.png');
    background-size: 100% 100%;
}
.beautyImg{
	width: 1000px;
	margin: 0 auto;
}
.beautyImg:after{
	clear: both;
	display: block;
	content: "";
}
.brandImgLeft{
	width: 312px;
	float: left;
}
.houseExampleFrame{
	width: 312px;
	height: 197px;
	margin-top: 24px;
}
.houseExampleFrame>img{
	width: 100%;
	height: 250px;
}
.brandImgRight{
	float: left;
	width: 656px;
	margin-left: 30px;
}
.brandMainImg>img{
	width: 100%;
	height: 269px;
}
.exampleImg{

}
.exampleImg>div{
	float: left;
}
.exampleImg>div:nth-child(1){
	width: 314px;
	height: 197px;
}
.exampleImg>div:nth-child(1)>img{
	width: 100%;
	height: 100%;
	margin-bottom: 31px;
}
.exampleImg>div:nth-child(2){
	width: 314px;
	height: 432px;
	margin-left: 25px;
}
.exampleImg>div:nth-child(2)>img{
	width: 100%;
	height: 432px;
}
.footer{
	width: 100%;
	height: 120px;
	background-color: #2b3040;
	margin-top: 100px;
}