/* ========== */







/* = HOME = */







/* ========== */







.swiper-banner .box {



	position: relative;



}



.swiper-banner .house-yellow {



	position: absolute;



	z-index: 1;



	left: 50%;



	top: 6%;



	width: 13.125%;



	transform: translateX(-50%);



	-webkit-transform: translateX(-50%);



}



.swiper-banner .house-yellow img {



	width: 100%;



}



.swiper-banner .house-type {



	position: absolute;



	z-index: 1;



	left: 50%;



	top: 32%;



	max-width: 22%;



	transform: translateX(-50%);



	-webkit-transform: translateX(-50%);



}



.swiper-banner .house-type img {



	width: 100%;



}



.swiper-banner .tab span {



	position: absolute;



	width: 22px;



	height: 22px;



}



.swiper-banner .tab span em {



	position: absolute;



	top: 0;



	left: 50%;



	margin-left: -11px;



	width: 22px;



	line-height: 22px;



	font-size: 0;



	z-index: 1;



	cursor: pointer;



}



.swiper-banner .tab span b {



	position: absolute;



	top: 0;



	left: 50%;



	margin-left: -11px;



	width: 22px;



	height: 22px;



	border-radius: 11px;



	display: inline-block;



	background: #e83845;



	border: 2px solid #FFFFFF;



}



.swiper-banner .tab span.active {



	z-index: 2;



}



.swiper-banner .tab span.active em {



	margin-left: -25px;



	font-size: 12px;



	color: #FFFFFF;



	width: 50px;



	text-align: center;



}



.swiper-banner .tab span.active b {



	margin-left: -25px;



	width: 50px;



}



.swiper-banner .js-tab-con {



	display: none;



}



.swiper-banner .js-tab-con.active {



	display: block;



}



.swiper-banner .box .img {



	float: left;



	width: 50%;



	position: relative;



}



.swiper-banner .box .img span {



	position: absolute;



	bottom: 4%;



	padding: 0 25px 0 55px;



	display: block;



	color: #FFFFFF;



	line-height: 48px;



	font-size: 16px;



}



.swiper-banner .box .img:nth-child(1) span {



	right: 0;



	background: #666666;



}



.swiper-banner .box .img:nth-child(2) span {



	left: 0;



	background: #666;



	padding: 0 55px 0 25px;



}



.swiper-banner .box .img span:before {



	content: "";



	position: absolute;



	top: 50%;



	margin-top: -2px;



	left: 35px;



	width: 4px;



	height: 4px;



	background: #FFFFFF;



}



.swiper-banner .box .img:nth-child(2) span:before {



	left: auto;



	right: 35px;



}



.swiper-banner .swiper-button-prev,  .swiper-banner .swiper-button-next {



	position: absolute;



	bottom: 0;



	top: auto;



	margin-top: 0;



	width: 76px;



	height: 76px;



}



.swiper-banner .swiper-button-prev {



	background-image: url(../images/banner_prev.png);



	background-size: 100%;



}



.swiper-banner .swiper-button-next {



	right: auto;



	left: 78px;



	background-image: url(../images/banner_next.png);



	background-size: 100%;



}



.swiper-banner .mouse {



	position: absolute;



	z-index: 9;



	display: block;



	bottom: 50px;



	right: 50px;



	-webkit-animation: mouse-down 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;



	animation: mouse-down 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;



}



.swiper-banner .swiper-slide:nth-child(4) .tab span:nth-child(4).active em {



	width: 76px;



	margin-left: -38px;



}



.swiper-banner .swiper-slide:nth-child(4) .tab span:nth-child(4).active b {



	width: 76px;



	margin-left: -38px;



}



.swiper-banner .swiper-slide:nth-child(2) .tab span:nth-child(5).active em {



	width: 76px;



	margin-left: -38px;



}



.swiper-banner .swiper-slide:nth-child(2) .tab span:nth-child(5).active b {



	width: 76px;



	margin-left: -38px;



}











 @keyframes mouse-down {



 from {



opacity: 0;



transform: translateY(-15px);



-webkit-transform: translateY(-15px);



}



 33% {



opacity: 1;



}



to {



	transform: translateY(15px);



	-webkit-transform: translateY(15px);



	opacity: 0;



}



}



 @-webkit-keyframes mouse-down {



 from {



opacity: 0;



transform: translateY(-15px);



-webkit-transform: translateY(-15px);



}



 33% {



opacity: 1;



}



to {



	transform: translateY(15px);



	-webkit-transform: translateY(15px);



	opacity: 0;



}



}



 @media (max-width:1540px) {



.swiper-banner .house-yellow {



	top: 5%;



}



.swiper-banner .house-type {



	top: 28%;



}



.swiper-banner .box .img span {



	bottom: 20px;



	line-height: 36px;



}



}



.swiper-banner .tab span b {



	animation: twinkling 2.1s infinite ease-in-out;



	animation-fill-mode: both;



}



.swiper-banner .tab span.active b {



	animation: none;



	animation-fill-mode: both;



}



 @-webkit-keyframes twinkling {



 0% {



 -webkit-transform:scale(1);



 opacity:0.6;



}



 50% {



 -webkit-transform:scale(1.12);



 opacity:1;



}



 100% {



 -webkit-transform:scale(1);



 opacity:0.6;



}



}



 @keyframes twinkling {



 0% {



 -webkit-transform:scale(1);



 opacity:0.6;



}



 50% {



 -webkit-transform:scale(1.12);



 opacity:1;



}



 100% {



 -webkit-transform:scale(1);



 opacity:0.6;



}



}



.theme {



	position: relative;







}



.theme .border {



	



}



.theme .border:before,  .theme .border:after {



	content: "";



	position: absolute;



	right: 0;



	width: 2px;



	height: 17px;







}



.theme .border:before {



	top: 0;



	height: 26px;



}



.theme .border:after {



	bottom: 0;



}



.theme .tit {



	font-size: 30px;



	color: #333333;



}



.theme .tit span {



	margin-right: 10px;



	font-size: 50px;



	font-weight: bold;



	letter-spacing: 2px;



	position: relative;



	color: #666;



}



.theme .tit span:before {



	content: attr(text);



	position: absolute;



	z-index: 10;



	color: #666;



	-webkit-mask: linear-gradient(to top, #edc26d, transparent );



}



.theme .des {



	margin-top: 5px;



}



.theme .des img {



	display: inline-block;



	vertical-align: middle;



}



.theme .des span {



	margin-left: 10px;



	font-size: 18px;



	display: inline-block;



	vertical-align: middle;



}



.more-button {



	width: 186px;



	line-height: 37px;



	display: block;



	text-align: center;



	position: relative;



	background: #666;



	font-size: 16px;



	color: #FFFFFF;



	overflow: hidden;



	-webkit-transition: all ease .3s;



	transition: all ease .3s;



}



.more-button:after {



	content: "";



	position: absolute;



	top: -6px;



	right: -6px;



	width: 50px;



	height: 50px;



	background-image: url(../images/ico_tongji.png);



}



.more-button:hover {



	background: #666;



}



.home-tab span,  .home-tab a {



	margin-bottom: 10px;







	display: inline-block;



	



	font-size: 18px;



	cursor: pointer;



	position: relative;



}



.home-tab em {



	font-style: normal;



	display: inline-block;



	vertical-align: middle;



}



.home-tab i {



	margin-right: 15px;



	font-style: normal;



	display: inline-block;



	vertical-align: middle;



	background-size: cover;



	width: 30px;



	height: 30px;



}



.home-tab span:nth-child(1) i {



	background-image: url(../images/ico_designer.png);



}



.home-tab span:nth-child(2) i {



	background-image: url(../images/ico_design.png);



}



.home-tab span:nth-child(3) i {



	background-image: url(../images/ico_design2.png);



}



.home-tab a:nth-child(4) i {



	background-image: url(../images/ico_enlarge.png);



}



.home-tab span.active,  .home-tab span:hover,  .home-tab a:hover {



	color: #666;



}



.home-tab span.active:after {



	content: "";



	position: absolute;



	bottom: 0;



	left: 0;



	width: 90%;







}



.home-tab span:nth-child(1).active i,  .home-tab span:nth-child(1):hover i {



	background-image: url(../images/ico_designer_yellow.png);



}



.home-tab span:nth-child(2).active i,  .home-tab span:nth-child(2):hover i {



	background-image: url(../images/ico_design_yellow.png);



}



.home-tab span:nth-child(3).active i,  .home-tab span:nth-child(3):hover i {



	background-image: url(../images/ico_design2_yellow.png);



}



.home-tab a:nth-child(4):hover i {



	background-image: url(../images/ico_enlarge_yellow.png);



}



.home-brand {



	padding: 42px 0 66px;



	/*background-image: url(../images/brand_bg.jpg);*/



}



.home-brand .content {



	max-width: 800px; margin:0 auto;



}



.home-brand .tit {



	font-size: 21px;



	color: #333333;



	padding-bottom: 30px; text-align:center;



	align-items: flex-end;



	justify-content: space-between;



	-webkit-justify-content: space-between;



}


.home-brand .tit p{font-size:36px; font-weight:bold;}


.home-brand .tit span {



	margin-right: 5px;



	font-size: 36px;



	font-family: "宋体";



	background-image: -webkit-linear-gradient(bottom, #f5d492, #d5a653, #edc26d);



	color: transparent;



	-webkit-background-clip: text;



}



.home-brand .tit span i {



	font-style: normal;



	font-size: 24px;



}



.home-brand .tit img {



	display: inline-block;



	vertical-align: middle;



}



.home-brand .content>ul {



	margin-top: 40px;



	display: flex;



	align-items: flex-end;



	justify-content: space-between;



	-webkit-justify-content: space-between;



}



.home-brand .content>ul li img {



	float: left;



}



.home-brand .content>ul li div {



	margin-left: 60px;



	padding-left: 1px;



	position: relative;



	color: #333333;



	line-height: 30px;



}



.home-brand .content>ul li div:before {



	content: "";



	position: absolute;



	top: 50%;



	margin-top: -27px;



	left: 0;







	height: 54px;







}



.home-brand .content>ul li div i {



	margin-right: 5px;



	font-style: normal;



	font-size: 35px;



	font-family: "宋体";



	font-weight: bold; margin-top:7px;



}



.home-brand .content>ul li:hover img {



	animation: tade 1s;



	-webkit-animation: tada 1s;



}



.home-brand .button {



	margin-top: 50px;



	padding-left: 190px;



	position: relative;



}



.home-brand .button .more-button {



	position: absolute;



	top: 0;



	left: 0;



	width: 170px;



	line-height: 30px;



	font-size: 12px;



}



.home-brand .button #notice {



	display: block;



	width: 100%;



	line-height: 30px;



	height: 30px;



	overflow: hidden;



}



.home-brand .button #notice ul {



	margin: 0;



	display: block;



	width: 100%;



	line-height: 30px;



	position: relative;



}



.home-brand .button #notice li {



	display: block;



	line-height: 30px;



	height: 30px;



	width: 100%;



	background: url(../images/ico_laba.png) no-repeat left;



	color: #666;



	padding-left: 37px;



}



.home-brand .button #notice li a {



	color: #666;



}



.home-brand .button #notice p span {



	font-weight: bold;



}



.home-case {



	position: relative;



}



.home-case .container {



	position: relative;



	z-index: 1;



}



.home-case .letter {



	position: absolute;



	top: 140px;



	right: 0;



	width: 25%;



}



.home-case .top {



	position: relative;



}



.home-case .home-tab {



	position: absolute;



	left: 410px;



	top: 40px;



}



.home-case .home-tab span {



	padding-left: 40px;



}



.home-case .home-tab span i {



	width: 40px;



	height: 40px;



}



.home-case .home-tab span:nth-child(1) i {



	background-image: url(../images/case_all_ico_gary.png);



}



.home-case .home-tab span:nth-child(2) i {



	background-image: url(../images/case_ico_01.png);



}



.home-case .home-tab span:nth-child(3) i {



	background-image: url(../images/case_ico_02.png);



}



.home-case .home-tab span:nth-child(4) i {



	background-image: url(../images/case_ico_03.png);



}



.home-case .home-tab span:nth-child(5) i {



	background-image: url(../images/case_ico_04.png);



}



.home-case .home-tab span:nth-child(6) i {



	width: 30px;



	height: 30px;



	background-image: url(/ico_enlarge.png);



}



.home-case .home-tab span:nth-child(1).active i,  .home-case .home-tab span:nth-child(1):hover i {



	background-image: url(../images/case_all_ico_yellow.png);



}



.home-case .home-tab span:nth-child(2).active i,  .home-case .home-tab span:nth-child(2):hover i {



	background-image: url(../images/case_ico_01_yellow.png);



}



.home-case .home-tab span:nth-child(3).active i,  .home-case .home-tab span:nth-child(3):hover i {



	background-image: url(../images/case_ico_02_yellow.png);



}



.home-case .home-tab span:nth-child(4).active i,  .home-case .home-tab span:nth-child(4):hover i {



	background-image: url(../images/case_ico_03_yellow.png);



}



.home-case .home-tab span:nth-child(5).active i,  .home-case .home-tab span:nth-child(5):hover i {



	background-image: url(/case_ico_04_yellow.png);



}



.home-case .home-tab span:nth-child(6).active i,  .home-case .home-tab span:nth-child(6):hover i {



	background-image: url(../images/ico_enlarge_yellow.png);



}



.home-case .home-tab span.active:after {



	display: none;



}



.home-case .js-tab-box {



	margin-top: 50px;



}



.home-case .js-tab-con {



	display: none;



}



.home-case .js-tab-con.active {



	display: block;



}



.home-case .button-div {



	position: absolute;



	left: 50%;



	margin-left: -190px;



	width: 380px;



	height: 12px;



	bottom: 60px;



}



.home-case ul {



	padding: 0 12px 70px;



}



.home-case li {



	float: left;



	width: 25%;



	padding: 0 18px;



}



.home-case li .box {



	height: 495px;



	position: relative;



}



.home-case li .box .img-link {



	position: absolute;



	display: block;



	top: 0;



	left: 0;



	width: 100%;



	height: 100%;



	z-index: 0;



}



.home-case li .box:after {



	content: "";



	position: absolute;



	top: 0;



	left: 0;



	width: 100%;



	height: 100%;



	width: 100%;



	height: 100%;



	background: rgba(0,0,0,.4);



}



.home-case li .box .ico-heart {



	display: none;



	position: absolute;



	z-index: 2;



	top: 40px;



	right: 40px;



	font-size: 20px;



	color: #ee2525;



	padding-left: 40px;



	cursor: pointer;



}



.home-case li .box .ico-heart:before {



	content: "";



	position: absolute;



	top: 50%;



	margin-top: -15px;



	left: 0;



	width: 30px;



	height: 30px;



	background-image: url(../images/ico_red_heart.png);



}



.home-case li .box .con {



	position: absolute;



	z-index: 1;



	bottom: 0;



	left: 0;



	padding: 0 1%;



	width: 100%;



	color: #ccc;



}



.home-case li .box .con .tit {



	font-size: 16px; line-height:40px; padding-left:6px;



	



}



.home-case li .box .con .des {



	margin-top: 10px;



	font-size: 18px;



}



.home-case li .box .con .des i {



	margin: 0 12px;



	font-size: 12px;



	vertical-align: middle;



	font-style: normal;



	display: inline-block;



}



.home-case li .box .con .jt {



	margin-top: 40px;



	display: inline-block;



	width: 46px;



	height: 12px;



	background-image: url(../images/ico_case_jt.png); display:none;



}



.home-case li .box .button {



	display: none;



	position: absolute;



	z-index: 2;



	left: 0;



	bottom:0;



}



.home-case li .box .button:before {



	content: "";



	position: absolute;



	left: 0;



	bottom: -16px;



	width: 20px;



	height: 17px;



	background-image: url(../images/case_fangkuai.png);



	background-size: cover;



}



.home-case li .box .more-button {





	line-height: 40px;



	font-size: 16px;



}



.home-case li .box .more-button:after {



	width: 80px;



	height: 80px;



	background-size: cover;



}



.home-case li.active {



	width: 50%;



}



.home-case li.active .box {



	padding: 0 7%;



}



.home-case li.active .box:after {



	display: none;



}



.home-case li.active .box .con {



	display: none;



}



.home-case li.active .box .ico-heart {



	display: block;



}



.home-case li.active .box .ico-heart:hover:before {



	background-image: url(../images/ico_red_heart2.png);



}



.home-case li.active .box .jt {



	display: none;



}



.home-case li.active .button {



	display: block;



}



.home-case li .box-720:before {



	content: "";



	position: absolute;



	z-index: 2;



	top: 50%;



	left: 50%;



	width: 140px;



	height: 140px;



	background-image: url(../images/ico_720.png);



	background-size: cover;



	transform: translateX(-50%) translateY(-50%);



	-webkit-transform: translateX(-50%) translateY(-50%);



}



 @media (max-width:1460px) {



.home-case .home-tab span {



	padding-left: 30px;



}



.home-case li .box {



	height: 400px;



}



.home-case li .box .con .tit {



	font-size: 22px;



}



.home-case li .box .con .des {



	font-size: 16px;



}



.home-case li .box-720:before {



	width: 100px;



	height: 100px;



}



}



.home-designer {



	position: relative;



	overflow: hidden; 

}



.home-designer:after {



	content: "";



	position: absolute;



	top: 50px;



	height: 95%;



	width: 100%;



	background-image: url(../images/home_designer_bg.jpg);



	background-size: cover;



	background-position: bottom center;



}



.home-designer .content {



	position: relative;



	padding-left: 280px;



}



.home-designer .left {



	position: absolute;



	z-index: 1;



	left: 0;



	top: 155px;



}



.home-designer .home-tab {



	margin-top: 20px;



	width: 230px;



}



.home-designer .js-tab-con {



	display: none;



}



.home-designer .js-tab-con.active {



	display: block;



}



.swiper-home-designer {



	margin-right: -30px;



}



.swiper-home-designer .swiper-slide {



	padding: 50px 30px 0 0;



	display: flex;



	align-items: flex-end;



	justify-content: space-between;



	-webkit-justify-content: space-between;



}



.swiper-home-designer .img {



	width: 45%;



	max-width: 420px; margin-left:190px;



}



.swiper-home-designer .img img{ height:410px; margin-bottom:75px; }



.swiper-home-designer .text {



	margin: 0px 0 190px;



	width: 49%;



	padding: 30px 40px 80px;



	background: #FFFFFF;



	position: relative; height:385px;



}



.swiper-home-designer .text:before {



	content: "";



	position: absolute;



	top: 0;



	left: -30px;



	width: 30px;



	height: 30px;



	background-image: url(../images/designer_fangkuai.png);



	background-size: cover;



}



.swiper-home-designer .text h2 {



	padding: 0 10px 20px;



	font-size: 20px;



	color: #333333;



	



}



.swiper-home-designer .text h2 span {



	font-size: 30px;



	color: #666;



}



.swiper-home-designer .text h2 i {



	display: inline-block;



	margin: 0 30px;



	font-size: 14px;



	font-style: normal;



}



.swiper-home-designer .text .des {



	



}



.swiper-home-designer .text .desdiv {



	position: relative;



	display: block;



	line-height:38px;



	min-height: 38px;



	font-size: 16px;



	padding-left: 125px;



}



.swiper-home-designer .text .desdiv span {



	position: absolute;



	top: 0;



	left: 10px;



	padding-left: 37px;



}



.swiper-home-designer .text .desdiv span:before {



	content: "";



	position: absolute;



	top: 50%;



	left: 0;



	margin-top: -15px;



	width: 30px;



	height: 30px;



}



.swiper-home-designer .text .desdiv .span-01:before {



	background-image: url(../images/designer_ico_01.png);



}



.swiper-home-designer .text .desdiv .span-02:before {



	background-image: url(../images/designer_ico_02.png);



}



.swiper-home-designer .text .desdiv .span-03:before {



	background-image: url(../images/designer_ico_03.png);



}



.swiper-home-designer .text .desdiv .span-04:before {



	background-image: url(../images/designer_ico_04.png);



}



.swiper-home-designer .text .desdiv .star-box {



	display: inline-block;



}



.swiper-home-designer .text .bt {



	margin: 25px auto 0;



	max-width: 390px;



	display: flex;



	align-items: center;



	justify-content: space-between;



	-webkit-justify-content: space-between;



}



.swiper-home-designer .text .bt a {



	max-width: 48%;



}



.swiper-home-designer .text .bt a:nth-child(1) {



	background: #3e4147;



}



.swiper-home-designer .text .bt a:nth-child(1):hover {



	background: #333;



}



.swiper-home-designer .button-div {



	position: absolute;



	bottom: 90px;



	right: 30px;



	width: 49%;



	height: 12px;



}



.swiper-home-designer .swiper-button-prev {



	left: 15%;



}



.swiper-home-designer .swiper-button-next {



	right: 15%;



}



 @media (max-width:1460px) {



.swiper-home-designer .text {



	margin-bottom: 120px;



}



.swiper-home-designer .button-div {



	bottom: 50px;



}



}



.home-evaluate {



	padding: 80px 0 95px;



}



.home-evaluate .content {



	position: relative;



}



.home-evaluate .top {



	position: absolute;



	top: 0;



	left: 0;



	z-index: 1;



}



.home-evaluate .more-button {



	position: absolute;



	top:140px;



	left: 0;



}



.home-evaluate .home-tab {



	position: absolute;



	z-index: 2;



	bottom: 0;



	left: 40%;



}



.home-evaluate .home-tab span,  .home-evaluate .home-tab a {



	margin-bottom: 18px;



	font-size: 16px;



	display: block;



}



.home-evaluate .home-tab i {



	margin-right: 6px;



}



.home-evaluate .home-tab span:nth-child(1) i {



	background-image: url(../images/ico_design.png);



}



.home-evaluate .home-tab span:nth-child(2) i {



	background-image: url(../images/ico_person.png);



}



.home-evaluate .home-tab span:nth-child(3) i {



	background-image: url(../images/ico_heart.png);



}



.home-evaluate .home-tab span.active:after {



	width: 95%;



	



}



.home-evaluate .home-tab span:nth-child(1).active i,  .home-evaluate .home-tab span:nth-child(1):hover i {



	background-image: url(../images/ico_design_yellow.png);



}



.home-evaluate .home-tab span:nth-child(2).active i,  .home-evaluate .home-tab span:nth-child(2):hover i {



	background-image: url(../images/ico_person_yellow.png);



}



.home-evaluate .home-tab span:nth-child(3).active i,  .home-evaluate .home-tab span:nth-child(3):hover i {



	background-image: url(../images/ico_heart_yellow.png);



}



.swiper-home-evaluate {



	width: 100%;



	position: relative;



	z-index: 0;



}



.swiper-home-evaluate .swiper-slide {



	background: #FFFFFF;



}



.swiper-home-evaluate .left {



	margin-top: 245px;



	float: left;



	width: 37%;



	position: relative;



}



.swiper-home-evaluate .left:before {



	content: "";



	position: absolute;



	z-index: 1;



	top: 0;



	left: 0;



	width: 100%;



	height: 100%;


/*
	background: rgba(0,0,0,.4);*/



}



.swiper-home-evaluate .left:after {



	content: "";



	position: absolute;



	right: 20px;



	bottom: 10px;



	width: 80px;



	height: 50px;



	background-image: url(../images/video_logo.png);



}



.swiper-home-evaluate .left img {



	width: 100%;



	position: relative;



	z-index: 0;



}



.swiper-home-evaluate .left span {



	position: absolute; display:none;



	z-index: 2;



	top: 50%;



	left: 50%;



	width: 60px;



	height: 60px;



	margin-top: -30px;



	margin-left: -30px;



	background-image: url(../images/ico_play.png);



	background-size: cover;



}



.swiper-home-evaluate .right {



	float: right;



	width: 59%;



}



.swiper-home-evaluate .right .tit {



	font-size: 34px;



	color: #333333;



	font-weight: bold;



	text-align: center;



}



.swiper-home-evaluate .evaluate-box {



	padding: 65px 30px 65px;



	background: #FFFFFF; margin-top:245px;



}



.swiper-home-evaluate .evaluate-box ul {



	margin: 45px auto 0;



	max-width: 720px;



}



.swiper-home-evaluate .evaluate-box li {



	float: left;



	width: 25%;



	padding: 0 18px;



}



.swiper-home-evaluate .evaluate-box .box {



	position: relative;



	padding: 30px 0 25px;



	text-align: center;



	



}



.swiper-home-evaluate .evaluate-box .box:after {



	content: "";



	position: absolute;



	left: 25px;



	top: -2px;



	width: 10px;



	height: 2px;



	background: #FFFFFF;



}



.swiper-home-evaluate .evaluate-box .box:before {



	content: "";



	position: absolute;



	left: -2px;



	top: 25px;



	height: 10px;



	width: 2px;



	background: #FFFFFF;



}



.swiper-home-evaluate .evaluate-box .box .line {



	content: "";



	position: absolute;



	bottom: -2px;



	left: 10px;



	height: 2px;



	width: 10px;



	background: #FFFFFF;



}



.swiper-home-evaluate .evaluate-box .box p:before {



	content: "";



	position: absolute;



	right: -2px;



	bottom: 21px;



	height: 10px;



	width: 2px;



	background: #FFFFFF;



}



.swiper-home-evaluate .evaluate-box .box p:after {



	content: "";



	position: absolute;



	right: -2px;



	bottom: 40px;



	height: 10px;



	width: 2px;



	background: #FFFFFF;



}



.swiper-home-evaluate .evaluate-box .box span {



	display: block;



	position: relative;



	font-size: 16px;



	padding-bottom: 15px;



}



.swiper-home-evaluate .evaluate-box .box span:after {



	content: "";



	position: absolute;



	bottom: 0;



	left: 50%;



	width: 20px;



	height: 1px;



	margin-left: -10px;



	background: #e5e5e5;



}



.swiper-home-evaluate .evaluate-box .box p {



	margin-top: 10px;



	font-size: 26px;



	font-weight: bold;



}



.swiper-home-evaluate .evaluate-box .box p i {



	margin-left: 5px;



	font-size: 21px;



	font-weight: normal;



	font-style: normal;



}



.swiper-home-evaluate .evaluate-text {



	padding-left: 165px;



	margin: 65px 0 60px;



}



.swiper-home-evaluate .evaluate-text .img {



	float: left;



	width: 110px;



	border-radius: 100%;



	overflow: hidden;



}



.swiper-home-evaluate .evaluate-text .text {



	margin-left: 135px;



}



.swiper-home-evaluate .evaluate-text .tit {



	height: 54px;



	position: relative;



	padding-bottom: 20px;



	border-bottom: 1px solid #e5e5e5;



}



.swiper-home-evaluate .evaluate-text .tit h2 {



	float: left;



	font-size: 16px;



}



.swiper-home-evaluate .evaluate-text .tit h2 span {



	font-size: 20px;



	color: #666;



}



.swiper-home-evaluate .evaluate-text .tit h2 i {



	display: inline-block;



	margin: 0 10px;



	font-size: 12px;



	font-style: normal;



}



.swiper-home-evaluate .evaluate-text .tit .star-box {



	float: right;



	width: 105px;



}



.swiper-home-evaluate .evaluate-text .tit>img {



	position: absolute;



	top: -15px;



	right: 110px;



}



.swiper-home-evaluate .evaluate-text .des {



	margin-top: 20px;



	font-size: 14px;



	line-height: 30px;



	height: 90px;



	text-align: justify;



	overflow: hidden;



}



.swiper-home-evaluate .swiper-button-prev,  .swiper-home-evaluate .swiper-button-next {



	top: auto;



	margin-top: 0;



	bottom: 20px;



}



.swiper-home-evaluate .swiper-button-prev {



	left: auto;



	right: 70px;



}



.swiper-home-evaluate .swiper-button-next {



	right: 10px;



}



 @media (max-width:1460px) {



.swiper-home-evaluate .evaluate-box .box p {



	font-size: 22px;



}



}



.home-news {



	padding: 80px 0 100px;



	background-image: url(../images/home_news_bg.jpg);



}



.home-news .left {



	float: left;



}



.home-news .left .img {



	margin: 80px 0 70px 50px;



}



.home-news .left .img img {



	margin: 0;



}



.home-news .content {



	margin-left: 300px;



}



.home-news .box {



	padding: 40px 55px 60px;



	background: #FFFFFF;



	display: flex;



	align-items: center;



	justify-content: space-between;



	-webkit-justify-content: space-between;



}



.home-news .box .img {



	width: 45%;



	position: relative;



}



.home-news .box .img div {



	overflow: hidden;



}



.home-news .box .img img {



	width: 100%;



	position: relative;



	z-index: 1;



}



.home-news .box .img:after {



	content: "";



	position: absolute;



	z-index: 0;



	bottom: -10px;



	left: -10px;



	width: 140px;



	height: 158px;



	background: #333;



	display: block;



}



.home-news .box .text {



	width: 49%;



}



.home-news .box .text .tit {



	padding-right: 50px;



	padding-bottom: 28px;



	



	font-size: 20px;



	line-height: 30px;



	font-weight: bold;



	color: #333333;



	position: relative;



}



.home-news .box .text .tit:after {



	content: "";



	position: absolute;



	top: 4px;



	right: 0;



	width: 24px;



	height: 24px;



	background-image: url(/next.png);



	background-size: cover;



	-webkit-transition: all ease .3s;



	transition: all ease .3s;



}



.home-news .box .text .des {



	margin-top: 25px;



	font-size: 16px;



	line-height: 36px;



	height: 118px;



	color: #999999;



	overflow: hidden;



}



.home-news .box:hover .img img {



	transform: scale(1.1);



	-webkit-transform: scale(1.1);



}



.home-news .box:hover .text .tit {



	color: #999999;



}



.home-news .box:hover .text .tit:after {



	transform: translateX(-100%);



	-webkit-transform: translateX(-100%);



}



.home-news ul {



	margin-top: 25px;



}



.home-news li {



	float: left;



	width: 50%;



}



.home-news li a {



	display: block;



	line-height: 68px;



	padding-left: 30px;



	padding-right: 80px;



	position: relative;



	font-size: 16px;



	color: #333333;



}



.home-news li a:before {



	content: "";



	position: absolute;



	top: 50%;



	left: 0px;



	width: 10px;



	height: 10px;



	background: #000;border-radius: 50%;



}



.home-news li a:after {



	content: "";



	position: absolute;



	top: 50%;



	right: 40px;



	margin-top: -8px;



	width: 16px;



	height: 16px;



	background-image: url(/next.png);



	background-size: cover;



	-webkit-transition: all ease .3s;



	transition: all ease .3s;



}



.home-news li a:hover {



	color: #999;



}



.home-news li a:hover:after {



	transform: translateX(-100%);



	-webkit-transform: translateX(-100%);



}



.home-news .more-button{ margin-top:40px;}































 @media screen and (max-width:1520px) {



.home-news .left .img {



	margin: 40px 0 70px 40px;



}



.home-news .content {



	margin-left: 280px;



}



}





/* @media (max-width:999px) {
	 .home-brand .content > ul{ margin-top:0;}
	.home-brand .tit p{ font-weight:700; font-size:0.5rem;} 
	#productNumber .clearfix{ width:33.33%; text-align:center;}
	.home-brand .content > ul li div{ margin-left:0; float:left; width:100%;}
     #productNumber .clearfix  img{ display:none; }
	 
	 
	 
	 }*/
	 
	 
	 
	 
	 
	 
	 
	 
	 
.mobile-case{ display:none;}
.mobile-designer{ display:none;}
.mobile-evaluate{ display:none;}
.mobile-xuancai{ display:none}
.mobile-content{ display:none}
 @media (max-width:999px) {
	 
	 
	 .bs-slider{top:1.05rem;}
	 .home-brand{  padding: 1.6rem 0 0px;}
	 .mobile-case{ display: block;}
	 .mobile-designer{ display: block;}
	 .home-brand .content > ul{ margin-top:0;}
	.home-brand .tit p{ font-weight:700; font-size:0.6rem;} 
	#productNumber .clearfix{ width:33.33%; text-align:center;}
	.home-brand .content > ul li div{ margin-left:0; float:left; width:100%;}
	.home-brand .content > ul li div i{ font-size:0.8rem}
     #productNumber .clearfix  img{ display:none; }
	 .home-case ul{ display:none;}
	 
	 .home-designer{ display:none;}
	 .home-evaluate{ display:none;}
	 .mobile-evaluate{ display:block;}
	 .xuancai{ display:none;}
	 .mobile-xuancai{ display:block;}
	 .home-news{ display:none;}
	 .mobile-content{ display:block; margin-top:30px;}
	 .mobile-content .box{ padding:4%; display:block;}
	 .mobile-content .img{ float:left; width:40%; margin-right:5%; }
	  .mobile-content .des{ margin-top:16px;}
	 .mobile-content .text{ width:55%; float:left;}
	 .mobile-content .text .tit{ width:100%; font-size:0.4rem; font-weight:bold;}
	 .mobile-content  ul{ width:100%; padding:4%; display:block; float:left; }
	 .mobile-content ul li{ line-height:0.8rem;}
	 
	 
	 
	 
	 }