/*--首页公共样式--*/

.js_floor a:link,
.js_floor a:visited {

	color: #333;

}

.js_floor a:hover {

	text-decoration: underline;

}

select {

	appearance: none;

	-moz-appearance: none;

	-webkit-appearance: none;

	background: url(../images/select.png) no-repeat scroll 100% center;

}

#index_recommend,
#index_Product4,
#index_oneFlor,
#index_secondFlor,
#index_threeFlor,
#index_Product,
#index_decoration,
.bannerImg {

	width: 100%;

	position: relative;

	font-family: "microsoft yahei";

}

#index_oneFlor>div,
#index_secondFlor>div,
#index_Product>div,
#index_threeFlor>div,
#index_decoration>div,
#index_Product4>div {

	width: 1200px;

	margin: 0 auto;

}

.oneFlor_hot span,
.Floor_tittle p,
.Floor_tittle>span {

	color: #fff;

	font-size: 20px;

	line-height: 50px;

	margin: 0 20px 0 15px;

	float: left;

}

.oneFlor_hot>span+span {

	margin-right: 0;

}

.ProductList,
.Floor_tittle p,
.ProductPic,
.ProductList {

	display: inline-block;

}

/*--首页公共样式完--*/

/*banner图片*/

/*Banner*/

.hiSlider-pages,
.hiSlider-title {

	position: absolute;

	z-index: 3
}

.hiSlider-btn-prev,
.hiSlider-btn-next {

	position: absolute;

	z-index: 5;

	top: 40%;

	height: 100px;

	width: 50px;

	background: url(../images/bannerbtn.png) no-repeat;

	font-size: 0;

	overflow: hidden;

	opacity: .6;

	filter: alpha(opacity:60)
}

.hiSlider-btn-prev {

	left: 18%;

}

.hiSlider-btn-next {

	right: 18%;

	background-position: -50px 0
}

.hiSlider-btn-prev:hover,
.hiSlider-btn-next:hover {

	opacity: 1;

	filter: alpha(opacity:100)
}

.hiSlider-pages {

	bottom: 20px;

	right: 48%;

	text-align: center
}

.hiSlider-pages a {

	height: 12px;

	width: 12px;

	margin: 0 6px;

	display: inline-block;

	overflow: hidden;

	text-indent: -100px;

	font-size: 0;

	border-radius: 50%;

	background: #ddd
}

.hiSlider-pages a.active {

	background: #5472BF
}

/*中间内容*/

.index_content {
	/* width: 1200px; position: relative; left: 50%; margin-left: -600px; top:0; */

	width: 1200px;

	position: relative;

	left: 50%;

	margin-left: -600px;

	top: 0;

	z-index: 99;
	/* height: 500px; */
	/* background: red */

}

.left_info {

	background: #ffffff;

}

.right_info {

	background: #dcdcdc;

	background: rgba(0, 0, 0, 0.5);

}

.left_info,
.right_info {

	font-size: 12px;

	position: absolute;

}

/*-------banner左边信息栏*/

.left_info {

	width: 220px;

	height: 500px;

}

.left_info_arrow {

	font-size: 13px;

	float: right;

	line-height: 25px;

	color: #b9c1ba;

}

.right_info {

	width: 150px;

	height: 466px;

	right: 47px;

	top: 14px;

	padding-top: 15px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

.right_info a:link,
.right_info a:visited {

	color: #424242;

}

/*.bg_red{line-height: 20px; overflow: hidden; white-space: nowrap; text-align: center; color: #000;}*/

.border_B {

	display: block;

	height: auto;

	padding-left: 10px;

	padding-right: 10px;

}

.border_B:last-child {

	border-bottom: 1px solid #fff;

}

.border_B:last-child .border_gray {

	padding-bottom: 50px;

}

.border_gray {

	padding-top: 10px;

	padding-bottom: 10px;

}

.left_info_ico {

	display: inline-block;

	width: 17px;

	height: 19px;

	vertical-align: bottom;

	background-image: url(../images/mvl_1.png);

	background-size: 100% 100%;

}

.left_info_title {

	vertical-align: baseline;

	font-size: 14px;

	font-weight: 500;

	margin-left: 5px;

	color: #000;

}

.left_info_title:vsited {

	color: #000;

}

.li_hover li:hover .left_info_ico {

	background-image: url(../images/mvl_2.png);

}

.li_hover li {

	cursor: pointer;

	-webkit-transition: 0.5s;

	transition: 0.5s;

	height: 110px;

}

.li_hover li:nth-child(even) {

	background: #ecedef;

}

.li_hover li:hover {

	background: #fff;

}

.li_hover li .menu-item {

	padding-left: 5px;

	margin-top: 10px;

}

.li_hover li .menu-item p {

	margin-bottom: 10px;

}

.li_hover li .menu-item p span,
.li_hover li .menu-item p a {

	display: inline-block;

	padding: 0 5px;

	text-align: center;

	white-space: nowrap;

	overflow: hidden;

	color: #737373;

}

.li_hover li .menu-item p a:hover {

	color: #737373;

}

.left_info a:hover {

	text-decoration: underline;

}

/*add*/

.black_layer {

	width: 100%;

	height: 40px;

	background: rgba(0, 0, 0, 0.1);

	position: absolute;

	top: -54px;

	left: 0px;

}

.right_info_wx {

	display: block;

	width: 125px;

	height: 125px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	padding: 10px;

	border-radius: 15px;

	background: rgba(0, 0, 0, 0.4);

	margin: 0 auto;

}

.right_info_wx img {

	display: block;

	width: 66px;

	height: 66px;

	margin: 0 auto;

	margin-bottom: 5px;

}

.right_info_wx p {

	text-align: center;

	color: white;

}

.right_info_tag_list {

	display: block;

	width: 125px;

	margin: 0 auto;

	padding: 10px;

}

.right_info_tag_list a {

	display: block;

	width: 100%;

	height: 25px;

	line-height: 25px;

	color: white;

	text-align: center;

	border-radius: 10px;

	border: 1px solid #FFFFFF;

	margin: 0 auto;

	margin-bottom: 8px;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.right_info_tag_list a:hover {

	border-color: #7dc62a;

	cursor: pointer;

}

.right_info_last_tag {

	color: #FFFFFF;

	background-color: #73b434;

	border-color: #73b434 !important;

}

.right_info_last_tag:hover {

	color: #FFFFFF;

	background-color: #fa8128;

	border-color: #fa8128 !important;

}

.ui-dialog-shj .ui-dialog-body {

	padding-top: 20px;

}

.size_form {

	width: 350px;

	padding-left: 20px;

	display: none;

	font-family: "microsoft yahei";

}

.size_form p {

	color: #71B426;

	font-size: 20px;

	text-align: center;

}

.size_form select,
.size_form input {

	line-height: 28px;

	height: 28px;

	border: 1px solid #E8E8E8;

	padding-left: 10px;

}

.size_form .house_type select {

	width: 50px;

}

.size_form .house_area {

	width: 215px;

}

.size_form .house_area input {

	width: 100px;

}

.size_form .house_area .area {

	float: right;

	display: inline-block;

	line-height: 28px;

	width: 30px;

	background: #EDEDED;

	text-align: center;

	border: 1px solid #d4d4d4;

}

.size_form .house_city select {

	margin: 0 auto;

	width: 145px;

}

.size_form .house_info input {

	width: 260px;

}

.size_form .house_name input {

	width: 160px;

}

.size_form .house_number {

	width: 315px;

}

.size_form .house_number input {

	width: 120px;

}

.size_form .house_number div {

	display: inline-block;

	border: 1px solid #71B426;

	text-align: center;

	line-height: 28px;

	font-size: 12px;

	width: 100px;

	color: #71B426;

	cursor: pointer;

}

.size_form .house_number div:hover {

	background: #71B426;

	color: #fff;

}

.submit_btn {

	color: #fff;

	background: #71B426;

	line-height: 38px;

	text-align: center;

	margin-left: 88px;

	width: 118px;

	font-size: 14px;

	cursor: pointer;

	padding: 0 25px 0 25px;

	display: inline-block;

	border: 1px solid #7dc62a;

	-webkit-transition: all .2s linear;

	transition: all .2s linear;

}

.submit_btn:hover {

	color: #7dc62a;

	background: transparent;

}

.allSubMenu {

	display: none;

	width: 775px;

	height: 500px;

	position: absolute;

	top: 0px;

	left: 198px;

}

.SubMenu {

	display: none;

	background: #f5f5f5;

	position: absolute;

	z-index: 100;

	left: 220px;

	width: 580px;

}

.SubMenu-left {

	position: relative;

	width: 442px;

	padding: 20px;

	padding-left: 120px;

	float: left;

	background: #fff;

	padding-bottom: 15px;

}

.SubMenu-top {

	padding-bottom: 10px;

	margin-bottom: 20px;

	border-bottom: 1px dashed #e6e6e6;

}

.SubMenu-top-title {

	position: absolute;

	top: 23px;

	left: 20px;

	color: black;

	font-size: 13px;

	font-weight: 600;

}

.SubMenu-top-title span {

	font-size: 12px;

	vertical-align: middle;

	margin-left: 5px;

	position: relative;

	top: -1px;

}

.SubMenu-top-link a {

	font-size: 13px;

	display: inline-block;

	color: #737373;

	padding: 0px 5px 10px 5px;

}

.SubMenu-top-link a:hover {

	cursor: pointer;

	color: #5a5a5a;

	text-decoration: underline;

}

.SubMenu-green {

	color: #95c46e !important;

}

.SubMenu-bottom {

	position: relative;

	left: -90px;

	width: 565px;

}

.SubMenu-bottom a {

	position: relative;

	display: inline-block;

	width: 125px;

	height: 125px;

	margin-right: 6px;

	overflow: hidden;

}

.SubMenu-bottom a:first-child {

	margin-left: 0px;

}

.SubMenu-bottom a:hover {

	cursor: pointer;

	text-decoration: none;

}

.SubMenu-bottom a:hover div {

	opacity: 1;

	line-height: 20px;

}

.SubMenu-bottom a img {

	display: block;

	width: 125px;

	height: 125px;

}

.SubMenu-bottom a div {

	display: block;

	opacity: 0;

	background: rgba(0, 0, 0, 0.7);

	color: white;

	width: 125px;

	height: 20px;

	text-align: center;

	padding: 1px;

	font-size: 13px;

	position: absolute;

	bottom: 0px;

	line-height: 53px;

	-webkit-transition: 0.2s linear;

	transition: 0.2s linear;

}

.SubMenu-right {

	width: 160px;

	background: #f5f5f5;

	display: inline-block;

	float: right;

	padding: 10px;

	padding-bottom: 0px;

}

.SubMenu-right img {

	width: 76px;

	height: 50px;

	margin-bottom: 2px;

	margin-right: 0px;

}

/*banner部分完！*/

/*--今日推荐--*/

.index_recommend {

	width: 1200px;

	margin: 0 auto;

}

#index_recommend {

	height: auto;

	padding: 40px 0 0 0;

}

#index_recommend .prev,
#index_recommend .next {

	float: right;

	margin-bottom: 10px;

	margin-left: 5px;

	width: 40px;

	height: 35px;

	background: #949693;

	text-align: center;

	line-height: 35px;

	color: #fff;

	cursor: pointer;

}

#index_recommend .prev:hover,
#index_recommend .next:hover {

	background: #71B426;

}

#index_recommend>div {

	width: 1200px;

	margin: 0 auto;

	font-family: "microsoft yahei";

}

.recommend_tittle {

	float: left;

	height: 40px;

	width: 330px;

}

.recommend_tittle>img {

	float: left;

}

.recommendText {

	float: right;

}

.recommendText p {

	float: left;

	font-size: 20px;

	font-weight: bolder;

	color: #71B426;

	margin: 0;

}

.recommendText img {

	margin-top: 5px;

}

.recommend_tittle>div img:first-child {

	margin-bottom: 8px;

}

.pictureList {

	width: 296px;

	height: 296px;

	text-align: center;

	float: left;

	cursor: pointer;

	border-right: solid 3px #71b426;

	position: relative;

}

.pictureList .recommendProfile {

	width: 100%;

	height: 100%;

	overflow: hidden;

	text-align: center;

	background-color: #000000;

	background: rgba(0, 0, 0, 0.5);

	opacity: 0;

	position: absolute;

	visibility: hidden;

	-webkit-transition: all .3s linear;

	transition: all .3s linear;

	left: 0;

	top: 0;

}

.pictureList .recommendProfile a {

	display: block;

	height: 100%;

}

.pictureList .recommendProfile a ul {

	padding-top: 120px;

}

.pictureList .recommendProfile a ul .name {

	color: #fff;

	font-size: 18px;

	width: 240px;

	margin: 0 auto;

	overflow: hidden;

}

.pictureList .recommendProfile a ul .price {

	color: #ee6d67;

	font-size: 16px;

	width: 105px;

	height: 30px;

	line-height: 30px;

	margin: 5px auto;

	border: 2px solid #ee6d67;

	border-radius: 10px;

}

.pictureList:hover .recommendProfile {

	opacity: 1;

	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);

	visibility: visible;

}

.pictureList:hover .recommendProfile a {

	position: relative;

}

.pictureList:hover .p_height>img {

	-webkit-filter: blur(2px);

	filter: blur(2px);

}

.p_height {

	width: 100%;

	height: 100%;

	overflow: hidden;

}

.p_height img {

	width: 100%;

	height: 100%;

}

.item_list {

	position: absolute;

	left: 0;

}

.groupPic {

	width: 1193px;

	overflow: hidden;

	position: relative;

	margin: 0 auto;

	border: solid 3px #71b426;

}

.recommend_pic {

	width: 1200px;

	position: relative;

}

/*今日推荐--完！*/

/*--1F热销产品--*/

.oneFlor_tittle {

	width: 1200px;

	height: 60px;

	float: right;

}

.oneFlor_hot {

	background-image: url(../images/hotproduct.png);

	width: 220px;

	height: 51px;

	float: left;

}

.oneFlor_more {

	float: right;

	width: 906px;

	height: 59px;

	border-bottom: 1px solid #71B426;

}

.oneFlor_more .active {
	/*color: #ED6D64;*/

	border-bottom: 4px solid #71B426;

}

.oneFlor_more ul {

	float: right;

	font-size: 14px;

	padding-top: 20px;

	position: relative;

}

.oneFlor_more ul li {

	float: left;
	/*padding: 0 10px 0 10px;*/

	margin: 0 10px 0 10px;

	height: 36px;

	line-height: 44px;

	cursor: pointer;

}

.oneFlor_more ul li span {

	color: #71B426;

	font-size: 16px;

}

.oneFlor_leftPic {

	width: 284px;

	height: 707px;

	overflow: hidden;

	display: inline-block;

	margin-top: 20px;

	position: relative;

}

.oneFlor_leftPic .arrows {

	position: absolute;

	top: 50%;

	width: 100%;

}

.oneFlor_leftPic .arrows .arrow {

	position: absolute;

	width: 25px;

	height: 60px;

	top: 50%;

	margin-top: -30px;

	font-family: "iconfont" !important;

	font-size: 20px;

	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-webkit-text-stroke-width: 0.2px;

	background: #71B426;

	opacity: 0.7;

	filter: alpha(opacity=70);

	cursor: pointer;

	color: #fff;

	text-align: center;

	line-height: 60px;

	-webkit-transition: all .3s linear;

	transition: all .3s linear;

}

.oneFlor_leftPic .arrows .arrow:hover {

	opacity: 1;

}

.oneFlor_leftPic .arrows .prev {

	border-radius: 0 5px 5px 0;

	left: 0;

	text-align: right;

}

.oneFlor_leftPic .arrows .next {

	border-radius: 5px 0 0 5px;

	right: 0;

}

.oneFlor_leftPic li {

	height: 707px;

}

.oneFlor_leftPic li a {

	display: block;

	height: 100%;

}

.oneFlor_list {

	width: 892px;

	height: auto;

	float: right;

	padding-top: 5px;

	overflow: hidden;

}

.oneFlor_list .oneFlor_pic {

	display: none;

	width: 976px;

	margin-right: -10px;

}

.oneFlor_list .active {

	display: block;

}

.oneFlor_pic>div {

	width: 268px;

	height: 330px;

	padding: 7px;

	float: left;

	border: 1px solid #CECECE;

	margin: 15px 20px 0 0;

	-webkit-transition: all .3s;

	transition: all .3s;

}

.oneFlor_pic>div:hover {

	border: 1px solid #71B426;

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.pic_description {

	padding: 24px 0px 0px 0px;

	margin: auto;

	width: 277px;

}

.pic_description a {

	display: block;

}

.title_wrap {

	color: #666;

	text-align: justify;

	max-height: 32px;

	overflow: hidden;

}

.title_wrap:hover {
	/*color: #ED6D64;*/

}

.pic_title {

	padding-top: 5px;

	color: #333;

	font-size: 12px;

	text-align: justify;

	max-height: 35px;

	overflow: hidden;

	cursor: pointer;

	margin: 2px 0;

}

.pic_title:hover {
	/*color: #ED6D64;*/

}

.pic_title p {

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	width: 270px;

}

.deal {

	font-size: 12px;

	margin-top: 8px;

}

.deal i {

	font-style: normal;

}

.pic_redText {

	font-size: 14px;

	font-weight: bold;

	color: #DF6861;

}

.floor {

	width: 268px;

	height: 268px;

	overflow: hidden;

	cursor: pointer;

}

.floor img {

	width: 100%;

	height: 100%;

}

.cob57c5b {

	color: #b57c5b;

}

.co5e5e5e {

	color: #5e5e5e;

}

.mf50 {

	margin-left: 50px;

}

/*--1F热销产品 完！--*/

.midBanner {

	width: 100%;

	height: 90px;

	text-align: center;

	clear: both;

	margin-top: 20px;

	margin-bottom: 20px;

}

.midBanner img {

	width: 1200px;

}

/*--2F-*/

.florTwo {

	height: 450px;

}

.videoBox {

	width: 660px;

	height: 445px;

}

.mt30 {

	margin-top: 30px;

}

.clearBoth {

	clear: both;

}

.imga {

	width: 530px;

	height: 215px;

	display: block;

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.imga img {

	width: 530px;

	height: 215px;

	display: block;

	-webkit-transition: all 0.3s;

	transition: all 0.3s;

	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);

	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);

}

.imga img:hover {

	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);

	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);

}

.imgb {

	width: 530px;

	height: 215px;

	display: block;

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	margin-top: 14px;

}

.imgb img {

	width: 530px;

	height: 215px;

	display: block;

	-webkit-transition: all 0.3s;

	transition: all 0.3s;

	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);

	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);

}

.imgb img:hover {

	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);

	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);

}

.twoFlor_list {

	clear: both;

	width: 1200px;

	overflow: hidden;

}

.twoFlor_list .secondFlor_pic {

	margin-top: 20px;

	padding-left: 1px;

	display: none;

	width: 1220px;

	margin-right: -20px;

}

.twoFlor_list .secondFlor_pic div:nth-child(4n+1) {

	margin-left: 0px;

}

.twoFlor_list .active {

	display: block;

}

.secondFlor_pic>div {

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	width: 291px;

	height: 400px;

	float: left;

	margin: 5px 7px 5px 4px;

	-webkit-transition: all 0.3s;

	transition: all 0.3s;

}

.secondFlor_pic>div .buy_now {

	float: right;

	padding: 10px 0 10px 0;

	cursor: pointer;

}

.secondFlor_pic>div:hover {

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

}

.TwoFlor_pic_box {

	width: 277px;

	height: 277px;

	margin: auto;

	overflow: hidden;

	margin-left: 7px !important;

}

.TwoFlor_pic_box img {

	width: 277px;

	height: 277px;

	display: block;

	margin-top: 7px;

}

.TwoFlor_pic_box a {

	display: block;

}

.pic_description>div a:visited {

	color: #333;

}

.pic_description>div a:link {

	color: #333;

}

/*--2F 完！--*/

/*4F产品*/

.fw600 {

	font-weight: 600;

}

.ProductList {

	width: 32.8%;

}

.ProductList .fourFloorimga {

	display: block;

	width: 393px;

	height: 205px;

}

.ProductList .fourFloorimgb {

	display: block;

	width: 393px;

	height: 205px;

	margin-top: 10px;

}

.ProductList img {

	width: 393px;

	height: 205px;

}

.thirdFloor .hotSale {

	width: 100%;

	height: 300px;

	overflow: hidden;

}

.thirdFloor .hotSale img {

	display: block;

	width: 100%;

	height: 100%;

}

.titleName {

	margin-top: 35px;

}

.nameSpan {

	font-size: 20px;

	font-weight: 600;

}

.Floor_tittle {

	background-image: url(../images/hotproduct.png);

	background-repeat: no-repeat;

	width: 100%;

	height: 51px;

}

.Floor_tittle p,
.Floor_tittle>span {

	line-height: 50px;

	height: 50px;

	font-size: 20px;

	margin: 0 30px 0 15px;

	overflow: hidden;

}

.Floor_tittle>span {

	display: inline-block;

	width: 100px;

	overflow: hidden;

}

.ProductList {

	margin-top: 20px;

}

.list_border {

	border-bottom: 1px solid #CECECE;

	padding: 10px 0 10px 0;

}

.list_border:hover {

	background: #71B426;

}

.list_border:hover a {

	color: #fff;

}

.last_list {

	height: 300px;

	text-align: center;

}

.ProductList div ul li a {

	color: #333;

}

.ProductList div ul li a {

	color: #333;

}

.ProductPic {

	width: 67%;

	float: right;

	margin-top: 20px;

}

.index_brand {

	height: 60px;

	font-size: 14px;

	border-bottom: 1px solid #71B426;

	position: relative;

	width: 864px;

}

.index_brand ul {

	float: right;

	padding-top: 15px;

	position: relative;

}

.index_brand ul li {

	float: left;

	margin: 0 10px 0 10px;

	line-height: 46px;

	height: 42px;

	color: #333;

	cursor: pointer;

	background-color: #ffffff;

}

.index_brand ul li.active {

	border-bottom: 4px solid #71B426;

	position: relative;

	z-index: 999;

}

.quebec {

	position: absolute !important;

	bottom: -5px;

	left: 10px;

	top: 56px;

	z-index: 998;

	margin: 0 !important;

	border: 0;

	width: 28px;

	height: 4px !important;

	padding: 0;

	background: #71B426 !important;

	-webkit-transition-property: left, width;

	transition-property: left, width;

	-webkit-transition-duration: .5s;

	transition-duration: .5s;

}

.quebec1 {

	position: absolute !important;

	bottom: -5px;

	left: 10px;

	top: 56px;

	z-index: 998;

	margin: 0 !important;

	border: 0;

	width: 28px;

	height: 4px !important;

	padding: 0;

	background: #71B426 !important;

	-webkit-transition-property: left, width;

	transition-property: left, width;

	-webkit-transition-duration: .5s;

	transition-duration: .5s;

}

.n1:hover~li.quebec {

	left: 10px;

	width: 28px;

}

.n2:hover~li.quebec {

	left: 60px;

	width: 40px;

}

.n3:hover~li.quebec {

	left: 120px;

	width: 28px;

}

.n4:hover~li.quebec {

	left: 170px;

	width: 28px;

}

.n5:hover~li.quebec {

	left: 218px;

	width: 28px;

}

.n6:hover~li.quebec {

	left: 265px;

	width: 40px;

}

.n7:hover~li.quebec {

	left: 325px;

	width: 40px;

}

.third_floor {

	width: 100%;

	height: 420px;

}

.third_floor .decorativeLight {

	width: 100%;

	display: none;

	zoom: 1;

}

.third_floor .decorativeLight:before,
.third_floor .decorativeLight:after {

	content: '';

	display: table;

}

.third_floor .decorativeLight:after {

	clear: both;

}

.third_floor .active {

	display: block;

}

.LightSale {

	width: 191px;

	height: 205px;

	text-align: center;

	margin-left: 10px;

	margin-bottom: 10px;

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	-webkit-transition: all 0.3s;

	transition: all 0.3s;

}

.LightSale:hover {

	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);

	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);

}

.sale_tit {

	font-size: 14px;

	margin: 0;

}

.sale_tits {

	font-size: 12px;

	text-align: left;

	margin: 0;

}

.sale_tits:hover {

	text-decoration: underline;

	cursor: pointer;

}

.width_100 {

	width: 100px;

	height: 20px;

	overflow: hidden;

}

.text_l {

	text-align: left;

	height: 22px;

	line-height: 22px;

	overflow: hidden;

	width: 161px;

	font-size: 14px;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.js_floor {

	overflow: hidden;

}

.LampList {

	width: 160px;

	display: block;

	text-align: center;

	margin: auto;

}

.LampList .sale_tit a {

	display: block;

	width: 161px;

	font-size: 14px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.LampList .sale_price {

	font-size: 14px;

	font-weight: bold;

	color: #DF6861;

}

.lampDis {

	width: 161px;

	height: 64px;

	font-size: 14px;

	display: block;

	margin-top: 7px;

}

.lamp_wrap {

	width: 120px;

	height: 120px;

	overflow: hidden;

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-top: 8px;

}

.lamp_wrap a {

	display: block;

	height: 100%;

}

.lamp_wrap img {

	width: 100%;

	height: 100%;

}

.LampBuy {

	width: 215px;

	height: 40px;

	position: relative;

	z-index: 10;

	filter: alpha(opacity=0);

	opacity: 0;

	-webkit-transition: all .3s linear;

	transition: all .3s linear;

	top: -5px;

}

.LightSale:hover .LampBuy,
.LightMid:hover .LampBuy {

	filter: alpha(opacity=100);

	opacity: 1;

}

.LightSale:hover,
.LightMid:hover {

	border-color: #71B426;

	position: relative;

}

.LightMid {

	width: 465px;

	padding: 10px;

	border: 1px solid #CECECE;

	margin-left: -1px;

	margin-top: -1px;

}

.LightMid,
.picNode,
.textNode {

	height: 250px;

}

.picNode {

	width: 250px;

	float: left;

	overflow: hidden;

}

.picNode a {

	display: block;

	height: 100%;

}

.picNode img {

	width: 100%;

	height: 100%;

}

.textNode {

	width: 40%;

	float: right;

	text-indent: 1em;

}

.textNode a:link,
.textNode a:visited {

	color: #666;

}

.textNode a:hover {

	color: #DF6861;

}

.hot_sale {

	display: inline-block;

	padding-left: 110px;

}

.textNode p {

	padding: 0;

	margin: 0;

}

.size_18 {

	font-size: 18px;

	color: #ddd;

	height: 26px;

	width: 190px;

	overflow: hidden;

}

.size_20 {

	font-size: 20px;

	height: 26px;

	width: 190px;

	overflow: hidden;

}

.textNode p:nth-child(4) {

	color: red;

}

/*--3-6F产品--完！*/

/*--装修流程--*/

#index_decoration {

	background: url(../images/zhuangxiu.png) no-repeat center;

	height: 132px;

	width: 1200px;

	margin-left: auto;

	margin-right: auto;

}

.decoration {

	width: 180px;

	height: 100px;

	text-align: center;

	color: #fff;

	padding: 60px 0 0 0;

	float: left;

	background: url(../images/order.png);

}

.decoration p:first-child {

	font-size: 22px;

}

.decorationList {

	width: 85%;

	height: 120px;

	float: right;

}

.decorationList>div {

	width: 20.5%;

	height: 120px;

	background: #F6F6F6;

	float: left;

	margin-left: 5px;

	text-align: center;

	padding: 20px;

}

.onlineOrders .p_18 {

	font-size: 18px;

	color: #71B426;

}

.onlineOrders .p_12 {

	font-size: 12px;

}

.onlineOrders .mt_25 {

	margin-top: 25px;

}

/*--装修流程--完！--*/

/*--楼层--*/

#index_oneFlor>div {

	width: 1200px;

	margin: 0 auto;

}

#index_floor {

	width: 50px;

	font-size: 12px;

	position: absolute;

	z-index: 999;

	top: 1170px;

	left: 50%;

	margin-left: -650px;

	font-family: "microsoft yahei";

}

#index_floor.fixed {

	position: fixed;

	top: 71px;

}

#index_floor.absolute {

	position: absolute;

}

#index_floor ul li {

	background: #FFFFFF;

	width: 30px;

	height: 30px;

	margin-top: 3px;

	border: 1px solid #A5A5A5;

	color: #A5A5A5;

	text-align: center;

	line-height: 28px;

	cursor: pointer;

}

#index_floor ul li a {

	display: block;

	width: 100%;

	height: 100%;

}

#index_floor ul li a .floor_name {

	display: none;

}

#index_floor ul li a:link,
#index_floor ul li a:visited {

	color: #A5A5A5;

}

#index_floor ul li a:hover {

	color: #FFFFFF;

}

#index_floor ul li:hover {

	background: #71B426;

	color: #fff;

}

#index_floor ul li.active a span {

	display: none;

}

#index_floor ul li.active a .floor_name {

	display: inline;

}

#index_floor ul li.active a:link,
#index_floor ul li.active a:visited {

	background: #71B426;

	color: #FFFFFF;

}

/*2016.9.9新增*/

.swiper-nested-1 {

	width: 100px;

	height: 340px;

	color: #fff;

	text-align: center;

}

.red-slide {

	background: #ca4040;

}

.blue-slide {

	background: #4390ee;

}

.orange-slide {

	background: #ff8604;

}

.green-slide {

	background: #49a430;

}

.pink-slide {

	background: #973e76;

}

.swiper-nested-1 .swiper-slide {

	font-size: 21px;

}

.pagination-nested-1 {

	position: absolute;

	z-index: 100;

	left: 10px;

	bottom: 10px;

}

.pagination-nested-1 {

	bottom: auto;

	top: 10px;

}

.pagination-nested-1 {

	display: block;

	margin-right: 0;

	margin-bottom: 5px;

}

/*到此删除*/

.showSubMenus {

	display: block !important;

}

.floor_title_box {

	width: 1200px;

	margin: auto;

	overflow: hidden;

	height: 30px;

	margin-top: 30px;

	margin-bottom: 10px;

	border-bottom: 1px solid #f0f0f0;

	padding-bottom: 10px;

}

.calculator_title {

	background: url(../images/title_1.png) left center no-repeat;

}

.brand_title {

	background: url(../images/title_2.png) left center no-repeat;

}

.gallery_title {

	background: url(../images/title_3.png) left center no-repeat;

}

.designer_title {

	background: url(../images/title_4.png) left center no-repeat;

}

.construction_title {

	background: url(../images/title_5.png) left center no-repeat;

}

.village_title {

	background: url(../images/title_6.png) left center no-repeat;

}

.flip_title {

	background: url(../images/title_7.png) left center no-repeat;

}

.interent_title {

	background: url(../images/title_8.png) left center no-repeat;

}

.knowledge_top_title {

	background: url(../images/title_9.png) left center no-repeat;

}

.floor_tips {

	text-align: right;

	padding: 10px 0;

	font-size: 13px;

}

.floor_tips {

	color: #333;

}




.main_box {

	width: 99%;

	margin: auto;

	overflow: hidden;

}

.more_product {

	color: #333;

	vertical-align: text-top;

	font-size: 12px;

}

.more_product:hover {

	color: #f25618;

}

.flip_button_box {

	margin-top: 10px;

}

.green_btn {

	background: #73b434;

	color: #fff;

	padding: 4px 30px;

	border-radius: 8px;

}

.txtc {

	text-align: center !important;

}

.mf10 {

	margin-left: 10px;

}

/*品牌实力*/

.brand_list_box {

	float: left;

	margin-left: 12px;

	position: relative;

	width: 230px;

}

.brand_list_box a {

	display: block;

}

.brand_list_box img {

	width: 230px;

	height: 210px;

}

.gray_image {

	position: relative;

}

.brand_list_box:hover .green_image {

	-webkit-transition: 0.5s;

	transition: 0.5s;

	position: absolute;

	top: 0;

	display: block;

}

.green_image {

	position: absolute;

	top: 0;

	display: none;

}

/* 合作案例 */



.indexbox1 {
	width: 100%;
	overflow: hidden;
	padding: 50px 0 0 0;
}

.case_1 {
	background: url(../images/casebj2.jpg) left top no-repeat
}

.indexbox1 .indexbox1_gun {
	margin: 0 auto;
	padding: 10px 5px;
	position: relative;
}

.indexbox1 .indexbox1_gun li {
	background: #f4f4f4;
	overflow: hidden;
	width: 260px;
	float: left;
	margin: 0 13px;
}

.indexbox1 .indexbox1_gun li .pic {
	display: block;
	overflow: hidden;
	position: relative;
}

.indexbox1 .indexbox1_gun li .pic img {
	width: 100%;
	height: 190px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.indexbox1 .indexbox1_gun li .pic i {
	width: 100%;
	height: 200px;
	background: url(../images/icon_yuanj.png) center center no-repeat rgba(0, 0, 0, 0.5);
	position: absolute;
	top: -100%;
	left: 0px;
	z-index: 1;
	display: block;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.indexbox1 .indexbox1_gun li .nr {
	overflow: hidden;
	height: 40px;
	background: #605d5c;
}

.indexbox1 .indexbox1_gun li .nr .bt {
	overflow: hidden;
	height: 24px;
	display: block;
	padding: 0 0 0 18px;
	color: #fd6c01;
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 10px 0;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.indexbox1 .indexbox1_gun li .nr p {
	display: block;
	height: 30px;
	line-height: 40px;
	overflow: hidden;
	/* padding: 0 0 0 18px; */
	color: #fff;
	text-align: center;
}

.indexbox1 .indexbox1_gun li .nr .yc {
	overflow: hidden;
	text-align: center;
	padding: 8px 18px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.indexbox1 .indexbox1_gun li .nr .yc a {
	display: block;
	overflow: hidden;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	width: 105px;
	line-height: 28px;
	background: #fff;
	-moz-box-shadow: 0px 0px 5px #fff;
	-webkit-box-shadow: 0px 0px 5px #fff;
	box-shadow: 0px 0px 5px #fff;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.indexbox1 .indexbox1_gun li .nr .yc .zx {
	float: left;
}

.indexbox1 .indexbox1_gun li .nr .yc .xx {
	float: right;
}

.indexbox1 .indexbox1_gun li .nr .yc a:hover {
	background: #fd6c01;
	color: #fff;
}

.indexbox1 .indexbox1_gun li:hover .nr .yc {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.indexbox1 .indexbox1_gun li:hover .nr .bt {
	margin: 8px 0 0 0;
}

.indexbox1 .indexbox1_gun li:hover .pic i {
	top: 0px;
}

.indexbox1 .indexbox1_gun .prev,
.indexbox1 .indexbox1_gun .next {
	display: block;
	width: 23px;
	height: 37px;
	background: url(../images/icon_lr4.png) no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -18px;
}

.indexbox1 .indexbox1_gun .prev {
	background-position: left bottom;
	left: -30px;
}

.indexbox1 .indexbox1_gun .prev:hover {
	background-position: left top;
}

.indexbox1 .indexbox1_gun .next {
	background-position: right bottom;
	right: -30px;
}

.indexbox1 .indexbox1_gun .next:hover {
	background-position: right top;
}







/*案例图库*/

.case_box {

	margin-top: 10px;

	overflow: hidden;

}

.case_box a {

	display: block;

}

.case_left_box {

	width: 725px;
	height: 341px;

	float: left;

}

.case_left_list {

	position: relative;

	width: 725px;
	height: 341px;

}

.case_left_list img {

	transition: all 0.7s;

	-webkit-transition: all 0.7s;

	-moz-transition: all 0.7s;

	-o-transition: all 0.7s;

}

.case_left_list:hover img {

	-ms-transform: scale(1.15);

	transform: scale(1.15);

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15);

	-o-transform: scale(1.15);

}

.case_desc {

	margin: 3px 20px 17px 20px;

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.case_top {

	height: 341px;

	overflow: hidden;

}

.case_top img {

	position: relative;

	width: 725px;

	height: 341px;

}

.case_bottom {

	height: 226px;

	margin-top: 15px;

	overflow: hidden;

}

.case_bottom img {

	position: relative;

	width: 480px;

	height: 226px;

}

.case_tips_box {

	font-size: 13px;

	position: absolute;

	bottom: 0;

	background: rgba(0, 0, 0, 0.75);

	width: 100%;

	padding: 0;

	color: #fff;

	transition: height 0.5s;

	-moz-transition: height 0.5s;

	-webkit-transition: height 0.5s;

	-o-transition: height 0.5s;

	height: 0px;

}

.case_tips_box span {
	/*width: 33%;*/

	display: inline-block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	text-align: center;

	margin-left: 20px;

}

.case_top:hover .case_tips_box {

	height: 50px;

}

.case_tips_box_small {

	font-size: 13px;

	position: absolute;

	bottom: 0;

	background: rgba(0, 0, 0, 0.75);

	width: 100%;

	padding: 0;

	height: 0px;

	color: #fff;

	line-height: 40px;

	transition: height 0.5s;

	-moz-transition: height 0.5s;

	-webkit-transition: height 0.5s;

	-o-transition: height 0.5s;

}

.case_tips_box_small span {

	display: inline-block;

}

.case_tips_box_small_span1 {

	font-size: 14px;

	margin-left: 20px;
	/*width: 84px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/

}

.case_tips_box_small_span2 {

	font-size: 12px;

	margin-left: 8px;

}

.case_right_box {

	width: 475px;

	float: right;

}

.case_right_top_box {

	heigh t: 400px;

	overflow: hidden;

}

.case_right_left_box {

	height: 400px;

	position: relative;

	width: 230px;

	float: left;

	overflow: hidden;

}

.case_right_left_box img {

	height: 400px;

	width: 230px;

	transition: all 0.7s;

	-webkit-transition: all 0.7s;

	-moz-transition: all 0.7s;

	-o-transition: all 0.7s;

}

.case_right_left_box:hover img {

	-ms-transform: scale(1.15);

	transform: scale(1.15);

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15);

	-o-transform: scale(1.15);

}

.case_right_left_box:hover .case_tips_box_small {

	height: 40px;

}

.case_right_right_box {

	float: left;

	hei ght: 400px;

	width: 475px;

}

.case_right_right_top_box {

	width: 472px;

	height: 200px;

	position: relative;

	overflow: hidden;

}

.case_right_right_top_box img {

	height: 200px;

	width: 469px;

	transition: all 0.7s;

	-webkit-transition: all 0.7s;

	-moz-transition: all 0.7s;

	-o-transition: all 0.7s;

}

.case_right_right_top_box:hover img {

	-ms-transform: scale(1.15);

	transform: scale(1.15);

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15);

	-o-transform: scale(1.15);

}

.case_right_right_top_box:hover .case_tips_box_small {

	height: 40px;

}

.case_right_right_bottom_box {

	overflow: hidden;

}

.case_right_right_bottom_left {

	float: left;

	width: 227px;

	height: 107px;

	position: relative;

	margin-bottom: 10px;

	margin-left: 10px;

}

.case_right_right_bottom_left img {

	width: 227px;

	height: 183px;

	position: relative;

}

.case_right_right_bottom_left:hover .case_tips_box_small {

	height: 40px;

}

.right_bottom_ohver {

	overflow: hidden;

}

.right_bottom_ohver img {

	transition: all 0.7s;

	-webkit-transition: all 0.7s;

	-moz-transition: all 0.7s;

	-o-transition: all 0.7s;

}

.right_bottom_ohver:hover img {

	-ms-transform: scale(1.15);

	transform: scale(1.15);

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15);

	-o-transform: scale(1.15);

}

.case_right_right_bottom_right {

	float: right;

	width: 230px;

	height: 183px;

	position: relative;

	margin-top: 16px;

}

.case_right_right_bottom_right img {

	width: 230px;

	height: 183px;

	position: relative;

}

.case_right_right_bottom_right:hover .case_tips_box_small {

	height: 40px;

}

.case_right_bottom_box {

	margin-top: 15px;

	position: relative;

	height: 226px;

	width: 705px;

	overflow: hidden;

}

.case_right_bottom_box img {

	height: 226px;

	width: 705px;

	transition: all 0.7s;

	-webkit-transition: all 0.7s;

	-moz-transition: all 0.7s;

	-o-transition: all 0.7s;

}

.case_right_bottom_box:hover img {

	-ms-transform: scale(1.15);

	transform: scale(1.15);

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15);

	-o-transform: scale(1.15);

}

/*设计师*/

.designer_content_box {

	overflow: hidden;

}

.designer_video_box {

	position: relative;

	width: 309px;

	height: 578px;

	float: left;

}

.designer_box {

	width: 888px;

	height: 578px;

	float: right;

	overflow: hidden;

	position: relative;

}

.designer_list_box {

	width: 284px;

	height: 284px;

	margin-left: 10px;

	float: left;

	font-size: 12px;

	background: #f8f8f8;

	margin-bottom: 10px;

}

.designer_list_box i {

	font-style: normal;

	color: red;

}

.designer_list_box .designer_info {

	background: rgba(0, 0, 0, 0.75);

	position: absolute;

	height: 0px;

	bottom: 0;

	width: 100%;

	transition: height 0.5s;

	-moz-transition: height 0.5s;

	-webkit-transition: height 0.5s;

	-o-transition: height 0.5s;

}

.designer_list_box p {

	overflow: hidden;

	position: relative;

	width: 284px;

}

.designer_img_box {

	height: 284px;

	width: 284px;

	overflow: hidden;

}

.designer_list_box:hover .designer_info {

	height: 80px;

}

.designer_list_box img {

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

}

.designer_list_box:hover img {

	-ms-transform: scale(1.15);

	transform: scale(1.15);

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15);

	-o-transform: scale(1.15);

}

.designer_btn_box {

	position: absolute;

	bottom: 0px;

	display: none;

}

.designer_btn_box a {

	display: inline-block;

	color: #fff;

	font-size: 12px;

	padding: 6px 30px;

}

.see_case {

	background: rgba(127, 127, 127, 0.8);

}

.see_case:hover {

	background: #7f7f7f;

}

.order_design {

	background: rgba(243, 134, 15, 0.8);

}

.order_design:hover {

	background: #f3860f;

}

/*在建工地*/

.construction_style {

	display: inline-block;

	width: 800px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.construction_style a {

	margin-right: 20px;

	color: #7f7f7f;

}

.construction_style a:hover {

	text-decoration: underline;

}

.more_btn {

	display: inline-block;

	float: right;

}

.more_btn a {

	color: #333;

}

.more_btn a:hover {

	color: #f25618;

}

.construction_list_box {

	margin-left: -12.6px;

	width: 968px;

	height: 432px;

	float: left;

}

.construction_list_box_right {

	float: right;

	width: 230px;

	height: 432px;

	background: url(../images/tuanzhuan.png);

}

.construction_list_box_right a {

	display: block;

	width: 188px;

	height: 35px;

	border: 1px solid #fff;

	margin: auto;

	text-align: center;

	color: #fff;

	line-height: 35px;

	margin-top: 350px;

}

.construction_list_box_right a:hover {

	background: #fff;

	color: #000;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.construction_list {

	width: 310px;

	height: 210px;

	position: relative;

	float: left;

	margin-left: 12.6px;

	margin-bottom: 10px;

	overflow: hidden;

}

.construction_list a {

	display: block;

}

.construction_list:hover .construction_tips {

	height: 66px;

}

.construction_list img {

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

}

.construction_list:hover img {

	-ms-transform: scale(1.15);

	transform: scale(1.15);

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15);

	-o-transform: scale(1.15);

}

.construction_tips {

	position: absolute;

	bottom: 0;

	width: 100%;

	background: rgba(0, 0, 0, 0.75);

	color: #fff;

	font-size: 12px;

	font-size: 13px;

	height: 0px;

	transition: height 0.5s;

	-moz-transition: height 0.5s;

	-webkit-transition: height 0.5s;

	-o-transition: height 0.5s;

}

.construction_tips span {

	display: inline-block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	margin-top: 5px;

}

/*团装小区*/

.village_left_swiper {

	width: 345px;

	height: 350px;

}

.village_left {

	width: 460px;

	float: left;

}

.gallery-textbox {

	position: absolute;

	bottom: 0;

	background: rgba(0, 0, 0, 0.5);

	width: 100%;

	color: #fff;

}

.village_right {

	width: 740px;

	float: right;

}

.village_right {

	font-size: 12px;

	overflow: hidden;

}

.village_right_list {

	background: #f8f8f8;

	width: 236px;

	height: 350px;

	float: left;

	margin-left: 10px;

	text-align: center;

	padding-top: 5px;

}

.village_right_list:hover {

	background: #73b434;

	color: #fff;

}

.village_right_list img {

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

}

.village_right_list:hover img {

	-ms-transform: scale(1.15);

	transform: scale(1.15);

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15);

	-o-transform: scale(1.15);

}

.village_right_list:hover .green_btn {

	background: #036833;

	color: #fff;

	padding: 4px 30px;

	border-radius: 8px;

}

.village_right_img {

	display: block;

	margin-top: 5px;

	margin: auto;

	margin-bottom: 10px;

	width: 226px;

	height: 190px;

	overflow: hidden;

}

.village_right_list img {

	width: 226px;

	height: 190px;

}

.village_right_list p {

	line-height: 30px;

	text-align: left;

	width: 200px;

	margin: auto;

}

.short_span {

	width: 90px;

	display: inline-block;

}

.long_span {

	width: 210px;

	display: inline-block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

/*整装和定制*/

.width1200 {

	width: 1200px;

	height: 410px;

}

.pagination {

	position: absolute;

	z-index: 20;

	left: 10px;

	bottom: 10px;

}

.width310 {

	width: 310px !important;

	height: 400px;

}

.swiper-pagination-switch {

	display: inline-block;

	width: 8px;

	height: 8px;

	border-radius: 8px;

	background: #222;

	margin-right: 5px;

	opacity: 0.8;

	border: 1px solid #fff;

	cursor: pointer;

}

.swiper-visible-switch {

	background: #aaa;

}

.swiper-active-switch {

	background: #fff;

}

.customized_list_box {

	-webkit-transition: 0.5s;

	transition: 0.5s;

	width: 290px;

	height: 400px;

	background: #fff;

	color: #333;

	margin: 5px auto auto auto;

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.customized_list_box:hover {

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

}

.flip_button_box {

	width: 100%;

	height: 20px;

	text-align: right;

}

/*装修知识部分*/

.knowledge_box {

	width: 1200px;

	overflow: hidden;

	background-size: 175px 200px;

	height: 200px;

	background-color: #f8f8f8 !important;

}

.knowledge_list_top {

	width: 239px;

	height: 200px;

	overflow: hidden;

}

.knowledge_pic_box {

	width: 239px;

	height: 200px;

}

.knowledge_pic_box img {

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

	width: 239px;

	height: 200px;

}

.knowledge_pic_box:hover img {

	-ms-transform: scale(1.1);

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	width: 239px;

	height: 200px;

}

.first_knowledge_box {

	background: url(../images/knowledge_top.jpg) left center no-repeat;

	margin-bottom: 14px;

}

.last_knowledge_box {

	background: url(../images/knowledge_bottom.jpg) left center no-repeat;

	margin-bottom: 40px;

}

/*装修攻略*/

.knowledge_list_top {

	float: left;

	position: relative;

	margin-left: 16px;

}

.knowledge_list_top img {

	width: 239px;

	height: 200px;

}

.knowledge_list_top:first-child {

	margin-left: 196px;

}

.knowledge_list_top_mask {

	position: absolute;

	bottom: 0px;

	background: rgba(0, 0, 0, 0.6);

	width: 100%;

	height: 28px;

	color: #fff;

	text-align: center;

	font-size: 12px;

	line-height: 28px;

}

/*大家都在问*/

.knowledge_list_box {

	width: 333px;

	float: left;

	overflow: hidden;

	margin-top: 25px;

}

.knowledge_list_box a {

	color: #333;

}

.knowledge_img_box {

	position: absolute;

	margin-left: 0px;

}

.knowledge_list {

	margin-left: 120px;

	position: relative;

	margin-top: -2px;

}

.knowledge_list li {

	list-style: disc;

	font-size: 13px;

	width: 180px;

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	line-height: 26px;

}

.knowledge_list_box a:hover {

	text-decoration: underline;

	color: #ff343f !important;

}

.knowledge_title {

	margin-bottom: 20px;

	font-size: 18px;

}

.list_first {

	margin-left: 196px;

}

.list_next {
	/*margin-left: 70px;*/

}

#customized .swiper-slide {

	opacity: 1;

}

#interent .swiper-slide {

	opacity: 1;

}

/*2月28日改版新增*/


.liuyan {
	overflow: hidden;
	width: 990px;
	height: 323px;
	border: 5px solid #605d5c;
	margin: 20px auto;
	background: #fff;
}

.liuyan .tu {
	overflow: hidden;
	width: 439px;
	height: 323px;
	background: url(../images/liuyan.jpg) no-repeat center;
	float: left
}

.liuyan .tu p {
	font-size: 25px;
	color: #fff;
	font-weight: bold;
	margin-left: 112px;
	margin-top: 225px;
}

.liuyan ul {
	overflow: hidden;
	width: 525px;
	float: right;
	margin-top: 30px;
}

.liuyan li {
	overflow: hidden;
	margin-bottom: 12px;
}

.liuyan input {
	display: block;
	float: left;
	padding-left: 40px;
	height: 40px;
	border: 1px solid #c0c0c0;
	border-radius: 20px;
	line-height: 40px;
	font-size: 13px;
	color: #333;
	margin-right: 15px;
	width: 203px;
}

.liuyan select {
	width: 245px;
	height: 30px;
	line-height: 32px;
	border: 1px solid #c0c0c0;
	font-size: 13px;
	color: #333;
	padding: 0 10px;
}

.liuyan textarea {
	padding: 10px;
	padding-left: 40px;
	width: 454px;
	height: 100px;
	background: url(../images/liuyan04.png) no-repeat left top;
	font-size: 13px;
	color: #333;
	border: 1px solid #c0c0c0;
	resize: none;
	margin-bottom: 10px;
}

.liuyan .name {
	background: url(../images/liuyan01.png) no-repeat left center;
}

.liuyan .mianji {
	background: url(../images/liuyan02.png) no-repeat left center;
}

.liuyan .phone {
	background: url(../images/liuyan03.png) no-repeat left center;
}

.liuyan em {
	display: block;
	width: 248px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 13px;
	color: #fff;
	cursor: pointer;
	background-color: #fc6e19;
	float: left;
	margin-right: 10px;
}

.liuyan a.zxdz {
	color: #000;
	background-color: #e6e6e6;
	display: block;
	width: 248px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 13px;
	cursor: pointer;
	float: left;
	margin-right: 10px;
}








.card_title_box {
	width: 1300px;
	margin: auto;
	overflow: hidden;
	padding-top: 30px;
	/* margin-bottom: 20px; */
	text-align: center;

}

.title_green_pic {

	vertical-align: sub;

	margin-right: 5px;

}









.header,
.content,
.footer,
.container {
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
}

.clearfix:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/* 公司简介 */


.about_con{ }
.top50 {
    margin-top: 50px;
}
.inabout{ 
	/* background: url(../images/index_10.jpg) no-repeat center top; */
	 padding-top: 30px; }
.inabout .lmtit{ text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 5px; color: #6b6866; }
.inabout .lmjj{     font-size: 22px;
	margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;    text-align: center;
    color: #dadada;}
.inabout .nr{ background: #fff; padding: 20px 20px 20px 650px; position: relative; min-height: 420px; box-shadow: 0 0 20px rgba(0,0,0,.1); }
.inabout .nr .pic{ width: 590px; height: 420px; position: absolute; left: 20px; top: 20px; }
.inabout .nr .pic img{ width: 100%; height: auto; }
.inabout .nr .tit{ font-size: 22px; font-weight: bold; color: #717171; margin: 40px 0 5px; }
.inabout .nr .xian{ width: 70px; height: 1px; background: #074dc4; margin: 10px 0; }
.inabout .nr .wz{ font-size: 16px; line-height: 30px; color: #666; margin-bottom: 20px; height: 120px; overflow: hidden; }
.inabout .nr .more{ display: block; width: 100px; height: 30px; line-height: 30px; border: 1px solid #074dc4; font-size: 14px; text-align: center; color: #666; border-radius: 8px; margin-bottom: 40px; }
.inabout .nr .more:hover{ background: #074dc4; color: #fff; }
.inabout .nr .ann ul li{ display: block; width: 29.3333%; margin: 0 4% 0 0; float: left; border-radius: 8px; background: #074dc4; text-align: center; padding: 15px 0; color: #fff;  height: 60px;}
.inabout .nr .ann ul li .ico{ line-height: 40px; }
/* .inabout .nr .ann ul li .ico img{ padding-right: 10px;} */




/* 新闻中心 */

.news {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #e0e0e0;
}

.news .newsCon {
	width: 340px;
	padding: 30px 29px;
	border: 1px solid #e0e0e0;
	border-top: none;
	margin: -1px 0 0 -1px;
	border-bottom: none;
	float: left;
}

.news h3 {
	font-weight: normal;
	margin-bottom: 24px;
}

.news h3 a {
	display: block;
	height: 34px;
	background: url(../images/news01.png) no-repeat right center;
}

.news h3 b {
	font-size: 22px;
	color: #074dc4;
	margin-right: 10px;
}

.news h3 i {
	font-size: 10px;
	color: #009270;
}

.news dt {
	padding: 10px;
	background: #fff;
	margin-bottom: 15px;
}

.news dt img {
	display: block;
	height: 200px;
}

.news dd {
	height: 24px;
	line-height: 24px;
	padding-left: 18px;
	background: url(../images/ty01.png) no-repeat left center;
	margin-bottom: 10px;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news dd a {
	color: #333;
	font-weight: bold;
}



.news a.news_more {
	display: block;
	width: 112px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border: 1px solid #d7d7d7;
	border-radius: 20px;
	font-size: 14px;
	margin-top: 40px;
	color: #007f61;
}



.news .newsCon:hover a.news_more {
	background: #074dc4;
	color: #fff;
	border-color: #074dc4;
}

.news dl dd:hover {
	background: url(../images/ty02.png) no-repeat left center;
}


/* 新闻中心 */


/*indexbox6*/
.indexbox6 {
	width: 100%;
	overflow: hidden;
	padding: 20px 0;
	padding-bottom: 30px;
}
.indexbox6 dl {
	overflow: hidden;
}
.indexbox6 dl dt {
	width: 340px;
	float: left;
	margin: 21px 0 0 0;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	background: #d8d8d8;
}
.indexbox6 dl dt .b {
	color: #074dc4;
	font-size: 16px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 15px 10px 0 15px;
	font-weight: bold;
}
.indexbox6 dl dt p {
	line-height: 18px;
	height: 54px;
	overflow: hidden;
	display: block;
	margin: 10px 10px 10px 15px;
	font-size: 14px;
}
.indexbox6 dl dt span {
	margin: 0 0 15px 15px;
	display: block;
	background: url(../images/icon_time.png) left center no-repeat;
	padding-left: 22px;
}
.indexbox6 dl dd {
	width: 355px;
	height: 60px;
	padding: 15px 10px 15px 15px;
	float: left;
	margin: 21px 0 0 21px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.indexbox6 dl dd .time {
	background: #605d5c;
	color: #fff;
	width: 60px;
	height: 60px;
	overflow: hidden;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	margin-right: 15px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	font-size: 14px;
	padding: 04px;
}
.indexbox6 dl dd .time span {
	display: block;
	font-size: 22px;
	margin: 8px 0 0 0;
}
.indexbox6 dl dd a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.indexbox6 dl dd p {
	   line-height: 18px;
	   height: 36px;
	   display: block;
	    overflow: hidden;
	    font-size: 14px;
	    margin-top: 8px;
}
.indexbox6 dl dt.more {
	width: 100%;
	float: left;
}
.indexbox6 dl dt.more a {
	width: 155px;
	line-height: 38px;
	border: 1px solid #000;
	text-align: center;
	margin: 10px auto 0 auto;
	display: block;
	color: #333;
	font-size: 14px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.indexbox6 dl dt.more a:hover {
	background: #555555;
	color: #fff;
}
.indexbox6 dl dt:hover {
	background: #074dc4;
	color: #fff;
}
.indexbox6 dl dt:hover .b {
	color: #fff;
}
.indexbox6 dl dt:hover span {
	background: url(../images/icon_timeb.png) left center no-repeat;
}
.indexbox6 dl dd:hover {
	background: #074dc4;
	color: #fff;
}
.indexbox6 dl dd:hover .time {
	background: #fff;
	color: #605d5c;
}
.indexbox6 dl dd:hover a {
	color: #fff;
}
.indexbox6 dl dt.more:hover {
	background: none;
}
.indexbox6 .indexbox6_bt {
	text-align: center;
	overflow: hidden;
	padding: 20px 0 8px 0;
}
.indexbox6 .indexbox6_bt ul {
	display: inline-block;
}
.indexbox6 .indexbox6_bt ul li {
	float: left;
	line-height: 36px;
	margin: 0 6px;
	width: 106px;
	background: #a4a4a4;
	font-size: 14px;
	color: #fff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	cursor: pointer;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.indexbox6 .indexbox6_bt ul li.on, .indexbox6 .indexbox6_bt ul li:hover {
	background: #074dc4;
	letter-spacing: 2px;
}


.indexbox6 .diysbt .b2 span {
	font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    color: #dadada;
}








.card_title_left {

	width: 100%;

	float: left;

	overflow: hidden;

	he ight: 40px;
	margin-bottom: 15px;

}

.card_title_right {

	width: 20%;

	float: right;

	text-align: right;

	font-size: 12px;

	margin-top: 17px;

}

.card_title_right a {

	color: #000;

}

.card_title_right a:hover {

	color: #ff343f;

}

.big_size_blod {

	font-size: 28px;

	font-weight: bold;

	color: #074dc4;

	display: block;

	margin-bottom: 10px;

}

.big_size {

	font-size: 28px;

	margin-left: 8px;

	margin-right: 10px;

}

.small_size {

	font-size: 12px;

}

.title_little {

	font-size: 16px;
	display: block;

	margin: 0 auto;
	height: 52px;
	line-height: 50px;
}

.title_little a {

	font-style: normal;
	color: #474747;
	width: 210px;
	display: inline-block;
	backg round: #e6e6e6;
	border: 1px solid #2c2a2d;
	border-radius: 26px;
	margin-right: 10px;
	font-size: 16px;

}

.title_little a:hover {

	text-decoration: underline;
	background: #074dc4;
	color: #fff;
	text-decoration: none;

}

.hot_product {

	overflow: hidden;

	clear: both;

	/* background: #242424; */

}

.hot_pic {

	width: 30%;

	height: 400px;

	position: relative;

	/* background: #eee; */

}

.hot_pic img {

	width: 100%;

	height: 100%;

}

.hot_banner {

	width: 70%;

	height: 400px;

	position: relative;

}

.hot_banner img {

	width: 100%;

	height: 400px;

}

.hot_top_btn {

	position: absolute;

	display: block;

	width: 78px;

	height: 26px;

	background: #a4e14b;

	font-size: 12px;

	text-align: center;

	line-height: 26px;

	bottom: 43px;

	left: 20px;

	color: #000;

	-webkit-transition: all .3s ease;

	transition: all .3s ease;

}

.hot_top_btn:hover {

	background: #f8f625;

}

.hot_bottom_btn {

	position: absolute;

	display: block;

	width: 78px;

	height: 26px;

	background: #b06b37;

	font-size: 12px;

	text-align: center;

	line-height: 26px;

	bottom: 40px;

	left: 22px;

	color: #fff;

	-webkit-transition: all .3s ease;

	transition: all .3s ease;

}

.hot_bottom_btn:hover {

	background: #c84025;

}

.arrow-left {

	display: block;

	position: absolute;

	z-index: 99;

	width: 139px;

	height: 400px;

	left: 0;

}

.arrow-left:hover {

	background: url(../images/arrowhover_left.png) center center no-repeat;

	display: inline-block;

	position: absolute;

	z-index: 99;

	width: 139px;

	height: 400px;

}

.arrow-right {

	display: block;

	position: absolute;

	z-index: 99;

	width: 139px;

	height: 400px;

	right: 0;

}

.arrow-right:hover {

	background: url(../images/arrowhover_right.png) center center no-repeat;

	display: inline-block;

	position: absolute;

	z-index: 99;

	width: 139px;

	height: 400px;

}

.gray_bgColor {

	background: #232225;

}

/*.prd-intro-floor div:hover img{transform: rotateY(180deg);}*/
.prd-intro-floor {

	width: 1200px;

	height: 330px;

	margin: auto;

	overflow: hidden;

	position: relative;

}

.prd-intro-first {

	position: absolute;

	display: block;

	top: 0px;

	left: 0px;

	width: 460px;

	height: 330px;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: 100% 100%;

	transition: all 0.9s;

	cursor: pointer;

}

.prd-intro-first:hover {

	background-size: 105% 105%;

}

.prd-intro-first-liner {

	display: block;

	background: white;

	display: block;

	position: absolute;

	left: 22px;

	top: 205px;

	width: 30px;

	height: 1px;

}

.prd-intro-line-one {

	color: white;

	font-size: 32px;

	font-weight: bold;

	display: block;

	position: absolute;

	left: 22px;

	top: 242px;

}

.prd-intro-line-two {

	color: #e9e9e9;

	font-size: 14px;

	display: block;

	position: absolute;

	left: 22px;

	top: 290px;

}

.prd-intro-icon {

	position: absolute;

	right: 30px;

	bottom: 30px;

	display: block;

	transition: all 0.3s;

}

.prd-intro-second {

	position: absolute;

	top: 0px;

	left: 471px;

	width: 280px;

	height: 330px;

	background-position: 0px 0px;

	background-repeat: no-repeat;

	background-size: 100% 100%;

	background: url(../images/prd-intro-second.jpg) no-repeat center;

	display: block;

	cursor: pointer;

}

.prd-intro-second-images {

	position: absolute;

	bottom: 0;

	right: 10px;

	transition: all 0.3s;

}

.prd-intro-second:hover .prd-intro-second-images {

	position: absolute;

	bottom: 0;

	right: 20px;

}

.prd-intro-second-liner {

	display: block;

	width: 30px;

	height: 1px;

	background: #3e545f;

	position: absolute;

	top: 24px;

	left: 12px;

}

.prd-intro-second-line-one {

	color: #dc4e1d;

	font-size: 26px;

	font-weight: bold;

	display: block;

	position: absolute;

	left: 12px;

	top: 55px;

}

.prd-intro-second-line-two {

	color: #3e3e3e;

	font-size: 14px;

	display: block;

	position: absolute;

	left: 12px;

	top: 100px;

}

.prd-intro-third {

	position: absolute;

	right: 0px;

	top: 0;

	width: 440px;

	height: 160px;

	background-position: 0px 0px;

	background-repeat: no-repeat;

	background-color: #efeef3;

	display: block;

	cursor: pointer;

}

.prd-intro-third:hover .small_imgs {

	right: 40px;

	position: absolute;

	bottom: 30px;

}

.prd-intro-third-liner {

	display: block;

	width: 30px;

	height: 1px;

	background: #3e545f;

	position: absolute;

	top: 37px;

	left: 23px;

}

.prd-intro-third-line-one {

	color: #dc4e1d;

	font-size: 26px;

	font-weight: bold;

	display: block;

	position: absolute;

	left: 20px;

	top: 68px;

}

.prd-intro-third-line-two {

	color: #605f61;

	font-size: 14px;

	display: block;

	position: absolute;

	left: 20px;

	top: 111px;
	width: 260px;

}

.prd-intro-fourth {

	position: absolute;

	right: 0px;

	top: 170px;

	width: 440px;

	height: 160px;

	background-position: 0px 0px;

	background-repeat: no-repeat;

	background-size: 100% 100%;

	background-color: #efeef3;

	display: block;

	cursor: pointer;

}

.small_imgs {

	right: 30px;

	position: absolute;

	top: 30px;

	transition: all 0.3s
}

.prd-intro-fourth:hover .small_imgs {

	right: 40px;

	position: absolute;

	top: 30px;

}

.shj_index_jsq_box {

	width: 100%;

	height: 390px;

	margin: 0 auto;

}

.shj_index_jsq {

	width: 1220px;

	height: inherit;

	margin: 0 auto;

}

.shj_index_jsq_title {

	width: inherit;

	height: 100px;

	text-align: center;

	margin-top: 20px;

}

.shj_index_jsq_title>h2 {

	font-size: 32px;

}

.shj_index_jsq_title_line {

	color: #75b43f;

	font-weight: bold;

}

.shj_index_jsq_content {

	width: inherit;

	height: 290px;

	float: left;

}

.shj_index_jsq_menu_box {

	width: 220px;

	height: 250px;

	float: left;

}

.shj_index_jsq_menu {

	width: 105px;

	background: #f6f6f6;

	float: left;

	border-radius: 7px;

	text-align: center;

	padding: 27px 0;

	cursor: pointer;

	position: relative;

}

.shj_index_jsq_menu_bg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.shj_index_jsq_menu_click {

	background: #064e38;

	color: #fff;

}

.shj_index_jsq_menu_left {

	margin-left: 10px;

}

.shj_index_jsq_menu_big {

	margin-top: 10px;

	width: 220px;

}

.shj_index_jsq_menu>h5 {

	margin-top: 5px;

}

.shj_index_jsq_menu_img2 {

	display: none;

}

.shj_index_jsq_info_box {

	width: 800px;

	height: 212px;

	padding: 19px 30px 19px 0px;

	font-size: 14px;

	float: left;

	position: relative;

	margin-left: 10px;

}

#shj_index_jsq_bj,
#shj_index_jsq_lfyf {

	position: absolute;

	top: 19px;

	left: 45px;

}

#shj_index_jsq_lfyf {

	display: none;

}

.shj_index_jsq_item {

	width: 750px;

	height: 45px;

}

.shj_index_jsq_item>h5 {

	width: 60px;

	height: 30px;

	line-height: 30px;

	float: left;

}

.shj_index_jsq_select {

	width: 150px;

	height: 30px;

	bord er: 1px solid #c8c8c8;

	border-radius: 8px;

	text-align: center;

	line-height: 30px;

	position: relative;

	margin-left: 15px;

	cursor: pointer;

	font-size: 14px;

	background: #fff;

	display: inline-block;

}

.shj_index_jsq_text {

	width: 150px;

	height: 30px;

	border: 1px solid #c8c8c8;

	border-radius: 8px;

	text-align: center;

	line-height: 30px;

	position: relative;

	margin-left: 20px;

	cursor: pointer;

	font-size: 14px;

	float: left;

	outline: none;

}

.shj_index_jsq_select_bg {

	width: inherit;

	height: inherit;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 99;

}

.shj_index_jsq_jicon {

	text-align: right;

	position: absolute;

	top: 0px;

	right: 20px;

}

.shj_index_jsq_input {

	width: 495px;

	text-align: left;

	text-indent: 20px;

}

.shj_index_jsq_input:focus {

	border: 1px solid #75b43f;

}

.shj_index_jsq_radio {

	width: auto;

	height: 30px;

	line-height: 30px;

	margin-left: 20px;

	display: inline-block;

	cursor: pointer;

	position: relative;

}

.shj_index_jsq_radio span {

	font-size: 12px;

}

.shj_index_jsq_radio_bg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.shj_index_jsq_ricon {

	display: block;

	width: 16px;

	height: 16px;

	margin: 7px 8px 0 0;

	background: url(../images/icon.png) no-repeat;

	background-position: -30px -828px;

	cursor: pointer;

	float: left;

}

.shj_index_jsq_ricon_check {

	background-position: -6px -828px;

}

.shj_index_jsq_cbtn {

	background: #222023;

	color: #fff;

	line-height: 20px;

}

.shj_index_jsq_select_list {

	width: inherit;

	height: auto;

	background: #fff;

	padding: 7px 0;

	position: absolute;

	top: 23px;

	left: -1px;

	z-index: 999;

	border-left: 1px solid #75b43f;

	border-right: 1px solid #75b43f;

	border-bottom: 1px solid #75b43f;

	border-bottom-left-radius: 8px;

	border-bottom-right-radius: 8px;

	position: absolute;

	top: 25px;

	left: -1px;

	z-index: 999;

	display: none;

	max-height: 140px;

	overflow: hidden;

	overflow-y: auto;

}

.shj_index_jsq_select_list li {

	height: 30px;

}

.shj_index_jsq_select_list li:hover {

	background: #f6f6f6;

}

.shj_index_jsq_city_list {

	height: 210px;

	overflow-y: scroll;

}

.shj_index_jsq_bj_box {

	width: 160px;

	height: 250px;

	float: left;

	position: relative;

}

#shj_index_jsq_bj_right,
#shj_index_jsq_lf_right,
#shj_index_jsq_yf_right {

	position: absolute;

	top: 5px;

	left: 0;

}

#shj_index_jsq_lf_right,
#shj_index_jsq_yf_right {

	display: none;

}

.shj_index_jsq_brst {

	width: 150px;

	height: 65px;

	background: #f6f6f6;

	color: #cf832f;

	border-radius: 8px;

	text-align: center;

	font-size: 16px;

	padding-top: 5px;

	margin-bottom: 10px;

}

.shj_index_jsq_brst>h5 {

	margin-bottom: 10px;

}

.shj_index_jsq_bj_box>p {

	width: 132px;

	padding: 10px 9px 6px;

	line-height: 18px;

}

.shj_index_jsq_btn {

	width: 150px;

	height: 46px;

	border-radius: 8px;

	border: 1px solid #9fc97f;

	color: #9fc97f;

	margin-top: 10px;

	font-size: 14px;

	cursor: pointer;

}

.shj_index_jsq_rbtn {

	background: #75b43f;

	color: #fff;

}

.shj_index_jsq_info_box input[type='text'] {

	cursor: text;

}

.shj_index_jsq_right_img {

	width: 150px;

	height: 212px;

	border-radius: 8px;

}

.shj_index_jsq_wdiv {

	width: inherit;

	height: 35px;

}

.right-img-tip {

	position: absolute;

	right: 20px;

	top: 20px;

	display: block;

	width: 150px;

	height: auto;

}

.calculator_right_slide {

	position: absolute;

	width: 100%;

	padding: 55px 0px;

	left: 0px;

	top: 0px;

}

.calculator_right {

	display: inline-block;

	vertical-align: top;

	margin-left: 10px;

	position: relative;

	background-color: #f6f6f6;

	width: 973px;

	height: 140px;

	padding: 55px 0px;

}

.calculator_right_modal {

	display: block;

	margin-bottom: 15px;

	margin-top: 20px;

	padding: 0px 20px;

}

.calculator_right_modal label {

	margin-right: 0px;

	font-size: 14px;

}

.calculator_right_modal select {

	display: inline-block;

	width: 145px;

	height: 30px;

	text-align: center;

	background-color: #fff;

	margin-right: 15px;

	text-align: center;

	border-radius: 6px;

	text-align-last: center;

}

.calculator_right_modal select:focus {

	border-color: #dc4e1d;

}

.calculator_right_modal input {

	display: inline-block;

	width: 140px;

	height: 30px;

	text-align: left;

	background-color: #fff;

	padding-left: 10px;

	border-radius: 10px;

	border: 1px solid #dcdcdc;

	text-align: center;

	margin-left: 15px;

}

.calculator_right_modal input:focus {

	border-color: dc4e1d;

}

.form-radio-box {

	display: inline-block;

	width: 90px;

}

.form-radio-box input {

	display: inline-block;

	width: 15px;

	height: 15px;

	margin-right: 10px;

	vertical-align: middle;

}

.form-radio-box span {

	vertical-align: middle;

	white-space: nowrap;

	font-size: 12px;

}

.calculator-btn-red {

	display: inline-block;

	background-color: #222023;

	width: 150px;

	height: 20px;

	padding: 5px;

	text-align: center;

	color: #fff;

	border-radius: 10px;

	font-size: 12px;

	height: 20px;

	vertical-align: middle;

	line-height: 20px;

	margin-left: 15px;

}

.calculator-btn-red:hover {

	cursor: pointer;

}

.calculator_left {

	display: inline-block;

	width: 218px;

	height: 250px;

	overflow: hidden;

	vertical-align: top;

}

.calculator_left ul {

	margin-right: -10px;

}

.calculator_left-modal {

	display: block;

	width: 105px;

	height: 120px;

	background-color: #f3f3f3;

	margin-bottom: 10px;

	margin-right: 8px;

	float: left;

	border-radius: 10px;

}

.calculator_left-modal:hover {

	cursor: pointer;
	/*background: #064e38;*/

	transition: 0.3s;

}

.calculator_left-modal:hover p {
	/*color: white;*/

}

.calculator_left-modal:last-child {

	width: 218px;

	height: 120px;

}

.calculator_left-modal div {

	display: block;

	width: 30px;

	height: 40px;

	background-size: 100% 100%;

	margin: 0 auto;

	margin-top: 30px;

	margin-bottom: 5px;

	background-repeat: no-repeat;

}

.calculator_left-modal p {

	text-align: center;

	color: #dc4e1d;

	font-size: 14px;

}

.calculator_left-modal-active {

	background-color: #222023;

}

.calculator_left-modal-active>p {

	color: white;

}

.budget {

	position: absolute;

	right: 20px;

	top: 10px;

	display: block;

	width: 150px;

	height: auto;

	font-size: 13px;

}

.budget_text {

	font-size: 14px;

	margin-top: 10px;

	margin-bottom: 15px;

	color: #ce8641;

	text-align: center;

}

.budget_input {

	border: none;

	text-align: center;

	color: #ce8641;

}

.system_quotation {

	display: block;

	color: #73b434;

	border: 1px solid #73b434;

	text-align: center;

	height: 40px;

	line-height: 40px;

	border-radius: 6px;

}

/* .system_quotation:hover{background:#222023;color: #fff;}*/
.artificial_quotation {

	display: block;

	color: #fff;

	background: #222023;

	text-align: center;

	height: 42px;

	line-height: 42px;

	border-radius: 6px;

	margin-top: 10px;

}

.artificial_quotation:hover {

	background: #222023;

}


/*底部导航*/
#footer {
	width: 100%;
	/* height: 390px; */
	/* background: url(../images/foot_bg.jpg) repeat-x center top; */
	background: #7a7a7a;
}

.end {
	margin: 0px auto;
	width: 1200px;
	height: 340px;
}

.end_list {
	float: left;
	width: 1290px;
	height: 55px;
	line-height: 55px;
	text-align: left;
	font-size: 16px;
	color: #e2e2e2;
}

.end_list a {
	font-size: 16px;
	color: #e2e2e2;
	padding: 0px 16px;
}

.end_mid {
	float: left;
	width: 1080px;
	height: 245px;
	/* background: url(../images/end_biao.png) no-repeat 8px 35px; */
	padding-top: 30px;
	padding-left: 45px;
}

.end_mid_left {
	float: left;
	width: 340px;
	height: 240px;
	line-height: 35px;
	font-size: 16px;
	color: #e2e2e2;
	overflow: hidden;
}

.end_mid_left a {
	font-size: 16px;
	color: #e2e2e2;
}

.end_mid_right {
	float: right;
	width: 325px;
	height: 200px;
	padding-top: 35px;
}

.end_mid_right dl {
	float: left;
	width: 142px;
	height: 180px;
	margin-right: 20px;
}

.end_mid_right dl dt {
	float: left;
	width: 142px;
	height: 142px;
}

.end_mid_right dl dd {
	float: left;
	width: 142px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 16px;
	color: #bcbcbc;
}


.yqlj {
	width: 100%;
	height: 50px;
	background: #074dc4;
	/* margin-bottom: -22px; */
}

.copyright {
	width: 1200px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	padding-top: 10px;
}

.copyright dl {
	float: left;
	width: 1140px;
}

.copyright dl dt {
	float: left;
	width: 88px;
	line-height: 35px;
	text-align: center;
	font-size: 16px;
	color: #e2e2e2;
}

.copyright dl dd {
	float: right;
	width: 1050px;
	line-height: 30px;
	text-align: left;
	padding-top: 5px;
}

.copyright dl dd a {
	font-size: 16px;
	color: #e2e2e2;
	padding-right: 20px;
}

/*优势*/


.index_hengp1 {
	width: 100%;
	height: 143px;
	overflow: hidden;
	background: url(../images/hengbj1.png) center center no-repeat;
}

.index_hengp2 {
	width: 100%;
	height: 230px;
	overflow: hidden;
	background: url(../images/hengbj2.png) center center no-repeat;
}

.youshi {
	padding-bottom: 42px;
	width: 1200px;
	margin: 20px auto;
	height: auto;

}



.youshi .index-title {
	padding-top: 70px;
	padding-bottom: 50px;
	background: url(../images/icon-6.png) no-repeat center;
}

.youshi-list {
	width: 1230px;
}

.youshi-list li {
	position: relative;
	float: left;
	margin-right: 31px;
	margin-bottom: 30px;
	padding: 0 28px 0 38px;
	width: 377px;
	height: 210px;
	border: 1px solid #C9C9C9;
	box-sizing: border-box;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.youshi-list li:before {
	position: absolute;
	left: 50%;
	bottom: -26px;
	margin-left: -192px;
	width: 384px;
	height: 25px;
	content: url(../images/youshi-shadow.png);
}

.sp-ys {
	display: inline-block;
	background-image: url(../images/sprite-youshi.png);
	background-repeat: no-repeat;
	overflow: hidden;
}

.youshi-list li>.sp-ys {
	position: absolute;
	left: 0;
	top: 0;
	width: 41px;
	height: 41px;
}

.sp-ys1 {
	background-position: 0 0;
}

.sp-ys2 {
	background-position: 0 -41px;
}

.sp-ys3 {
	background-position: 0 -82px;
}

.sp-ys4 {
	background-position: 0 -123px;
}

.sp-ys5 {
	background-position: 0 -164px;
}

.sp-ys6 {
	background-position: 0 -205px;
}

.youshi-list li .pic {
	width: 70px;
	height: 100px;
	line-height: 100px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.fl {
	float: left;
}

.com-cell {
	display: table-cell;
	vertical-align: middle;
}

.com-table {
	display: table;
	width: 100%;
	height: 100%;
}

.youshi-list li:hover .pic {
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
}

.youshi-list li .pic .sp-ys {
	vertical-align: middle;
}

.sp-ys1-1 {
	width: 55px;
	height: 55px;
	background-position: -65px -497px;
}

.sp-ys2-1 {
	width: 52px;
	height: 52px;
	background-position: -67px -365px;
}

.sp-ys3-1 {
	width: 56px;
	height: 48px;
	background-position: -63px -437px;
}

.sp-ys4-1 {
	width: 47px;
	height: 47px;
	background-position: -67px -177px;
}

.sp-ys5-1 {
	width: 45px;
	height: 50px;
	background-position: -67px -234px;
}

.sp-ys6-1 {
	width: 48px;
	height: 56px;
	background-position: -67px -291px;
}

.youshi-list li .cont {
	width: 239px;
}

.youshi-list li h5 {
	position: relative;
	margin-bottom: 30px;
	font-size: 22px;
	color: #333;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.youshi-list li:hover h5 {
	color: #F05A28;
}

.youshi-list li h5:before {
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 25px;
	border-bottom: 1px solid #999;
	content: "";
}

.youshi-list li p {
	line-height: 1.75;
	font-size: 12px;
}




/* .tyg{background:url(../images/tygbr.jpg) no-repeat center bottom;height:940px; }
.tygdw{position:relative; right: 50px; margin-top: 25px;}
.tygms{position:absolute;}
.tygms p{font-size:16px;line-height: 28px; width:400px;}
.tygms p:nth-child(2n){ margin-top:10px;}
.tygms p strong{font-size: 18px;display: inline-block; color: #dc4e1d; margin-left: 10px;}
.tygms p span{wid th: 133px;display: inline-block;}
.tygms p em{font-size: 20px;}
.tygdw_1{left:50px; top: 50px; wid th: 400px; he ight: 84px; padding-left:60px; background:url(../images/ys_title1.png) no-repeat center left;}
.tygdw_2{left:780px;top: 35px; padding-left:60px; height: 84px; background:url(../images/ys_title2.png) no-repeat center left;}
.tygdw_3{left:10px;top: 171px; padding-left:60px; height: 84px; background:url(../images/ys_title3.png) no-repeat center left;}
.tygdw_4{left:800px;top: 148px; padding-left:60px; height: 84px; background:url(../images/ys_title4.png) no-repeat center left;}
.tygdw_5{left:780px;top: 264px; padding-left:60px; height: 84px; background:url(../images/ys_title6.png) no-repeat center left;}
.tygdw_6{left:40px;top:290px; padding-left:60px; height: 84px; background:url(../images/ys_title5.png) no-repeat center left;} */


/*关于*/
.rljj-advantage {
	overflow: hidden;
	margin-top: 0px;
	background: url(../images/advantage-bg.jpg) no-repeat top center;
	height: 660px;
	padding-top: 20px;
}

.rljj-advantage .bd {
	position: relative;
	width: 1200px;
	height: 548px;
	margin-top: 60px;
	marg in-left: 16px;
	text-align: center;
}

.rljj-advantage .bd img {
	z-index: 0;
	width: 1106px;
	height: 478px;
}

.rljj-advantage .bd .text {
	posit ion: absolute;
	bottom: 0;
	height: 40px;
	width: 480px;
	color: #2c2a2d;
	padding: 0px 20px;
	font-size: 18px;
	float: left;
	text-align: left;
	margin-left: 30px;
	line-height: 1.6em;
}

.rljj-advantage .hd {
	margin-top: 37px;
}

.rljj-advantage .hd li {
	width: 108px;
	height: 108px;
	float: left;
	margin-left: 60px;
	background: url(advantage-btn.png);
	text-align: center;
	line-height: 90px;
	color: #000000;
	font-size: 22px;
	cursor: pointer;
}

.rljj-advantage .hd li:hover {
	transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
}

/*流程*/
.yunu-tt1 {
	background: url(../images/pic2.jpg) no-repeat center 0;
	height: 266px;
	color: #fff;
	margin-top: 30px;
}

.yunu-tt1 p {
	padding-top: 62px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 5px;
}

.yunu-tt1 p span {
	display: block;
	font-size: 40px;
}

.yunu-tt1 p strong {
	color: #055abd;
}

.yunu-tt1 em {
	float: right;
	font-size: 24px;
	color: #fff;
	padding-top: 70px;
	text-align: right;
	padding-right: 40px;
	font-style: normal;
}

.yunu-tt1 em span {
	display: block;
	font-size: 26px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 18px;
}

.yunu-tt1 em a {
	display: inline-block;
	width: 110px;
	height: 38px;
	line-height: 38px;
	border-radius: 38px;
	background: #dc4e1e;
	color: #fff;
	font-size: 16px;
	text-align: center;
}

/*首页复选框*/
.calculator_right_modal .np {
	width: 14px;
	height: 14px;
	margin-right: 8px;
	margin-left: 20px;
}

/*产品2*/





/*产品展示*/



.index_case {
	overflow: hidden;
	width: 100%;
	background: url(../images/casebj.jpg) left bottom  no-repeat;
	padding: 40px 0 30px 0;
}
.index_case .index_case_bt {
	text-align: center;
	color: #fff;
	overflow: hidden;
	position: relative;
}
.index_case .index_case_bt span {
	display: inline-block;
	padding: 0 10px;
	line-height: 40px;
	
	font-size: 30px;
	
	position: relative;
	z-index: 1;
}
.index_case .index_case_bt i {
	position: absolute;
	height: 2px;
	background: #fff;
	width: 780px;
	left: 50%;
	top: 50%;
	margin-left: -390px;
	margin-top: -1px;
}
.index_case .index_case_xun {
	background: #fff;
	overflow: hidden;
	border: 3px solid #deefee;
	padding: 0 0 8px 0;
	margin: 35px 0 0 0;
}
.index_case .index_case_xun ul {
	overflow: hidden;
}
.index_case .index_case_xun ul li {
	float: left;
	margin: 6px 8px;
	overflow: hidden;
	width: 278px;
	position: relative;border: 2px solid #f1eeee;
}
.index_case .index_case_xun ul li .pic_text {
	position: absolute;
	width: 100%;
	text-align: center;
	top: -100%;
	color: #fb811d;
	font-size: 20px;
	z-index: 1;
	transition: all 0.6s;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
}
.index_case .index_case_xun ul li .pic_more {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -34px;
	z-index: 1;
	width: 68px;
	height: 64px;
	background: url(../images/icon_jia.png) no-repeat;
	transition: all 0.6s;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
}
.index_case .index_case_xun ul li .pic_more:hover {
	background: url(../images/icon_jiah.png) no-repeat;
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
}
.index_case .index_case_xun ul li .pic_bg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.index_case .index_case_xun ul li:hover .pic_text {
	top: 30%;
}
.index_case .index_case_xun ul li:hover .pic_more {
	top: 46%;
}
.index_case .index_case_xun ul li:hover .pic_bg {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.index_case .index_case_xun .line {
	background: url(../images/icon_bl.png) left center repeat-x;
	overflow: hidden;
	height: 50px;
	margin: 0 10px;
}
.index_case .index_case_an {
	text-align: center;
	overflow: hidden;
	padding: 30px 0 0 0;
}
.index_case .index_case_an a {
	width: 230px;
	line-height: 44px;
	overflow: hidden;
	display: inline-block;
	background: #605d5c;
	margin: 0 8px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	color: #fff;
	font-size: 20px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.index_case .index_case_an a.on, .index_case .index_case_an a:hover {
	background: #605d5c;
}

.wpc {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.ipro {
	position: relative;
	overflow: hidden;
	padding: 30px 0;background: #fff;
    overflow: hidden;
    border: 3px solid #deefee;
    padding: 0 0 8px 0;
    margin: 35px 0 0 0;
}
.ipro .list {
	width: 100%;
}
.ipro .item {
	float: left;
	width: 286px;
	display: block;
	height: 210px;
	overflow: hidden;
	margin-bottom: 15px;
	margin-left: 5px;
	margin-right: 5px;
	position: relative;border: 1px solid #ccc;
}
.ipro .item a {
	display: block;
	position: relative;
	width: 100%;
	height: 210px;
}
.ipro .item img {
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	width: 100%;
	height: 100%;
	display: block;
}
.ipro .item:hover img {
	transform: scale(1.06, 1.06);
}
.ipro .item h3 {
	position: absolute; text-align:center;
	left: 0;
	bottom: 0;
	width: 100%;
	text-indent: 30px;
	font-weight: normal;
	font-size: 14px;
	height: 45px;
	line-height: 45px;
	background:url(../images/black60.png) repeat;
	color: #fff;
}
.ipro .item em {
	position: absolute;
	right: 0;
	bottom: 10px;
	z-index: 2;
	width: 32px;
	height: 26px;
	background-position: -190px 0;
	display: block;
	margin-right: 30px;
	vertical-align: middle;
}
.ipro .item:hover h3 {
	background:url(../images/ipro_t.png) repeat-x left top;
}



/* .diysbt {
	overflow: hidden;
	text-align: center;
}

.diysbt .b2 {
	overflow: hidden;
	font-size: 22px;
	color: #605d5c;
	line-height: 26px;
	margin: 15px 0 0 0;
}
.diysbt .b3 {
	overflow: hidden;
	font-size: 14px;
	color: #666;
	line-height: 26px;
	margin: 15px 0 0 0;
}
.diysbt .line {
	width: 69px;
	height: 1px;
	overflow: hidden;
	margin: 18px auto 0 auto;
	background: url(../images/icon_line1.png) no-repeat;
} */

.imenu {
	text-align: center;
}
.imenu a {
	font-size: 18px; margin:10px 18px ;
	display: inline-block;
	pad ding:10px 23px;
	text-align: center;
	    border-radius: 25px;
	height: 20px;
	line-height: 40px; background:#074dc4; color:#fff; 
	width: 200px;  height: 40px;
}
.imenu a:first-child {
	border-left: 0 none;
}
.imenu a:hover {
	color: #fff;
	font-weight: bold;
}












/* .pro_bj{ overflow: hidden;font-family:"Microsoft Yahei"; /*background: url(../images/kx_pro_topbg.jpg) no-repeat center top;*/}

.pro {
	margin: 0 auto 0;
	width: 1150px;
	height: auto;
	overflow: hidden;
}

.kx_pro_nav {
	/* height: 170px; */
	/* background: #fff; */
	overflow: hidden;
	margin: 0 auto;
}

/* .kx_pro_nav ul {
	margin:26px 0;
} */


.kx_pro_nav li {
	float: left;
	width: 13.3%;	
	/* height: 60px; */
	text-align: center;
	/* background: url(../images/x_bj.png) no-repeat top; */
	padding: 0 15px;
    background: #074dc4;
    margin: 26px 5px;
}

.kx_pro_nav li.cur {
      background: #ff9905;	
}

.kx_pro_nav li:hover .kx_pro_con {
	display: block;
}

.kx_pro_nav li a {
	display: inline-block;
	font-size: 18px;
	color: #fff;
	line-height: 50px;
}

.kx_pro_nav li img {
	display: block;
	width: 183px;
	height: 84px;
	margin: 0 auto;
	-webkit-transition: all 0.10s linear 0.01s;
	-moz-transition: all 0.10s linear 0.01s;
	-ms-transition: all 0.10s linear 0.01s;
	-o-transition: all 0.10s linear 0.01s;
	transition: all 0.10s linear 0.01s;
}

.kx_pro_nav li img:hover {
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	transform: translateY(-5px);
}

.kx_pro_nav li i {
	display: block;
	font: 12px/20px "Arial";
	color: #656565;
	text-transform: uppercase;
}

.kx_pro_nav li a:hover,
.kx_pro_nav .cur a {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

.kx_pro_nav .nobg {
	background: none;
}

.kx_pro {
	overflow: hidden;
}

.kx_pro_con {
	overflow: hidden;
}

.kx_pro_con p {
	width: 646px;
	overflow: hidden;
}

.kx_pro_con p img {
	width: 644px;
	height: 426px;
	border: 1px solid #e8e8e8;
}

.kx_pro_con p span {
	display: block;
	margin-top: 17px;
	width: 614px;
	height: 39px;
	line-height: 38px;
	background: #343434;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding-left: 30px;
}

.kx_pro_con ul {
	width: 100%;
	overflow: hidden;
}

.kx_pro_con .ckgd {
	height: 40px;
    line-height: 40px;
    background: #ff9905;
    width: 20%;
    margin: auto;
    text-align: center;
    border-radius: 5px;
}

.kx_pro_con .ckgd a {
	color: #ffffff;
    font-weight: bold;
}

.kx_pro_con li {
	float: left;
	margin: 0 5px 23px 5px;
	width: 289px;
	height: 260px;
	position: relative;
	overflow: hidden;
	border: 1px solid #e8e8e8;
	transition: all 0.3s 0.3s;
}

.kx_pro_com li{

	float: left;
	margin: 0 5px 20px 5px;
	width: 580px;
	height: 260px;
	position: relative;
	overflow: hidden;
	border: 3px solid #e8e8e8;
	transition: all 0.3s 0.3s;

}

.kx_pro_con li:hover a img {
	-moz-transform: scale(1.08, 1.08);
	-webkit-transform: scale(1.08, 1.08);
	transform: scale(1.08, 1.08);
	transition: all 0.6s;
}

.kx_pro_con li .pore i{
	width: 100%;
	height: 220px;
	/* background: url(../images/icon_yuanj.png) center center no-repeat rgba(0,0,0,0.5); */
	position: absolute;
	top: -100%;
	left: 0px;
	z-index: 1;
	display: block;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.kx_pro_con li:hover .pore i {
	top: 0px;
}

.kx_pro_con li img {
	width: 100%;
	height: 216px;
}

.kx_pro_con li span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 39px;
	line-height: 39px;
	color: #3a3939;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	background: #ececec;
}

.kx_pro_con .nomar {
	margin-right: 0;
}

/* .zfx li {
	width: 274px !important;
} */




.diysbt {
	width: 1200px;
    margin: auto;
	overflow: hidden;
	text-align: center;
}

.diysbt p {
font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    color: #dadada;
}
	
.diysbt .b1 {
	font-weight: bold;
	overflow: hidden;
	font-size: 30px;
	color: #6b6866;
	line-height: 40px;
}

.diysbt .b2 {
	overflow: hidden;
	font-size: 18px;
	color: #605d5c;
	line-height: 26px;
	margin: 15px 0 0 0;
}
.diysbt .b3 {
	overflow: hidden;
	font-size: 14px;
	color: #666;
	line-height: 26px;
	margin: 15px 0 0 0;
}
.diysbt .line {
	width: 69px;
	height: 1px;
	overflow: hidden;
	margin: 18px auto 0 auto;
	background: url(../images/icon_line1.png) no-repeat;
}


.index_hengp1 {
	width: 100%;
	height: 143px;
	overflow: hidden;
	background: url(../images/hengbj1.png) center center no-repeat;
}
.index_hengp2 {
	width: 100%;
	height: 230px;
	overflow: hidden;
	background: url(../images/hengbj2.png) center center no-repeat;
}

.bshg_bg {
	backgro und: #ededed;
	padding: 25px 0;
	overflow: hidden
}

.bshg_top {
	text-align: center;
	padding-bottom: 30px;
}

.bshg_top a {
	display: block;
	font-size: 30px;
	color: #fff
}

.bshg_top a b {
	color: #266fca
}

.bshg_top a em {
	display: block;
	font-size: 16px;
	color: #666;
	padding: 10px 0;
}

.bshg {
	width: 250px;
	overflow: hidden;
}

.bshg_bt {
	background: #3c2d25;
	height: 80px;
	text-align: center;
	padding: 30px 0 0;
}

.bshg_bt a {
	font-size: 24px;
	color: #fff;
	font-weight: bold;
}

.bshg_bt a em {
	display: block;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
}

.bshg_con {
	width: 250px;
	background: #f5f5f5;
	padding: 20px 0;
}

.bshg_con h3 {
	width: 210px;
	margin: 0 auto 10px;
	clear: both;
}

.bshg_con h3 a {
	width: 210px;
	height: 40px;
	line-height: 40px;
	background: #3c2d25;
	font-size: 14px;
	color: #efb75a;
	text-align: center;
	display: block;
}

.bshg_con h3 a:hover,
.zx_con .cur a {
	background: #3c3c3c;
	color: #fff;
}

.bshg_con ul {
	width: 210px;
	margin: 0 auto
}

.bshg_con ul li {
	height: 40px;
	line-height: 40px;
	padding-left: 30px;
	width: 73%;
	float: left;
	background: url(../images/pro_li_ico01.png) no-repeat center left;
	border-bottom: 1px dotted #ccc
}

.bshg_con ul li a {
	font-size: 15px;
	color: #666;
}

.bshg_con ul li a:hover {
	color: #266fca;
}

.bshg_con ul .nobor01 {
	margin-bottom: 15px;
}

.rx {
	width: 920px;
}

.rx01 {
	position: relative;
}

.rx01 span {
	display: block;
	z-index: 99;
	position: absolute;
	top: 0;
	left: 30px;
	width: 94px;
	height: 135px;
	background: #266fca;
	text-align: center;
}

.rx01 span a {
	font-size: 18px;
	color: #fff;
	padding: 42px 0 0;
	display: block;
}

.rx01 span a b {
	display: block;
}

.rx01 span a em {
	width: 35px;
	height: 2px;
	background: #fff;
	margin: 15px auto;
	display: block;
	line-height: 0;
	font-size: 0
}

.rx01 p {
	top: 270px;
	left: 765px;
	position: absolute;
}

.rx01 p a {
	margin-right: 4px;
}








.wrap {
	width: 1200px;
	position: relative;
	margin: 0 auto;
}

.homeCase {
	background-color: #fff;
}

.caseBox {
	pad ding: 20px 0 30px;
}

.caseLeft {
	width: 1200px;
	height: 565px;
	margin-bottom: 20px;
}

.caseList dl {
	width: 1200px;
	height: 565px;
	position: relative;
	overflow: hidden;
}

.caseList dl dd {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 30px 30px 15px;
	width: 500px;
	height: 525px;
	color: #000;
	font-size: 24px;
	z-index: 19999;
	background: #f1f1f1;
}

.caseList dl dd h3 {
	font-weight: 700;
	font-size: 24px;
	line-height: 40px;
	color: #00a8ea;
	margin-top: 20px;
	margin-bottom: 30px;
}

.caseList dl dd p {
	font-size: 18px;
}


.caseList dl dd ul {
	position: relative;
	padding: 10px 10px 0;
}

.caseList dl dd ul:before {
	content: "";
	overflow: hidden;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	height: 1px;
	background: url(../images/tm-w-2.png);
}

.caseList dl dd ul li {
	width: 50%;
	float: left;
	position: relative;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
}

.caseList dl dd ul li:before {
	content: "";
	overflow: hidden;
	position: absolute;
	left: -10px;
	top: 50%;
	margin-top: -2px;
	width: 4px;
	height: 4px;
	background-color: #fff;
}

.caseMore {
	text-align: center;
}

.caseMore a {
	width: 200px;
	height: 50px;
	font-size: 16px;
	line-height: 50px;
	margin-top: 30px;
	color: #fff;
	display: inline-block;
	border: 1px solid #e82583;
	border-radius: 50px;
	background: #e82583;
	text-decoration: none;
	transition: 0.5s;
}

.caseMore a:hover {
	background-color: #f91784;
	color: #fff;
	transform: scale(1.05, 1.05);
}

.caseRight {
	width: 1200px;
}

.caseRight li {
	width: 296px;
	height: 139px;
	float: left;
	position: relative;
	margin: 0 0 4px 4px;
	cursor: pointer;
}

.caseRight li span {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(../images/tm-b-5.png);
}

.caseRight li.on span {
	border: 3px solid #dc4e1d;
	background: none;
}


/*荣誉资质*/
.yyzz {
	width: 1200px;
	margin: 0 auto;
}

.yyzz ul li {
	float: left;
}


/* 右侧联系方式 */

.full {
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 1001;
}
.full li a {
	display: block;
	width: 52px;
	height: 52px;
	margin-bottom: 1px;
	position: relative;
	background: rgba(0,0,0,0.5);
	z-index: 1;
}
.full li a:hover span, .full li a:hover label {
	background-color: #074dc4 !important;
}
.full li:last-child a {
	border-bottom: 0;
}
.full li a span {
	display: block;
	width: 52px;
	height: 52px;
	position: relative;
	z-index: 100;
	background-position: center center;
	background-repeat: no-repeat;
}
.full li:nth-child(2) a, .full li:nth-child(1) a {
	z-index: 2;
}
.full li a label {
	display: block;
	width: 100px;
	white-space: nowrap;
	padding: 0 20px;
	position: absolute;
	line-height: 52px;
	color: #fff;
	z-index: -1;
	background: #000;
	bottom: 0;
	left: 100%;
	box-sizing: inherit;
	max-width: 300%;
	;
}
.full li a:hover label {
	left: -120px;
}
.full li a .lbl_img {
	padding: 10px;
	height: auto;
	line-height: normal;
}
.full li a span.span1 {
	background-image: url(../images/full1.png);
}
.full li a span.span2 {
	background-image: url(../images/full2.png);
}
.full li a span.span3 {
	background-image: url(../images/full3.png);
}
.full li a span.span4 {
	background-image: url(../images/full4.png);
}








