* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-size: 14px;
	border: none;
	color: rgb(51, 51, 51);
	overflow-x: hidden;
	position: relative;
	font: "PingFang SC Regular", "Microsoft Yahei", "微软雅黑", "Arial", "Helvetica", "SimHei", "黑体", "STXihei", "华文细黑", sans-serif;
	margin: 0 auto;
}

body {
	overflow: hidden;
}

div {
	box-sizing: border-box;
}
a{
	color: rgb(51,51,51);
}
@font-face {
	font-family: 'DIN';
	/*字体名称*/
	src: url('../font/DIN-Medium.ttf');
	/*字体源文件*/

	src:
		url('../font/DIN-Medium.eot?#font-spider') format('embedded-opentype'),
		url('../font/DIN-Medium.woff') format('woff'),
		url('../font/DIN-Medium.ttf') format('truetype'),
		url('../font/DIN-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@keyframes jello {

	from,
	11.1%,
	to {
		-webkit-transform: none;
		-moz-transform: none;
		transform: none
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		-moz-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		-moz-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		-moz-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		-moz-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		-moz-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
		-moz-transform: skewX(0.390625deg) skewY(0.390625deg);
		transform: skewX(0.390625deg) skewY(0.390625deg)
	}

	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		-moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}

}

ul {
	display: inline-block;
	list-style-type: disc;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 0;
}

input,
textarea,
button,
select,
option {
	border: none;
}

input:focus,
textarea:focus,
button:focus,
select:focus,
option:focus {
	outline: none;
}

a {
	text-decoration: none;
}

ul,
li {
	list-style: none;
}

p {
	display: block;
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

img {
	max-width: 100%;
}
.black{
	color: #000!important;
}
.scroll{
	 position: fixed!important; left: 0!important; right: 0!important; top: 0!important; background: rgb(255,255,255)!important; padding: 16px 40px!important; box-shadow: 0 0 5px 0 rgba(0,0,0,0.1)!important;
}
.index {
	width: 100%;
}

.inner {
	
	margin: auto;
	min-width: 1200px;
	max-width: 1440px;
	
}

.change_r {
	background: rgb(200, 40, 45) !important;
	color: #fff !important;
}

.bga_w {
	background: rgb(223, 223, 223) !important;
}
.bgacolor{
	background: #fff!important;
}
/* banner样式 */
.slideBox_banner .prev,
.slideBox_banner .next {
	transition: all 0.6s;
	cursor: pointer;
	position: absolute;
	display: inline-block;
	padding: 20px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.8);
	bottom: 16vh;
	z-index: 9;
}

.slideBox_banner .prev {
	left: 200px;
}

.slideBox_banner .next {
	left: 290px;
}

.slideBox_banner .prev:hover,
.slideBox_banner .next:hover {
	background: rgba(159, 34, 36, 0.8);
}

.slideBox_banner .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}


/* 顶部导航栏 */
header {
	position: relative;
}

.headerNav {
	z-index:9999;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: space-between;
	left: 50px;
	right: 50px;
	margin: auto;
	top: 0;
	padding-top: 25px;
}

.headerNav_left {
	width: 20%;
}

.headerNav_right {
	width: 1200px;
	display: flex;
}

.headerNav_right li {
	width: calc(100% / 8);
	text-align: right;
}

.headerNav_right li a {
	color: #fff;
	font-size: 16px;
	position: relative;
	padding: 0 8px;
}

.headerNav_right li a:after {
	content: "";
	width: 0;
	height: 3px;
	position: absolute;
	background: darkred;
	top: 50%;
	right: 50%;
	transition: all .5s;
	z-index: -1;
}

.headerNav_right li a:hover:after {
	width: 100%;
	right: 0;

}

.headerPoint {
	display: flex;
	align-items: center;
	width: 90%;
}

.header_search {
	width: 10%;
	text-align: right;
	cursor: pointer;
}

header {
	position: relative;
}

.search_con {
	display: none;
	padding: 5px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 4px;
	position: absolute;
	right: 0px;
	top: 100px;
	width: 320px;
	box-shadow: 0 0 10px 0 rgb(0, 0, 0 ,.5);
	
}

.search_con input {
	height: 50px;
	padding: 0 5px;
	width: 100%;
}

/* 专注高端装修 */
.personBuild {
	padding: 100px 0 80px 0;
}

.personBuild_con {
	display: flex;
}

.personBuild_left {
	width: 47%;
	margin-right: 3%;
	overflow: hidden;
}

.personBuild_left img {
	transition: all 1.2s;
	width: 600px;
	height: 600px;
}

.personBuild_left img:hover {
	transform: scale(1.15);
}

.personBuild_right {
	width: 47%;
	margin-left: 3%;
	padding: 30px 0;
}

.personBuild_right>p:nth-child(1) {
	font-size: 43px;
	color: #000;
	line-height: 60px;
	margin-bottom: 35px;
	font-weight: bold;
}

.personBuild_right>p:nth-child(2) {
	color: #000;
	font-size: 24px;
	margin-bottom: 45px;
	display: flex;
	align-items: center;
	letter-spacing: 2px;
}

.personBuild_right>p:nth-child(2) img {
	margin-right: 15px;
}

.personBuild_right>p:nth-child(3) {
	color: rgb(102, 102, 102);
	line-height: 35px;
}

.viewMore {
	display: inline-block;
	font-size: 16px;
	color: rgb(102, 102, 102);
	padding: 20px 40px;
	border: 1px solid rgb(102, 102, 102);
	margin-top: 90px;
	position: relative;
	transition: all 1s;
}

.viewMore:after {
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	background: rgb(159, 34, 36);
	top: 0%;
	left: 0%;
	transition: all 1s;
	z-index: -1;
}

.viewMore:hover {
	color: #fff;
}

.viewMore:hover:after {
	width: 100%;
	right: 0;

}

.viewMore span {
	margin-left: 15px;
}

/* 为生活而设计 */
.designLive {
	background:#000000 url(../images/stylebg.jpg);
	background-repeat: no-repeat;

}

.designLive_title {
	text-align: center;
	padding-top: 60px !important;
	padding-bottom: 60px !important;
}

.designLive_title>p:nth-child(1) {
	font-size: 44px;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 25px;
	letter-spacing: 1px;
}

.designLive_title>p:nth-child(2) {
	color: rgba(255, 255, 255, 0.9);
	font-size: 16px;
	letter-spacing: 1px;
}

.ryzz {
	position: relative;
}

.ryzz .hd {
	position: absolute;
	bottom: -60px;
	width: 90%;
	justify-content: center;
	display: flex;
	z-index: 99;
}

.ryzz .prev,
.ryzz .next {
	cursor: pointer;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	height: 65px;
	line-height: 65px;
	box-sizing: border-box;
}

.swtichPrev img,
.swtichNext img {
	transition: all 1s;
}

.getlarge {
	transform: scale(1.3);
}

.getOp {
	opacity: 0.8;
}

.ryzz .next {
	width: 50%;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.ryzz .prev {
	width: 50%;
	position: relative;
	overflow: hidden;
	background: rgb(159, 34, 36);
}

.ryzz .hd ul {
	font-size: 0;
	zoom: 1;
	display: none;
}

.ryzz .bd {
	overflow: hidden;
}

.ryzz .bd ul {
	overflow: hidden;
	zoom: 1;
}

.ryzz .bd ul li {
	box-sizing: border-box;
	float: left;
	margin-right: 265px;
	max-height: 600px;
	height: 600px;
}

.ryzz .bd ul li img {
	height: 100%;
	width: 1200px;
	object-fit: cover;
	display: block;
}

.tempWrap {
	width: 100% !important;
}

.arrowCon {
	display: flex;
	position: absolute;
	width: 100%;
	bottom: 0;
}

.arrowCon a img {
	width: 10%;
}

.arrowCon a {
	width: 50%;
}

.chooseType {
	width: 500px;
	padding: 40px 0;
	background: rgba(255, 255, 255, 0.7);
	position: absolute;
	top: -490px;
	left: 850px;
	z-index: 999999;
	height: 330px;
}

.watchMore {
	position: relative;top: -283px;
    left: 452px;
    opacity: 0;
	width: 90px;
	height: 90px;
	overflow: hidden;
	transition: all 0.8s;
	transform: scale(0,0);
}
.chooseType:hover .watchMore{
	transform: scale(1,1);
	opacity:1;
}

.watchMore img {

	width: 90px;
	height: 90px;
}

.piclist_hide {
	display: none;
}

.chooseType>p:nth-child(1) {
	font-size: 30px;
	color: rgb(51, 51, 51);
	letter-spacing: 1px;
	margin-bottom: 30px;
	width: 80%;
	margin: auto;
}

.chooseType>p:nth-child(1)>span:nth-child(2) {
	margin-left: 20px;
}

.chooseType>p:nth-child(2) {
	line-height: 40px;
	width: 80%;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 15px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/* 更多风格 */
.moreStyle {
	height: 140px;
	display: flex;
	color: #fff;
	font-size: 16px;
	align-items: center;
}

.moreStyle_left {
	width: 8%;
	padding-right: 4%;
	border-right: 1px solid rgb(102, 102, 102);
	box-sizing: border-box;
	letter-spacing: 6px;
	height: 45px;
	line-height: 25px;
}

.moreStyle_right {
	width: 86%;
	padding-left: 3%;

}

.moreStyle_right a {
	display: inline-block;
	color: rgb(102, 102, 102);
	margin: 1px 10px;
	transition: all 0.6s;
	cursor: pointer;
	font-size: 15px;
	padding: 3px 8px;
	letter-spacing: 8px;
	text-indent: 8px;
	text-align: center;
}

.moreStyle_right a:hover {
	background: rgb(159, 35, 37);
	color: #fff;
}

/* 设计师高端云集 */
.designToge {
	padding-bottom: 120px;
}

.designToge_top>a:nth-child(2) {
	margin-right: 0 !important;
}

.designToge_top>a:nth-child(3) {
	margin-right: 0 !important;
}

.designToge_title {
	text-align: center;
	padding-top: 60px !important;
	padding-bottom: 60px !important;
}

.designToge_title>p:nth-child(1) {
	font-size: 44px;
	margin-bottom: 25px;
	letter-spacing: 1px;
}

.designToge_title>p:nth-child(2) {
	font-size: 16px;
	letter-spacing: 1px;
}

.designToge_top {
	display: flex;
	justify-content: space-between;
}
.designToge_top a{
	color: rgb(51,51,51);
}
.designToge_top>a:nth-child(1) {
	display: inline-block;
	width: 66.6%;
	margin-right: 15px;
}

.designToge_top>a:nth-child(2) {
	display: inline-block;
	width: 33.3%;
	margin-right: 15px;
}
.designToge_special,
.designToge_common{
	height: 282px;
	overflow: hidden;
}
.designToge_special_pic,
.designToge_common_pic {
	position: relative;
	
}
.designToge_special>li:nth-child(2) img{
	overflow: hidden;
}
.designToge_common_pic img{
}

.designToge_special {
	background: url(../images/design1.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: flex;
	padding:30px 25px;
	box-sizing: border-box;
}

.designToge_special_pic img,
.designToge_common_pic img {
	transition: all 0.8s;
}

.designToge_special_pic:before {
	content: "";
	position: absolute;
	width: 200px;
	height: 100%;
	top: 0;
	left: -150px;
	z-index: 10;
	overflow: hidden;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg);
}

.designToge_special:hover .designToge_special_pic:before {
	left: 150%;
	transition: left 1s ease 0s;
}

.designToge_special:hover .designToge_special_pic img {
	transform: scale(1.02);
	border-radius: 8px;
}

.designToge_special>li:nth-child(1) {
	width: 88%;
	margin-right: 5%;
}

.designToge_special>li:nth-child(1)>p:nth-child(1) {
	font-size: 22px;
	font-weight: bold;
	color: rgb(51, 51, 51);
	margin-bottom: 15px;
}

.designToge_special>li:nth-child(1)>p:nth-child(1) span {
	font-weight: normal;
	font-size: 15px;
	margin-left: 20px;
}

.designToge_special>li:nth-child(1)>p:nth-child(2) {
	color: rgb(51, 51, 51);
	padding-bottom: 10px;
	width: 100%;
	font-size: 15px;
	border-bottom: 1px solid rgb(120, 120, 120);
}

.designToge_special>li:nth-child(1)>p:nth-child(3) {
	color: rgb(51, 51, 51);
	padding-top: 15px;
	width: 100%;
	font-size: 15px;
	padding-bottom: 5px;
}

.designToge_special>li:nth-child(1)>p:nth-child(4),
.designToge_special>li:nth-child(1)>p:nth-child(5),
.designToge_special>li:nth-child(1)>p:nth-child(6),
.designToge_special>li:nth-child(1)>p:nth-child(7) {
	margin-top: 10px;
}

.designToge_special>li:nth-child(2) {
	overflow: hidden;
	width: 24%;
}

/* 2 */
.designToge_bottom>a {
	width: 33.3%;
}

.designToge_common {
	background: url(../images/design3.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: flex;
	padding: 30px 25px;
	box-sizing: border-box;
	height: 282px;
}

.designToge_common_pic:before {
	content: "";
	position: absolute;
	width: 200px;
	height: 100%;
	top: 0;
	left: -150px;
	z-index: 10;
	overflow: hidden;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg);
}

.designToge_common:hover .designToge_common_pic:before {
	left: 150%;
	transition: left 1s ease 0s;
}

.designToge_common:hover .designToge_common_pic img {
	transform: scale(1.02);
	border-radius: 8px;
}

.designToge_common>li:nth-child(1) {
	width: 60%;
	margin-right: 2%;
}

.designToge_common>li:nth-child(1)>p:nth-child(1) {
	font-size: 22px;
	font-weight: bold;
	color: rgb(51, 51, 51);
	margin-bottom: 15px;
}

.designToge_common>li:nth-child(1)>p:nth-child(1) span {
	font-weight: normal;
	font-size: 14px;
	margin-left: 20px;
}

.designToge_common>li:nth-child(1)>p:nth-child(2) {
	color: rgb(51, 51, 51);
	padding-bottom: 10px;
	width: 100%;
}

.designToge_common>li:nth-child(1)>p:nth-child(3) {
	color: rgb(51, 51, 51);
	width: 100%;
	padding-bottom: 25px;
}

.designToge_common>li:nth-child(1)>p:nth-child(4) {
	line-height: 27px;
	color: rgb(51, 51, 51);
	 text-overflow: -o-ellipsis-lastline;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 3;
	  line-clamp: 3;
	  -webkit-box-orient: vertical;
}

.designToge_common>li:nth-child(2) {
	width: 40%;
}

/* 下 */
.designToge_bottom {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.designToge_bottom>a:nth-child(2),
.designToge_bottom>a:nth-child(1) {
	margin-right: 10px;
}

/* 在施工地 */

.work_title {
	text-align: center;
	padding-top: 60px !important;
	padding-bottom: 60px !important;
	position: absolute;
	width: 1200px;
	left: 50%;
	margin-left: -600px;
}

.work_title>p:nth-child(1) {
	font-size: 44px;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 25px;
	letter-spacing: 1px;
}

.work_title>p:nth-child(2) {
	color: rgba(255, 255, 255, 0.9);
	font-size: 16px;
	letter-spacing: 1px;
}

.workPlace {
	background: url(../images/black.jpg);
	background-repeat: no-repeat;
	height: 700px;
}

.workPlace_common {
	cursor: pointer;
}

.workPlace_common>p:nth-child(1) {
	color: #fff;
	font-size: 16px;
	margin-bottom: 20px;
}

.workPlace_common>p:nth-child(2) {
	color: #fff;
	font-size: 30px;
	margin-bottom: 20px;
	font-family: 'DIN';
}

.workPlace_common>p:nth-child(2) span {
	font-size: 16px;
	margin-left: 8px;
	font-weight: normal;
}

.workPlace_common>p:nth-child(3) {
	color: #fff;
	line-height: 32px;
}

.workPlace_con {
	display: flex;
	height: 700px;
}

.workPlace_con_left {
	display: flex;
	width: 78%;
}

.workPlace_con_right {
	width: 32%;
}

.workPlace_con_left a {
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	z-index: 999;
}

.workPlace_con_right a {
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	z-index: 999;
}

.workPlace_con_left a p {
	width: 80%;
}

.workPlace_con_right a p {
	width: 80%;
}

.work_null {
	width: 12%;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.work_null::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	width: 100%;
	background: rgba(255, 255, 255, 0.3);
	height: 1px;
}

.work_1 {
	width: 28%;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	display: flex;
	align-content: center;
	flex-direction: column;
	justify-content: center;
	padding: 20px 30px;
	padding-top: 255px;
}

.work_1::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	width: 100%;
	background: rgba(255, 255, 255, 0.3);
	height: 1px;
}

.work_2 {

	display: flex;
	align-content: center;
	flex-direction: column;
	justify-content: center;
	padding: 20px 30px;
	padding-top: 0px;
	width: 32%;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.work_3 {
	width: 28%;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	display: flex;
	align-content: center;
	flex-direction: column;
	justify-content: center;
	padding: 20px 30px;
	padding-top: 395px;
}

.work_3::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 60%;
	width: 100%;
	background: rgba(255, 255, 255, 0.3);
	height: 1px;
}

.work_4 {
	width: 100%;
	height: 50%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	display: flex;
	align-content: center;
	flex-direction: column;
	justify-content: center;
	padding: 40px;
	padding-top: 155px;
}

.work_5 {
	width: 100%;
	height: 50%;
	padding: 40px 40px;
}

/* 灰色背景层 */

.getGrey_1 {
	position: absolute;
	content: '';
	background: rgba(0, 0, 0, 0.5);
	left: 0;
	top: 50%;
	bottom: 0;
	right: 0;
	opacity: 0;
	transition: all 1.6s;
	z-index: -9;
}

.getGrey_2 {
	position: absolute;
	content: '';
	background: rgba(0, 0, 0, 0.5);
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	transition: all 1.6s;
	z-index: -9;
}

.getGrey_3 {
	position: absolute;
	content: '';
	background: rgba(0, 0, 0, 0.5);
	left: 0;
	top: 60%;
	bottom: 0;
	right: 0;
	opacity: 0;
	transition: all 1.6s;
	z-index: -9;
}

.getGrey_4 {
	position: absolute;
	content: '';
	background: rgba(0, 0, 0, 0.5);
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	transition: all 1.6s;
	z-index: -9;
}

.getGrey_5 {
	position: absolute;
	content: '';
	background: rgba(0, 0, 0, 0.5);
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	transition: all 1.6s;
	z-index: -9;
}

/* 更好的服务体验 */

.betterFeel {
	background: url(../images/service.jpg);
	height: 370px;
	background-repeat: no-repeat;
	padding-top: 60px;
	padding-bottom: 80px;
	box-sizing: border-box;
}

.betterFeel>div:nth-child(1) {
	font-size: 22px;
	color: #fff;
	letter-spacing: 1px;
}

.betterFeel_con {
	display: flex;
	margin-top: 50px;
}

.betterFeel_con_left {
	margin-right: 5%;
}

.betterFeel_con_left>p:nth-child(1) {
	font-size: 17px;
	color: #fff;
	margin-bottom: 15px;
}

.betterFeel_con_left>p:nth-child(2) {
	font-size: 22px;
	color: #fff;
	margin-bottom: 10px;
}

.askNow {
	display: inline-block;
	background: rgb(159, 35, 37);
	text-align: center;
	width: 180px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	letter-spacing: 1px;
	color: #fff;
	margin-top: 20px;
	position: relative;
	cursor: pointer;
	transition: all 0.8s;
}

.betterFeel_con_right {
	display: flex;
	flex: 1;
}

.askNow:hover {
	transform: translateY(15px);
}

.betterFeel_common {
	position: relative;
	margin-right: 20px;
	cursor: pointer;
	transition: all 0.8s;
	color: rgb(51,51,51);
	width: 25%;
}
.betterFeel_con_right .betterFeel_common:last-of-type {
	margin-right: 0;
	
}
.betterFeel_common:hover {
	transform: translateY(15px);
}

.betterFeel_common:hover img {
	animation: jello 1s;
}

.betterFeel_common img {
	position: relative;
	left: 50%;
	top: 28px;
	margin-left: -29px;
}

.betterFeel_common p {
	width: 100%;
	height: 100px;
	text-align: center;
	line-height: 100px;
	font-size: 15px;
	background: #fff;
	letter-spacing: 1px;
}

/* 新闻资讯 */
.newsPage {
	background: url(../images/newsbg.jpg);
	background-repeat: no-repeat;
	height: 880px;
}

.newsPage_con {
	display: flex;
	flex-wrap: wrap;
}

.newsPage_con>a:nth-child(3n+3) {
	margin-right: 0;
}

.newsPage_common {
	width: 31%;
	display: inline-block;
	position: relative;
	box-shadow: 1px 1px 10px 1px rgb(220, 220, 220);
	box-sizing: border-box;
	height: 470px;
	margin-left: 2%;
	transition: all 1s;
	cursor: pointer;
	color: rgb(51,51,51);
}
.newsPage_common:nth-child(3n+1){margin-left: 0;}
.newsPage_common>p:nth-child(1) {
	background: rgb(8, 16, 57);
	height: 160px;
	transition: all 1s;
}



.newsPage_common:hover .newsPage_common_color {
	background: rgb(159, 34, 36);
}
.newsPage_common:hover {
	transform: translateY(15px);
}
.newsPage_pic {
	width: 84%;
	position: absolute;
	top: 45px;
	left: 8%;
	overflow: hidden;
}

.newsPage_pic img {
	transition: all 1s;
	width: 377px;
	height: 200px;
}

.newsPage_common:hover .newsPage_pic img {
	transform: scale(1.3);
}

.newsPage_word {
	margin-top: 110px;
	padding: 0 25px;
}

.newsPage_word>p:nth-child(1) {
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 20px;
	font-weight: 700;
}

.newsPage_word>p:nth-child(2) {
	line-height: 26px;
	margin-bottom: 20px;
	color: rgb(136, 136, 136);
}

.newsPage_word>div:nth-child(3) {
	display: flex;
	justify-content: space-between;
	color: rgb(136, 136, 136);
	font-size: 13px;
}

/* 友情链接 */
.friendlyLink {
	margin-top: 80px;
	display: flex;
	align-items: center;
}

.friendlyLink>p {
	color: #000;
	font-size: 16px;
	margin-right: 45px;
}

.friendlyLink a {
	margin-right: 45px;
	color: rgb(102, 102, 102);
	position: relative;
	z-index: 10;
	padding-bottom: 3px;
}

.friendlyLink a:after {
	content: "";
	width: 0;
	height: 3px;
	position: absolute;
	background: darkred;
	top: 100%;
	right: 50%;
	transition: all .5s;
	z-index: -1;
}

.friendlyLink a:hover:after {
	width: 100%;
	right: 0;

}

/* footer */
footer {
	background: url(../images/footer.jpg);
	background-repeat: no-repeat;
	height: 540px;
	padding: 70px 0;
	box-sizing: border-box;
}

.footer_top {
	display: flex;
}

.footer_belong {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
	margin-top: 120px;
}

.footer_belong span {
	margin-left: 15px;
}.footer_belong a{
	color: #fff;
}

/* 左 */
.footer_left {
	width: 30%;
}

.footer_left>img:nth-child(1) {
	margin-bottom: 45px;
}

.footer_left>p:nth-child(2) {
	line-height: 28px;
	color: #fff;
	margin-bottom: 60px;
}

.footer_left>div:nth-child(3)>a:nth-child(1) {
	margin-right: 15px;
}

/* 中 */
.footer_middle {
	width: 56%;
	margin-left: 4%;
}

.footer_middle_link a {
	color: #fff;
	margin-right: 15px;
	position: relative;
	z-index: 10;
	padding-bottom: 3px;
}

.footer_middle_link a:after {
	content: "";
	width: 0;
	height: 3px;
	position: absolute;
	background: darkred;
	top: 100%;
	right: 50%;
	transition: all .5s;
	z-index: -1;
}

.footer_middle_link a:hover:after {
	width: 100%;
	right: 0;

}

.footer_middle_add {
	margin-top: 50px;
}

.footer_middle_add p {
	color: #fff;
	margin-bottom: 25px;
}

/* 右 */
.footer_right {
	width: 20%;
	margin-left: 4%;
}

.footer_right_tel {
	margin-bottom: 40px;
}

.footer_middle_link>a:last-child {
	margin-right: 0;
}

.footer_right_tel>p:nth-child(1) {
	color: #fff;
}

.footer_right_tel>p:nth-child(2) {
	color: #fff;
	font-size: 18px;
	margin-top: 15px;
}

.footer_right_ewm {
	display: flex; 
}

.footer_right_ewm>div:nth-child(1) {
	margin-right: 20px;
}

.footer_right_ewm>div p {
	text-align: center;
	color: #fff;
	margin-top: 15px;
}

@media (min-width:1700px) {
	.chooseType {
		left: 1000px;
		top: -490px;
	}
}

@media (max-width:1370px) {
	.chooseType {
		left: 56vw;
	}
}

/* 案例 */
.insidePrev,
.insideNext {
	transition: all 0.6s;
	cursor: pointer;
	position: absolute;
	display: inline-block;
	padding: 20px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.8);
	bottom: 16vh;
	z-index: 9;
}

.insidePrev {
	left: 200px;
}

.insideNext {
	left: 290px;
}

.slideBox_banner .prev:hover,
.slideBox_banner .next:hover {
	background: rgba(159, 34, 36, 0.8);
}

.swiper-slide {
	width: 1310px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.caseBannerword {
	position: absolute;
}

.caseBannerword_top {
	color: #fff;
	font-size: 42px;
	margin-bottom: 40px;
	letter-spacing: 3px;
}

.caseBannerword_top span {
	letter-spacing: 0;
	margin: 0 10px;
}

.caseBannerword_bottom {
	color: #fff;
	font-size: 18px;
	word-spacing: 4px;
	text-align: center;
	letter-spacing: 1px;
	font-family: 'DIN';
}

/* 公共位置 */
.nowLocal_container {
	background: rgb(245, 245, 245);
	position: relative;
}
.nowLocal_container::after{
	position: absolute;
	content: "";
	right: 0;
	top: 0;
	height: 100%;
	width: 30%;
	background: rgb(200, 40, 45);
	z-index: 0;
}
.nowLocal {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.nowLocal_left {
	height: 90px;
	line-height: 90px;
	display: flex;
	align-items: center;
	letter-spacing: 1px;
	font-size: 15px;
}

.nowLocal_left>img:nth-child(1) {
	width: 18px;
	height: 24px;
	margin-right: 12px;
}

.nowLocal_left>p:nth-child(2) {
	color: rgb(102, 102, 102);
	margin-right: 20px;
}

.nowLocal_left>a:nth-child(3) {
	color: rgb(102, 102, 102);
	cursor: pointer;
}

.nowLocal_left>a:nth-child(3):hover {
	color: rgb(200, 40, 45);
}

.nowLocal_left>p:nth-child(4) {
	color: rgb(102, 102, 102);
	margin: 0 20px;
}

.nowLocal_left>a:nth-child(5) {
	color: rgb(102, 102, 102);
	cursor: pointer;
}

.nowLocal_left>a:nth-child(5):hover {
	color: rgb(200, 40, 45);
}

/* 右 */
.nowLocal_right {
	display: flex;
	align-items: center;
	height: 90px;
	line-height: 90px;
	background: rgb(200, 40, 45);
	padding: 20px 0 20px 20px;
	
	box-sizing: border-box;
	width: 35%;
	z-index: 1;
}

.nowLocal_right_con {
	padding: 0 20px;
	height: 50px;
	background-color: #fff;
	color: rgb(102, 102, 102);
	display: flex;
	align-items: center;
	width: 100%;
}

.nowLocal_right_con input {
	border-right: 1px solid rgb(170, 170, 170);
	font-size: 15px;
	letter-spacing: 1px;
	width: 90%;
}

.nowLocal_right_con img {
	width: 20px;
	height: 20px;
	margin-left: 25px;
	position: relative;
	top: 3px;
}

/* 风格样式 */
.muchStyle_container {
	margin: auto;
	margin-top: 20px;
	margin-bottom: 50px;
}

.muchStyle_common {
	display: flex;
	letter-spacing: 1px;
	padding: 20px 0px;
	border-bottom: 1px solid rgb(220, 220, 220);
}

.muchStyle_common>p:nth-child(1) {
	width: 60px;
	font-weight: bold;
}

.muchStyle_common>div:nth-child(2) {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.muchStyle_common>div:nth-child(2) a {
	margin: 0 10px;
	padding: 4px 15px;
	color: rgb(51, 51, 51);
	margin-bottom: 5px;
}

.much_r {
	background: rgb(200, 40, 45);
	color: #fff !important;
}

/* 朗诗新郡 */
.slideBox_case {
	position: relative;
}

.slideBox_case .prev,
.slideBox_case .next {
	transition: all 0.6s;
	cursor: pointer;
	position: absolute;
	display: inline-block;
	padding: 25px 18px;
	background: rgba(124, 125, 128, 0.6);
	top: 50%;
	z-index: 9;
	margin-top: -25px;
}

.slideBox_case .prev {
	left: 0px;
}

.slideBox_case .next {
	right: 0;
}

.slideBox_case .prev:hover,
.slideBox_case .next:hover {
	background: rgba(124, 125, 128, 0.9);
}

.slideBox_case .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}
.slideBox_case .bd ul{
	width: 100%;
}

.caseDesign_common {
	display: flex;
	width: 100% !important;
	background: rgb(242, 242, 242);
}

.caseDesign_pic {
	width: 60%;
	overflow: hidden;
	float: left;
	height: auto;
	position: relative;
}
.slideBox_case ul{width: 100%;}
.caseDesigner {
	width: 40%;
	padding: 35px 0;
	background: rgb(242, 242, 242);
	float: right;
	height: 100%;
	box-sizing: border-box;
}

.caseDesigner>p:nth-child(1) {
	font-size: 20px;
	letter-spacing: 1px;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 0 45px;
}

.caseDesigner_intro {
	display: flex;
	padding: 0 45px;
	align-items: center;
}

.caseDesigner_intro>p {
	line-height: 16px;
}

.caseDesigner_intro>p:nth-child(1) {
	padding-right: 20px;
	letter-spacing: 1px;
}

.caseDesigner_intro>p:nth-child(2) {
	padding-right: 25px;
	padding-left: 25px;
	border-right: 1px solid rgb(70, 70, 70);
	border-left: 1px solid rgb(70, 70, 70);
	letter-spacing: 1px;
}

.caseDesigner_intro>p:nth-child(3) {
	letter-spacing: 1px;
	padding-left: 20px;
}

.caseDesigner>div:nth-child(3) {
	margin-top: 20px;
	color: rgb(102, 102, 102);
	line-height: 28px;
	margin-bottom: 25px;
	padding: 0 45px;
}

.caseDesigner>div:nth-child(4) {
	padding-top: 25px;
	border-top: 1px solid rgb(220, 220, 220);
}

.caseDesigner_detail {
	width: 80%;
	margin: auto;
	display: flex;
	align-items: center;
}

.caseDesigner_detail>img:nth-child(1) {
	width: 94px;
	height: 92px;
	margin-right: 25px;
}

.caseDesigner_detail>div:nth-child(2)>p:nth-child(1) {
	font-size: 16px;
	font-weight: bold;
	margin-right: 12px;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

.caseDesigner_detail>div:nth-child(2)>p:nth-child(1) span {
	font-size: 14px;
	font-weight: normal;
}

.caseDesigner_detail>div:nth-child(2)>p:nth-child(2) span {
	letter-spacing: 1px;
	margin-right: 25px;
}

.caseDesign_link {
	margin-top: 40px;
	display: flex;
	position: absolute;
	bottom: 8%;
}

.caseDesign_link a {
	display: inline-block;
	margin-left: 55px;
	width: 120px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: rgb(200, 40, 45);
	text-align: center;
	border-radius: 5px;
	letter-spacing: 1px;
	margin-right: -25;
	cursor: pointer;
	border: 1px solid rgb(200,40,45);
}
.caseDesign_link>a:nth-child(2){
	background: rgb(250,250,250)!important;
	color: rgb(200,40,45)!important;
}

.caseExa {
	margin: 50px auto;
}

.caseExa_con {
	display: flex;
	flex-wrap: wrap;
}
.caseExa_con>div:nth-child(3n+3){
	margin-right: 0!important;
}
.caseExa_common {
	width: 32%;
	display: inline-block;
	margin-right: 2%;
	cursor: pointer;
	position: relative;
	transition: all 0.8s;
	box-shadow: 1px 1px 10px 1px rgba(220, 220, 220, 0.8);
	margin-bottom: 40px;
	color: rgb(51,51,51);
}

.caseExa_con>a:nth-child(3n+3) {
	margin-right: 0;
}

.caseExa_pic {
	height: auto;
	overflow: hidden;
}

.caseExa_pic img {
	width: 100%;
	height: auto;
	transition: all 0.8s;
	display: block;
}

.caseExa_common_bottom {
	padding: 15px 15px 20px 15px;
	background: #fff;
}

.caseExa_word>p:nth-child(1) {
	font-size: 18px;
	letter-spacing: 1px;
	color: #141418;
}

.caseExa_word>p:nth-child(2) {
	color: rgb(102, 102, 102);
	margin-top: 15px;
}

.caseExa_hide {
	position: absolute;
	bottom: 0px;
	right: 10px;
	opacity: 0;
	transition: all 0.8s;
}

.caseExa_hide>p:nth-child(1) {
	width: 80px;
	height: 80px;
	background: url(../images/case4.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.caseExa_hide>p:nth-child(1) span {
	color: rgba(255, 255, 255, 0.8);
	font-size: 10px;
	position: relative;
	top: 53px;
	left: 22px;
}

.case_color {
	background: rgb(200, 40, 45);
	width: 70px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	border-radius: 5px;
	color: #fff;
	letter-spacing: 1px;
	margin: auto;
	margin-top: 15px;
}

.caseExa_common:hover .caseExa_hide {
	opacity: 1;
	bottom: 15px;
}

.caseExa_common:hover {
	transform: translateY(-15px);
}

.caseExa_common:hover .caseExa_common_bottom {
	background: rgba(0, 0, 0, 0.1);

}

.caseExa_common:hover .caseExa_pic img {
	transform: scale(1.05);
}

.caseExa_hide .people{height: 80px; width: 80px; border: 3px solid #ffffff; position: relative;  border-radius: 50%; overflow: hidden;} 
.caseExa_hide .people img{display: block; max-height: 100%; margin: 0 auto ; width: 100%; height: 100%; object-fit: cover;}
.caseExa_hide .people span{position: absolute; bottom: 0; height: 30px; line-height: 30px; width: 100%; text-align: center; background:rgba(0,0,0,.5); color: #ffffff; display: block;}
/* 换页 */
.changePage_con {
	margin-bottom: 100px;
}

.changePage {
	display: flex;
	align-items: center;
	justify-content: center;
}

.changePage a {
	margin-right: 25px;
	padding: 10px 15px;
	border: 1px solid rgb(220, 220, 220);
	border-radius: 50%;
	font-size: 13px;
	transition: all 0.6s;
	color: rgb(102, 102, 102);
	box-sizing: border-box;
	display: inline-block;
}

.changePage>a:last-child {
	margin-right: 0;
	border-radius: 20px;
	padding: 10px 20px;
	letter-spacing: 1px;
}

.changePage>a:first-child {
	border-radius: 20px;
	padding: 10px 20px;
	letter-spacing: 1px;
}

.changePage a:hover {
	background: rgb(200, 40, 45);
	color: #fff;
	border: none;
	border: 1px solid rgb(200, 40, 45);
}

/* 案例详情 */
.caseDetail {
	margin: auto;
	position: relative;
	margin-top: 50px;
}

.caseDetail_con {
	/*overflow: hidden;*/
	display: flex;
	justify-content: space-between;
}

.caseDetail_left {
	width: 55%;
	padding-right: 2%;
	margin-top: 10px;
	box-sizing: border-box;
	flex: 1;
}

.caseDetail_left_common {}

.caseDetail_pic {
	overflow: hidden;
	margin-bottom: 20px;
}

.caseDetail_pic img {
	width: 756px;
	height: 426px;
	transition: all 1.6s;
}

.caseDetail_word1 {
	font-size: 16px;
	color: rgb(51, 51, 51);
	letter-spacing: 1px;
	margin-bottom: 25px;
}

.caseDetail_word2 {
	color: rgb(102, 102, 102);
	line-height: 28px;
	margin-bottom: 20px;
}

.addZan {
	display: inline-block;
	width: 120px;
	text-align: center;
	background: transparent;
	border-radius: 30px;
	padding: 10px 0;
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid rgb(200, 40, 45);
	margin-top: 35px;
	cursor: pointer;
}

.addZan:hover .givezan {
	animation: jello 1s;
}

.addZan img {
	width: 22px;
	height: 21px;
	margin-bottom: 6px;
	display: block;
}

.addZan p {
	font-size: 13px;
	color: rgb(120, 120, 120);
}

.changeCase {
	margin-top: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 50px;
	margin-left: 8px;
}

.changeCase a {
	width: 48%;
	margin-right: 4%;
	color: rgb(51, 51, 51);
	letter-spacing: 1px;
	padding: 18px 0;
	text-align: center;
	background: rgb(245, 245, 245);
	border-radius: 4px;
	transition: all 0.8s;
	cursor: pointer;
	color: rgb(51,51,51);
}
.changeCase a:hover{
	box-shadow: 1px 1px 10px 1px rgb(200,40,45);
	transform: translateY(15px);
}
.changeCase>a:nth-child(2) {
	margin-right: 0;
}

/* 右 */
.caseDetail_right {
	background: #fff;
	width:550px;
	margin-top: 10px;    margin-bottom:80px;


}
.caseDetail_right_con{
	background: #fff;
	box-shadow: 1px 1px 10px 1px rgb(220 220 220);
	width:550px;
	
}
.caseDetail>div:nth-child(1) {
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

.caseDetail_left_intro {
	padding-top: 40px;
}

.caseDetail_left_title {
	display: flex;
	justify-content: space-between;
	padding: 0 30px;
	margin-bottom: 35px;
}

.caseDetail_left_title>p:nth-child(1) {
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 22px;
}

.caseDetail_left_title>p:nth-child(2)>a {
	margin-right: 3px;
}

.caseDetail_left_title>p:nth-child(2)>a img {
	width: 26px;
	height: 26px;
}

.grey_line {
	height: 1px;
	background: rgb(220, 220, 220);
}

.caseDetail_intro_mess {
	margin-top: 25px;
	padding: 0 30px;
	letter-spacing: 1px;
}

.caseDetail_intro_mess>ul {
	display: flex;
}

.caseDetail_intro_mess>ul>li:nth-child(1) {
	margin-right: 60px;
}

.caseDetail_intro_mess>ul li p {
	margin-bottom: 12px;
	font-size: 13px;
}

.caseDetail_intro_exa {
	margin-bottom: 30px;
	padding: 0 30px;
	margin-top: 30px;
}

.intro_exa_title {
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: bold;
}

.intro_exa_content {
	font-size: 13px;
	margin-bottom: 10px;
	line-height: 32px;
}

.caseDetail_designer {
	display: flex;
	align-items: center;
	padding: 20px 30px;
	background: rgb(245, 245, 245);
}

.caseDetail_designer>img:nth-child(1) {
	width: 120px;
	height: 140px;
	margin-right: 25px;
}

.caseDetail_designer_mess {
	letter-spacing: 1px;
}

.mess_name span {
	font-size: 16px;
	font-weight: bold;
	margin-right: 15px;
}

.mess_exper {
	margin-top: 10px;
}

.mess_exper span {
	margin-right: 15px;
}

.mess_link {
	display: flex;
	align-items: center;
	margin-top: 10px;
	transition: all 0.8s;
}

.mess_link>li:nth-child(1) a {
	display: inline-block;
	width: 100px;
	text-align: center;
	color: #FFF;
	height: 35px;
	line-height: 35px;
	background: rgb(200, 40, 45);
	border-radius: 4px;
	margin-right: 15px;
    cursor: pointer;
}



.mess_link>li:nth-child(2) {
	font-size: 13px;
}

.mess_link>li:nth-child(2) span {
	color: rgb(200, 40, 45);
	letter-spacing: 0;
}

/* 相关案例推荐 */
.aboutCase {
	background: rgb(245, 245, 245);
	padding-bottom: 50px;
}

.aboutCase_title {
	padding: 45px 0 40px 0;
}

.aboutCase_title>p {
	font-size: 32px;
	letter-spacing: 1px;
}

.aboutCase_title>p span {
	word-spacing: 5px;
	font-size: 15px;
	padding-left: 5px;

}

.aboutCase_con {
	display: flex;
	flex-wrap: wrap;
}

.aboutCase_common {
	width: 31.6%;
	    display: inline-block;
	    margin-right: 2.5%;
	    cursor: pointer;
	    position: relative;
	    transition: all 0.8s;
	    box-shadow: 1px 1px 10px 1px rgb(220 220 220 / 80%);
	    margin-bottom: 40px;
}

.aboutCase_con>a:nth-child(3n+3) {
	margin-right: 0;
}

.aboutCase_pic {
	height: 280px;
	overflow: hidden;
}

.aboutCase_pic img {
	width: 456px;
	height: 280px;
	transition: all 0.8s;
}

.aboutCase_word {
	padding: 15px 15px 20px 15px;
	background: #fff;
}

.aboutCase_word>p:nth-child(1) {
	font-size: 16px;
	letter-spacing: 1px;
}

.aboutCase_word>p:nth-child(2) {
	color: rgb(102, 102, 102);
	margin-top: 15px;
}

.aboutCase_link {
	position: absolute;
	left: -14px;
	bottom: 120px;
	transition: all 0.8s;
	width: 0;
	height: 68px;
	background: url(../images/tri.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: flex;
	padding: 0px 0;
	box-sizing: border-box;
	opacity: 0;
	flex-direction: column;
	text-align: center;
	padding-top: 8px;
}

.aboutCase_link p {
	color: #fff;
	font-size: 12px;
}

.aboutCase_link>p:nth-child(1) {
	margin-bottom: 5px;
	font-size: 13px;
}

.aboutCase_common:hover .aboutCase_link {
	width: 163px;
	opacity: 1;
}

.aboutCase_common:hover {
	transform: translateY(-15px);
}

.aboutCase_common:hover .aboutCase_word {
	background: rgba(0, 0, 0, 0.1);

}

.aboutCase_common:hover .aboutCase_pic img {
	transform: scale(1.05);
}

/* 换一批 */
.changeGroup {
	width: 180px;
	text-align: center;
	border: 1px solid rgb(102, 102, 102);
	border-radius: 30px;
	padding: 11px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	transition: all 0.8s;
}

.changeGroup a img {
	margin-right: 15px;
}

.changeGroup a {
	color: rgb(51, 51, 51);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.changeGroup:hover {
	background: rgb(200, 40, 45);
	border: 1px solid rgb(200, 40, 45);
	color: #FFFFFF;
}

.changeGroup:hover a {
	color: #fff;
}

.caseDetail_pic img:hover {
	transform: scale(1.2);
}

/* 关于我们 */
.aboutUs {
	margin-top: 50px;
	overflow: hidden;
	position: relative;
	height: 555px;
}

.aboutUs_bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;

	height: 565px;
	width: 1552px;
}

.aboutUs_bg img {
	height: 565px;
	width: 1552px;
}

.aboutUs_bg2 {
	position: absolute;
	right: 0;
	top: 0;
	z-index: -2;
}

.aboutUs_con {
	display: flex;
	padding: 0 0px 40px 40px;
	background: #FFFFFF;
}

.aboutUs_left {
	overflow: hidden;
	width: 50%;
}

.aboutUs_left img {
	width: 702px;
	height: 452px;
}

.aboutUs_right {
	width: 50%;
	padding-top: 25px;
}

.about_left_title {
	display: flex;
	justify-content: space-between;
	padding: 0 30px;
	margin-bottom: 25px;
}

.about_left_title>p:nth-child(1) {
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 22px;
}

.about_left_title>p:nth-child(2)>a {
	margin-right: 3px;
}

.about_left_title>p:nth-child(2)>a img {
	width: 26px;
	height: 26px;
}

.aboutUs_right {
	height: 452px;
	overflow-y: auto;
}

.aboutUs_right {
	overflow-x: hidden;
	overflow-y: auto;
	color: #000;
}

.aboutUs_right::-webkit-scrollbar {
	width: 4px;
	/*height: 4px;*/
}

.aboutUs_right::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(200, 40, 45, 0.8);
	background: rgba(200, 40, 45, 0.8);
}

.aboutUs_right::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(220, 220, 220, 0.8);
	border-radius: 0;
	background: rgba(220, 220, 220, 0.8);

}

/* 业主回馈信息 */
.returnNews_title {
	padding: 70px 0 30px 0;
	width: 347px;
	text-align: center;
	margin: auto;
	position: relative;
}

.returnNews_title>img {
	width: 347px;
	height: 28px;
}

.returnNews_title>p:nth-child(2) {
	font-size: 32px;
	letter-spacing: 2px;
	position: absolute;
	top: 62px;
	width: 100%;
}

.returnNews_title>p:nth-child(3) {
	font-size: 16px;
	letter-spacing: 1px;
	color: rgb(136, 136, 136);
	margin-top: 15px;
}

/* 业主回馈轮播 */
.slideBox_about {
	position: relative;
	width: 100%;
	display: flex;
	padding-bottom: 80px;
}

.slideBox_about .hd {
	z-index: 1;
	position: absolute;
	bottom: 50px;
	overflow: hidden;
	width: 100%;
	display: flex;
	justify-content: center;
	align-content: center;
}

.slideBox_about .hd ul {
	overflow: hidden;
	zoom: 1;
}

.slideBox_about .hd ul li {
	transition: all 0.8s;
	width: 8px;
	height: 8px;
	background: rgb(200, 40, 45);
	border-radius: 50%;
	float: left;
	margin-right: 10px;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
}

.slideBox_about .hd ul li.on {
	box-sizing: border-box;
	width: 20px;
	height: 8px;
	border-radius: 8px;
	background: rgb(200, 40, 45);
}

.slideBox_about .bd {
	position: relative;
	z-index: 0;
}

.slideBox_about .bd li {
	zoom: 1;
	padding: 20px 0 30px 0;
}


.aboutReturn_con {
	display: flex;
}

.aboutReturn_common {
	width: 33.3%;
	box-sizing: border-box;
	margin-right: 35px;
	padding: 25px;
	box-shadow: 1px 1px 8px 1px rgb(220, 220, 220);
	display: inline-block;
	color: rgb(51, 51, 51);
	transition: all 0.8s;
}

.aboutReturn_con {
	margin: 0 7px;
}

.aboutReturn_con>a:last-child {
	margin-right: 0;
}

.aboutReturn_top {
	display: flex;
	align-items: center;
}

.aboutReturn_top_pic {
	overflow: hidden;
}

.aboutReturn_top_pic img {
	width: 90px;
	height: 90px;
	margin-right: 15px;
}

.aboutReturn_top_word {
	margin-bottom: 20px;
}

.aboutReturn_top_word>p:nth-child(1) {
	letter-spacing: 1px;
	font-size: 16px;
	margin-bottom: 13px;
	margin-top: 15px;
}

.aboutReturn_top_word>p:nth-child(2) {
	letter-spacing: 1px;
	font-size: 13px;
}

.aboutReturn_top_word>p:nth-child(2)>span:nth-child(1) {
	border-right: 1px solid rgb(100, 100, 100);
	padding-right: 15px;
	line-height: 14px;
	display: inline-block;
	height: 14px;
}

.aboutReturn_top_word>p:nth-child(2)>span:nth-child(2) {
	padding-left: 10px;
}

.aboutReturn_middle {
	line-height: 28px;
	margin-bottom: 20px;
	font-size: 13px;
	margin-top: 10px;
}

.aboutReturn_bottom {
	display: flex;
}

.aboutReturn_bottom_pic {
	overflow: hidden;
	width: 152px;
	height: 95px;
}

.aboutReturn_bottom_pic>img {
	width: 152px;
	height: 95px;
	transition: all 1.2s;
}

.aboutReturn_bottom p:nth-child(1) {
	margin-right: 15px;
}

.aboutReturn_common:hover {
	transform: translateY(15px);
	/* box-shadow: 1px 1px 10px 1px rgba(200,40,45,0.6); */
}

.aboutReturn_common:hover .aboutReturn_bottom_pic img {
	transform: scale(1.2);
}

/* 红点大事件 */
.returnNews_title_w {
	padding: 90px 0 50px 0;
	width: 347px;
	text-align: center;
	margin: auto;
	position: relative;
}

.returnNews_title_w>img {
	width: 347px;
	height: 28px;
}

.returnNews_title_w>p:nth-child(2) {
	font-size: 32px;
	letter-spacing: 2px;
	position: absolute;
	top: 82px;
	width: 100%;
	color: #fff;
}

.returnNews_title_w>p:nth-child(3) {
	font-size: 16px;
	letter-spacing: 1px;
	color: rgb(136, 136, 136);
	margin-top: 15px;
	color: #fff;
}

.bigEvent {
	background-image: url(../images/event.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 800px;
	position: relative;
	margin-top: 10px;
}

.bigEvent::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
}

.eventDetail {
	overflow-x: hidden;
	overflow-y: auto;
	color: #000;
}

.eventDetail::-webkit-scrollbar {
	width: 4px;
	/*height: 4px;*/
}

.eventDetail::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(200, 40, 45, 0.8);
	background: rgba(200, 40, 45, 0.8);
}

.eventDetail::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(220, 220, 220, 0.8);
	border-radius: 0;
	background: rgba(220, 220, 220, 0.8);

}

/* 红点装饰理念 */
.returnNews_title_common {
	padding: 70px 0 50px 0;
	width: 347px;
	text-align: center;
	margin: auto;
	position: relative;
}

.returnNews_title_common>img {
	width: 347px;
	height: 28px;
}

.returnNews_title_common>p:nth-child(2) {
	font-size: 32px;
	letter-spacing: 2px;
	position: absolute;
	top: 62px;
	width: 100%;
}

.returnNews_title_common>p:nth-child(3) {
	font-size: 16px;
	letter-spacing: 1px;
	color: rgb(136, 136, 136);
	margin-top: 15px;
}

.compThink {
	display: flex;
	flex-wrap: wrap; justify-content:  space-between ;
	margin-bottom: 80px;
	margin-top: 10px;
}

.compThink_common {
	width: 216px;
	background-repeat: no-repeat;
	background: url(../images/thinkbg.jpg);
	text-align: center;
	box-sizing: border-box;
	box-shadow: 1px 1px 8px 1px rgb(220, 220, 220);
	margin-right: 30px;
	padding: 50px 30px;
	transition: all 0.8s;
}

.compThink>a:nth-child(5n+5) {
	margin-right: 0;
}

.think_pic {
	width: 50px;
	height: 50px;
}

.compThink_common>p:nth-child(2) {
	color: rgb(51, 51, 51);
	font-size: 16px;
	letter-spacing: 1px;
	margin-top: 20px;
}

.compThink_common>p:nth-child(3) {
	height: 2px;
	width: 25px;
	background: rgb(170, 170, 170);
	margin: auto;
	margin-top: 15px;
	margin-bottom: 30px;
}

.compThink_common>p:nth-child(4) {
	font-size: 13px;
	color: rgb(102, 102, 102);
	line-height: 28px;
}

.compThink_common:hover {
	transform: translateY(20px);
}

.compThink_common:hover .think_pic {
	animation: jello 1s;
}

/* 联系我们 */
.contactUs {
	margin-top: 40px;
}

.contactUs_con {
	display: flex;
	background: #fff;
}

.contactUs_left {
	padding-top: 20px;
	width: 38%;
	align-items: center;
	margin-right: 2%;
}

.contactUs_left>p:nth-child(1) {
	width: 90px;
	height: 2px;
	background: rgb(200, 40, 45);
	margin-bottom: 30px;
}
.contactUs_left p span{
	line-height: 24px;
}
.contactUs_left>p:nth-child(2) {
	font-size: 24px;
	margin-bottom: 30px;
}

.contactUs_left>p:nth-child(3) {
	font-size: 17px;
	margin-bottom: 50px;
}

.contactUs_left>div:nth-child(4) p {
	margin-bottom: 22px;
	display: flex;
	align-items: center;
	cursor: default;
	transition: all 0.8s;
}

.contactUs_left>div:nth-child(4) p:hover {
	transform: translateY(10px);
}

.contactUs_left>div:nth-child(4) p:hover .contact_pic {
	animation: jello 1s;
}

.contactUs_left>div:nth-child(4) p img {
	width: 38px;
	height: 38px;
	margin-right: 25px;
}

.contactUs_right {
	width: 60%;
	height: 450px;
}

.togeMess_title {
	padding: 70px 0 50px 0;
	width: 347px;
	text-align: center;
	margin: auto;
}

.togeMess_title>p:nth-child(1) {
	font-size: 32px;
	letter-spacing: 2px;
	width: 100%;
}

.togeMess_title>p:nth-child(2) {
	font-size: 16px;
	letter-spacing: 1px;
	color: rgb(136, 136, 136);
	margin-top: 15px;
}

.togeMess_con {
	margin-bottom: 120px;
}

.togeMess_commom {
	display: flex;
	margin-bottom: 40px;
}

.togeMess_commom>input:nth-child(2) {
	margin-right: 0;

}

.togeMess_commom input {
	width: 50%;
	border: 1px solid rgb(220, 220, 220);
	border-radius: 4px;
	margin-right: 55px;
	box-sizing: border-box;
	text-indent: 15px;
	padding: 20px 0;
}

.togeMess_area input {
	margin-bottom: 45px;
	padding: 15px;
	box-sizing: border-box;
	border: 1px solid rgb(220, 220, 220);
	border-radius: 4px;
	width: 100%;
	padding-bottom: 160px;
}

.togeMess_button {
	width: 100%;
	margin: auto;
	display: inline-block;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 4px;
	padding: 17px 0;
	background: rgb(200, 40, 45);
	border-radius: 4px;
}

/* 设计师 */
.expertTeam_container {
	margin: 50px 8px 50px 8px;
}

.expertTeam {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.expertTeam>a:nth-child(2n+2) {
	margin-right: 0;
}

.expertTeam_common_con {
	padding: 35px 30px;
	box-sizing: border-box;
	display: flex;
}

.expertTeam_common {
	width: 48%;
	margin-right: 35px;
	transition: all 0.8s;
	cursor: pointer;
	background: rgb(245, 245, 245);
	color: rgb(51, 51, 51);
	margin-bottom: 35px;
}

.expertTeam_common:hover {
	transform: translateY(15px);
	box-shadow: 1px 1px 8px 1px rgb(220, 220, 220);
	background: #fff;
}

.expertTeam_pic {
	position: relative;
	margin-right: 20px;
}

.expertTeam_pic_show {
	overflow: hidden;
	margin-right: 20px;
}

.expertTeam_pic_show img {
	width: 185px;
	height: 225px;
}

.expertTeam_pic_hide {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
	display: flex;
	align-content: center;
	justify-content: center;
	opacity: 0;
	transition: all 0.8s;
	/* width: 0;
	height: 0; */
	width: 182px;
	height: 225px;
	align-items: center;
	flex-direction: column;
	transform: scale(0, 0);
}

.expertTeam_common:hover .expertTeam_pic_hide {
	opacity: 1;
	transform: scale(1, 1);
}

.expertTeam_common:hover .expert_case_pic img {
	transform: scale(1.3);
}

.expertTeam_pic_hide>p:nth-child(1) {
	color: #fff;
	font-size: 16px;
	margin-bottom: 15px;
}

.expertTeam_pic_hide>p:nth-child(2) {
	color: #fff;
	font-size: 18px;
}

.expertTeam_person {
	letter-spacing: 1px;
}

.expert_name {
	margin-top: 5px;
}

.expert_name span {
	font-size: 20px;
	font-weight: bold;
	margin-right: 15px;
}

.expert_exper {
	margin-top: 14px;
}

.expert_exper span {
	margin-right: 15px;
}

.expert_link {
	display: flex;
	align-items: center;
	margin-top: 16px;
	transition: all 0.8s;
}

.expert_link>li:nth-child(1) {
	display: inline-block;
	width: 110px;
	text-align: center;
	color: #FFF;
	height: 35px;
	line-height: 35px;
	background: rgb(200, 40, 45);
	border-radius: 4px;
	margin-right: 15px;

}

.expert_link:hover {
	transform: translateX(20px);
}

.expert_link>li:nth-child(2) {
	font-size: 13px;
}

.expert_link>li:nth-child(2) span {
	color: rgb(200, 40, 45);
	letter-spacing: 0;
}

.expert_case {
	display: flex;
}

.expert_case_pic {
	overflow: hidden;
	width: 140px;
	height: 85px;
	margin-top: 25px;
}

.expert_case_pic>img {
	width: 140px;
	height: 85px;
	transition: all 1.2s;
}

.expert_case p:nth-child(1) {
	margin-right: 15px;
}

/* 设计师详情 */
.detailInro {
	margin: 50px auto;
}
.detailInro_more{
	width: 49%;
}
.detailMore_good{
	display: flex;
}
.detailInro_con {
	display: flex;
	align-items: center;
	padding: 0 40px;
	background: url(../images/detailbg.jpg);
	background-repeat: no-repeat;
	height: 530px;
	position: relative;
}

.detailInro_pic {
	width: 330px;
	height: 440px;
	overflow: hidden;
	margin-right: 50px;
}

.detailInro_pic img {
	width: 330px;
	height: 440px;
}

.detailMore_name {
	font-size: 24px;
	letter-spacing: 1px;
	padding-bottom: 25px;
	border-bottom: 1px solid rgb(220, 220, 220);
}

.detailMore_name span {
	margin-left: 20px;
}

.detailMore_about {
	margin-top: 35px;
	letter-spacing: 1px;
	height: 315px;
	overflow-y: auto;
}

.detailMore_about {
	overflow-x: hidden;
	overflow-y: auto;
	color: #000;
	padding-right: 15px;
}

.detailMore_about::-webkit-scrollbar {
	width: 4px;
	/*height: 4px;*/
}

.detailMore_about::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(200, 40, 45, 0.8);
	background: rgba(200, 40, 45, 0.8);
}

.detailMore_about::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(220, 220, 220, 0.8);
	border-radius: 0;
	background: rgba(220, 220, 220, 0.8);

}

.detailMore_think span {
	font-weight: bold;
	margin-right: 5px;
	color: rgb(51, 51, 51);
}

.detailMore_think {
	color: rgb(102, 102, 102);
	margin-bottom: 25px;
}

.detailMore_good {
	display: flex;
	align-items: stretch;
	margin-bottom: 10px;
}

.detailMore_good>p:nth-child(1) {
	font-weight: bold;
	margin-right: 5px;
	width: 80px!important;
}

.detailMore_good>p:nth-child(2) span {
	color: rgb(102, 102, 102);
	display: inline-block;
	height: 28px;
	line-height: 28px;
	width: 75px;
	text-align: center;
	border-radius: 15px;
	border: 1px solid rgb(102, 102, 102);
	margin-right: 5px;
	margin-bottom: 8px;
}

.detailMore_self span {
	font-weight: bold;
	margin-right: 5px;
}

.detailMore_self {
	color: rgb(102, 102, 102);
	color: rgb(51, 51, 51);
	margin-bottom: 35px;
}

.detailMore_year {
	display: flex;
	align-items: center;
}

.detailMore_year_common>p:nth-child(1) {
	color: rgb(102, 102, 102);
	margin-bottom: 10px;
}

.detailMore_year_common>p:nth-child(2) {
	color: rgb(102, 102, 102);
}

.detailMore_year_common>p:nth-child(2) span {
	color: rgb(200, 40, 45);
	margin-right: 5px;
	font-size: 18px;
}

.detailMore_year>li:nth-child(1) {
	padding-right: 45px;
	border-right: 1px solid rgb(220, 220, 220);
}

.detailMore_year>li:nth-child(2) {
	padding: 0 45px;
	border-right: 1px solid rgb(220, 220, 220);
}

.detailMore_year>li:nth-child(3) {
	padding-left: 45px;
}

.detailMore_link {
	display: flex;
	align-items: center;
	margin-top: 40px;
}

.detailMore_link>a:nth-child(1) {
	display: inline-block;
	width: 110px;
	text-align: center;
	color: #FFF;
	height: 35px;
	line-height: 35px;
	background: rgb(200, 40, 45);
	border-radius: 4px;
	margin-right: 35px;
}

.detailMore_link>p:nth-child(2) {
	font-size: 13px;
}

.detailMore_link>p:nth-child(2) span {
	color: rgb(200, 40, 45);
	letter-spacing: 0;
}

/* 立即预约报价 */
.nowOrder {
	width: 330px;
	height: 395px;
	position: absolute;
	right: 0;
	top: 68px;
	box-shadow: 1px 1px 10px 1px rgb(220, 220, 220);
	box-sizing: border-box;
	padding: 35px 0;
	background: #fff;
	text-align: center;
}

.nowOrder_title>p:nth-child(1) {
	font-size: 23px;
	letter-spacing: 1px;
	font-weight: bold;
}

.nowOrder_title>p:nth-child(2) {
	color: rgb(102, 102, 102);
	letter-spacing: 1px;
	margin-top: 9px;
	font-size: 15px;
}

.nowOrder_input {
	margin: auto;
	margin-top: 30px;
	width: 82%;
}

.nowOrder_input input {
	width: 100%;
	padding: 13px 0;
	border: 1px solid rgb(220, 220, 220);
	margin-bottom: 20px;
	text-indent: 15px;
	color: rgb(102, 102, 102);
	letter-spacing: 1px;
}

.nowOrder_button {
	width: 82%;
	padding: 11px 0;
	letter-spacing: 2px;
	font-size: 15px;
	background: rgb(47, 47, 49);
	color: #fff;
	margin: auto;
	cursor: pointer;
	transform: 0.8s;
}

.nowOrder_button:hover {
	background: rgb(200, 40, 45);
}

.nowOrder_word p {
	margin-top: 18px;
	color: rgb(102, 102, 102);
	letter-spacing: 1px;
}

.nowOrder_word>p:nth-child(1) span {
	color: rgb(200, 39, 43);
}

.nowOrder_word>p:nth-child(2) span {
	font-size: 20px;
	color: rgb(200, 39, 43);
	font-family: 'DIN';
}

.nowOrder_word>p:nth-child(2) {
	margin-top: 8px;
}

/* 设计师案例 */
.expertBenifit {
	margin-top: 70px;
	padding: 70px 0;
	background: rgb(47, 47, 47);
}

.detailexa_title p {
	font-size: 40px;
	color: #fff;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 50px;
}

.benifit_con {
	display: flex;
	flex-wrap: wrap;
}

.benifit_common {
	width: 31.7%;
	display: inline-block;
	margin-right: 2.4%;
	cursor: pointer;
	position: relative;
	transition: all 0.8s;
	margin-bottom: 40px;
}

.benifit_con>a:nth-child(3n+3) {
	margin-right: 0;
}

.benifit_pic {
	height: 280px;
	overflow: hidden;
}

.benifit_pic img {
	height: 280px;
	transition: all 0.8s;
}

.benifit_word {
	padding: 15px 15px 20px 15px;
	background: #fff;
}

.benifit_word>p:nth-child(1) {
	font-size: 16px;
	letter-spacing: 1px;
}

.benifit_word>p:nth-child(2) {
	color: rgb(102, 102, 102);
	margin-top: 15px;
}

.benifit_link {
	position: absolute;
	left: -14px;
	bottom: 120px;
	transition: all 0.8s;
	width: 0;
	height: 68px;
	background: url(../images/tri.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: flex;
	padding: 0px 0;
	box-sizing: border-box;
	opacity: 0;
	flex-direction: column;
	text-align: center;
	padding-top: 8px;
}

.benifit_link p {
	color: #fff;
	font-size: 12px;
}

.benifit_link>p:nth-child(1) {
	margin-bottom: 5px;
	font-size: 13px;
}

.benifit_common:hover .benifit_link {
	width: 163px;
	opacity: 1;
}

.benifit_common:hover {
	transform: translateY(-15px);
}



.benifit_common:hover .benifit_pic img {
	transform: scale(1.05);
}

/* 换一批 */
.benifitGroup {
	width: 180px;
	text-align: center;
	border: 1px solid rgb(255, 255, 255);
	border-radius: 30px;
	padding: 11px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	transition: all 0.8s;
	background-color: rgb(47, 47, 47);
}

.benifitGroup a img {
	margin-right: 15px;
}

.benifitGroup a {
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.benifitGroup:hover {
	background: rgb(200, 40, 45);
	border: 1px solid rgb(200, 40, 45);
	color: #FFFFFF;
}

.changeGroup:hover a {
	color: #fff;
}

.caseDetail_pic img:hover {
	transform: scale(1.2);
}

/* 新闻页 */
.newsAt {
	margin: 50px auto;
}

.newsAt_con {
	display: flex;
	padding: 45px;
	background: rgb(242, 242, 242);
}

.newsAt_left {
	width: 47%;
	margin-right: 3%;
	overflow: hidden;
}

.newsAt_left img {
	transition: all 1.2s;
	width: 730px;
	height: 380px;
}

.newsAt_left img:hover {
	transform: scale(1.15);
}

.newsAt_right {
	width: 47%;
	margin-left: 3%;
	padding: 30px 0;
}

.newsAt_right>p:nth-child(1) {
	font-size: 17px;
	color: rgb(136, 136, 136);
	margin-bottom: 25px;
	font-family: 'DIN';
}

.newsAt_right>p:nth-child(2) {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	line-height: 32px;
}

.newsAt_right>p:nth-child(3) {
	color: rgb(102, 102, 102);
	line-height: 32px;
}

.newsatMore {
	display: inline-block;
	font-size: 16px;
	color: rgb(102, 102, 102);
	padding: 20px 40px;
	border: 1px solid rgb(102, 102, 102);
	margin-top: 60px;
	position: relative;
	transition: all 1s;
	width: 240px;
	height: 63px;
}

.newsatMore:after {
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	background: rgb(159, 34, 36);
	top: 0%;
	left: 0%;
	transition: all 1s;
}

.newsatMore:hover {
	color: #fff;
}

.newsatMore:hover:after {
	width: 100%;
	right: 0;

}

.newsatMore>span:nth-child(1) {
	z-index: 9;
	position: absolute;
	width: 120px;
}

.newsatMore>span:nth-child(2) {
	margin-left: 15px;
	right: -30px;
	position: absolute;
	width: 120px;
	z-index: 9;
	bottom: 22px;
}

.newsSame_container {
	padding-top: 10px;
	position: relative;
}

.newsSame_con {
	margin-bottom: 80px;
}

.newsSame_con a {
	margin-bottom: 50px;
}

.newsSame_container>div:nth-child(1) {
	position: absolute;
	right: 0;
	bottom: -25px;
}

/* 新闻页详情 */
.houseDress {
	padding: 50px 0;
	position: relative;
	background: rgb(245, 245, 245);
	/*overflow: hidden;*/
	clear: both;
    display: flex;
    flex-direction: column;
    z-index: 100;
}

.houseDress_left {
	width: 68%;
	margin-right: 4%;
	float: left;
}

.houseDress_right {
	width: 28%;
	float: right;
}

.houseDress_left_title {
	display: flex;
	justify-content: space-between;
	margin-bottom: 35px;
}

.houseDress_left_title>p:nth-child(1) {
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 22px;
}

.houseDress_left_title>p:nth-child(2)>a {
	margin-right: 3px;
}

.houseDress_left_title>p:nth-child(2)>a img {
	width: 26px;
	height: 26px;
}

.houseDress_left_common {
	margin-top: 35px;
}

.nowNews {
	width: auto !important;
	height: 395px;
	box-shadow: 1px 1px 10px 1px rgb(220 220 220);
	box-sizing: border-box;
	padding: 35px 0;
	background: #fff;
	text-align: center;
}

.commandCase {
	margin-top: 35px;
	box-shadow: 1px 1px 10px 1px rgb(220 220 220);
	box-sizing: border-box;
	padding: 25px 0;
	background: #fff;
	text-align: center;
}

.commandCase>p:nth-child(1) {
	font-size: 20px;
	letter-spacing: 1px;
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 1px solid rgb(220, 220, 220);
	margin-bottom: 30px;
}

.commandCase_con {
	display: flex;
	flex-wrap: wrap;
	width: 92%;
	margin: auto;
}

.commandCase_con>a:nth-child(2n+2) {
	margin-right: 0;
}

.commandCase_common {
	margin-bottom: 12px;
	width: 48%;
	position: relative;
	margin-right: 12px;
}

.command_pic {
	overflow: hidden;
}

.command_pic img {
	width: 153px;
	height: 113px;
	transition: all 0.8s;
}

.command_word {
	position: absolute;
	left: 0px;
	right: 0px;
	height: 0px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	bottom: 0px;
	z-index: 9;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	transition: all 0.6s;
}

.commandCase_common:hover .command_word {
	opacity: 1;
	height: 36px;
}

.commandCase_common:hover .command_pic img {
	transform: scale(1.15);
}

.commandDetail_pic {
	overflow: hidden;
	margin-bottom: 20px;
}

.commandDetail_pic img {
	width: 1030px;
	height: 500px;
	transition: all 1.6s;
}

.commandDetail_pic img:hover {
	transform: scale(1.2);
}

/* 在施工地 */
.siteBuild {
	margin-bottom: 80px;
}
.siteBuild .inner{padding: 0;}
.siteBuild_wide{
	display: inline-block;
}
.siteBuild_con {
	display: flex;
	border: 1px solid rgb(220, 220, 220);
	margin-top: 50px;
	box-sizing: border-box;
	cursor: pointer;
	transition: all 1.2s;
	position: relative;
	left: 0;
}

.siteBuild_left {
	width: 45%;
	overflow: hidden;
}

.siteBuild_left img {
	width: 100%;
	height: 100%;
	transition: all 1.2s;
	float: left;
}

.siteBuild_right {
	width: 55%;
	padding: 35px 0;
}

.siteBuild_name {
	border-bottom: 1px solid rgb(220, 220, 220);
}

.siteBuild_intro {
	padding: 0 35px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.siteBuild_intro>li:nth-child(1) {
	font-size: 22px;
	letter-spacing: 1px;
	font-weight: bold;
}

.siteBuild_intro>li:nth-child(2) {
	color: rgb(136, 136, 136);
	font-size: 13px;
}

.siteBuild_intro>li:nth-child(2) img {
	width: 14px;
	hieght: 10px;
	margin-right: 7px;
}

.siteBuild_line {
	padding: 0 35px;
	margin-top: 15px;
}

.siteBuild_line p {
	height: 2px;
	background: rgb(200, 40, 45);
	width: 50px;
}

.siteBuild_detail {
	display: flex;
	padding: 0 35px;
	flex-wrap: wrap;
	margin-top: 35px;
	letter-spacing: 1px;
	margin-bottom: 25px;
}

.siteBuild_detail p {
	padding-right: 70px;
	margin-bottom: 15px;
}

.siteBuild_pro {
	padding: 0 35px;
	margin-top: 35px;
}

.siteBuild_pro_detail {
	display: flex;
	letter-spacing: 1px;
}

.siteBuild_pro_detail>li:nth-child(1) {
	margin-right: 35px;
}

.siteBuild_pro_word {
	margin-top: 10px;
	width: 534px;
}

.siteBuild_pro_word span {
	width: 13%;
	display: inline-block;
	text-align: center;
	font-size: 13px;
}

.siteBuild_pro_word span:last-child {
	position: relative;
	left: -8px;
}
.siteBuild_con:hover{
	transform: translateX(30px);
	box-shadow: 1px 1px 10px 10px rgb(220, 220, 220,.3);
}
.siteBuild_con:hover .siteBuild_left img {
	transform: scale(1.2);
}



/* 在建工地详情 */
.houseDress_con_left {
	width: 68%;
	margin-right: 4%;
	float: left;
}

.siteDeail_devide {
	display: flex;
}

.siteDeail_middle {
	width: 82%;
	float: left;
}

.siteDeail_left {
	width: 16%;
	margin-right: 2%;
	display: flex;
}

.houseDress_tree {
	margin-right: 30px;
	margin-top: 50px;
}

.houseDress_tree p {
	margin-bottom: 35px;
	text-align: right;
}

.houseDress_tree_line {
	height: 590px;
	background: url(../images/line.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: 10px;
}

.houseDress_tree_point {
	position: relative;
	left: -8px;
	top: -5px;
}

.houseDress_tree_circle {
	display: flex;
	flex-direction: column;
	position: relative;
	left: 3px;
	top: 29px;
}

.houseDress_tree_circle a {
	display: inline-block;
	width: 11px;
	background: rgb(136, 136, 136);
	height: 11px;
	border-radius: 50%;
	margin-bottom: 43px;
	transition: all 0.6s;
	cursor: pointer;
}

.houseDress_tree_circle a:hover {
	background: rgb(200, 40, 45);
}

.aboutCase {
	background: rgb(245, 245, 245);
	padding-bottom: 50px;
}

.siteCase {
	background: #fff !important;
}

.bga_r {
	background: rgb(200, 40, 45) !important;
}

/* 表格 */
.gritable {
	width: 100%;
	border-width: 1px;
	border-color: rgb(224, 224, 224);
	border-collapse: collapse;
	table-layout: fixed;
	word-wrap: break-word;
	word-break: break-all;
	margin-bottom: 50px;
}

.gritable td {
	border-width: 1px;
	border-style: solid;
	border-color: rgb(224, 224, 224);
	padding: 20px;
	text-align: center;
}

.gritable td:nth-child(2n+2) {
	background: #fff;
	width: 20%;
}
.storefix {
   position: fixed;
	top:95px;
}
.storefix_p{
	position: absolute!important;
}
.alltoo{position:fixed;top:0 !important;left:0 !important; right: 0 !important; bottom: 0!important; display:none;z-index:1000; background:rgba(0,0,0,0.5);}
.alltoo .layer{ position: absolute; width: 420px; left: 50%; margin-left: -210px; top: 50%; margin-top: -230px; background: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);}
.alltoo .layer .close{position:absolute;right: 30px; top: 20px; display: flex; flex-direction: column; font-size: 24px;}
.alltoo .layer .kuang{ display: flex; flex-direction: column; padding: 30px;}
.alltoo .layer .kuang .ming{ font-size: 22px; width: 100%; line-height: 30px;}
.alltoo .layer .kuang .kuangPic{ display: flex; flex-direction: column; margin-top: 30px;}
.alltoo .layer .kuang .alform{ display: flex; flex-direction: column;}
.alltoo .layer .kuang .alform .layui{  border-radius: 3px; padding: 0 10px; margin-top: 20px; background: #f5f5f5;}
.alltoo .layer .kuang .alform .layui .text{ width: 100%; height: 50px; line-height: 50px; background: none;}
.alltoo .layer .kuang .tijiao{ width: 100%; overflow: hidden; margin-top:20px;}
.alltoo .layer .kuang .tijiao .sub{ width: 100%; background: #B81C22; border-radius: 4px; color: #fff; height:50px; line-height: 50px; font-size: 18px; cursor: pointer;}
			

/*添加进步条*/
.siteBuild_pro_detail .process{flex: 1; margin-left: 20px;}
.siteBuild_pro_line{display: flex;}
.siteBuild_pro_line>div{width: 73px; text-align: center;}
.siteBuild_pro_line>div span{display: block; background:url(../images/plan_bg.png); width: 73px; height: 8px; background-position: -73px 0;}
.siteBuild_pro_line>div p{margin-top: 20px;}
.siteBuild_pro_line>div.active span{background-position: 0 0;}

.outVx1,.outVx2{position: relative;cursor: pointer;}
.outVxpic1,.outVxpic2{display: none; position: absolute;width: 120px;height: 120px;left: -44px;}
.outVxpic1 img,.outVxpic2 img{width: 120px;height: 120px;}
.shareType>a:nth-child(1),
.shareType>a:nth-child(2){
	margin-right: 10px;
}
@media (max-width: 1500px){
	.inner{padding: 0 5%;}
	}
	.designToge{
	}
	.designToge>div:nth-child(2),
	.designToge>div:nth-child(3){
	}
	.designToge{
		padding-bottom: 80px!important;
	}
@media (max-width: 1450px){
	
	.inner{padding: 0 4%;}
	.caseDetail_right{width: 450px;}
	.caseDetail_right_con{width: 450px;}
	.designToge{
	}
	.designToge>div:nth-child(2),
	.designToge>div:nth-child(3){
	}
	.designToge{
		padding-bottom:80px!important;
	}
}
@media (max-width: 1370px){
	.detailInro_more {
	    width: 44%;
	}
}