.all{
	width: 100%;
	margin-top: 10px;
	background-color: #fff;
	padding-bottom: 0;
}
.container {
	min-width: 1260px;
	width: 1260px;
}
/* 轮播图 */
/* .image {
	width: 1260px;
	height: 480px;
	margin-top: 5px;
} */
.image .swiper-container{
	width: 100%;
	height: 480px;
}
.image .swiper-wrapper{
	width: 100%;
	height: 460px;
}
.image .swiper-pagination{
	bottom: 0 !important;
}
.image .swiper-pagination-bullet{
	background-color: #999 !important;
	width: 8px !important;
	height: 8px !important;
	bottom: 0 !important;
}
.image .swiper-pagination-bullet-active{
	background-color: #db214c !important;
}
.image .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px !important;
}
.swiper-button-next1,.swiper-button-prev1{
	position: absolute;
	width: 32px;
	height: 70px;
	top: 50%;
	z-index: 10;
	transform: translateY(-50%);
	cursor: pointer;
}
.swiper-button-next1{
	background: url('/jzjiancai/img/next.png');
	right: 0;
}
.swiper-button-prev1{
	background: url('/jzjiancai/img/prev.png');
	left: 0;
}
/* 热门分类 */
.classify{
	width: 100%;
}
.classify_img {
	width: 441px;
	height: 86px;
	margin: 28px 0 18px 410px;
}
.classify_btm {
	width: 100%;
	padding: 0 5px;
}
.ul_title li {
	width: 11.11%;
	height: 50px;
	float: left;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
	padding: 0 5px;
	white-space: nowrap; 
  	overflow: hidden; 
	text-overflow: ellipsis;
	cursor: pointer;
	background-color: #db214c;
}
.classify_btm ul {
	display: none;
}
.classify_btm ul li:hover .img_txt {
	color: #db214c;
}

.show{
	display: block !important;
}
.classify_btm li {
	position: relative;
	float: left;
	width: 20%;
	height: 194px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	padding: 20px;
}
.classify_btm li .img_box {
	display: block;
	width: 210px;
	height: 130px;
	z-index: 0;

}

/* .classify_btm li .img_box img {
	width: 100%;
	height: 100%;
} */

.classify_btm li:hover{
	border: 2px solid #db214c;
	z-index: 1;
	padding: 19px;
}

.classify_btm li .img_txt {
	display: block;
	width: 210px;
	height: 19px;
	line-height: 19px;
	color: #333;
	font-size: 14px;
	padding: 0 10px;
	z-index: 1;
	text-align: center;
	margin-top: 5px;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}
.index_list {
	width: 100%;
}
.classify_list {
	width: 100%;
	background: url(/jzjiancai/img/hot_class.png) no-repeat;
	background-size: 100% 100%;
	padding-bottom: 5px;
}
.classify_list .ul_title .current {
	background-color: #ff8400;
}
/* 选建材材料 */
.materials {
	width: 15%;
	height: 450px;
	margin-top: 50px;
	float: left;
	background: url(/jzjiancai/img/materials.png) no-repeat center;
	background-position: -200px -8px;
}
.ul_list ul {
	float: left;
	width: 50%;
}
.ul_list {
	padding: 0 30px 0 10px;
}
/* .ul_list ul:nth-child(1) {
	padding-left: 25px;
} */
.ul_list ul li {
	margin-top: 10px;
	white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}
.ul_list ul li a {
	display: block;
	width: 100%;
	height: 15px;
	line-height: 15px;
	color: #333;
	font-size: 12px;
	white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}
.ul_list ul li:hover {
	color: #db214c;
}
.ul_list ul li:hover a{
	color: #db214c;
}
.materials_text {
	height: 28px;
	margin-top: 20px;
	color: #DB214C;
	font-size: 20px;
	margin-left: 10px;
	font-weight: 700;
}
.materials_txt {
	padding-left: 10px;
	margin-top: 10px;
}
/* 装饰 */
.decorate {
	width: 85%;
	height: 450px;
	float: right;
	margin-top: 50px;
}
.decorate ul {
	margin-left: 20px;
}
.decorate ul li {
	float: left;
	width: 24%;
	height: 215px;
	border: 1px solid #e0e0e0;
	margin: 0 13px 20px 0px;
}
.decorate ul li:nth-of-type(4n) {
	margin-right: 0 !important;
}
.decorate ul li:hover {
	border: 1px solid #db214c;
}
.decorate_img {
	display: block;
	width: 100%;
	height: 154px;
}
.decorate_text {
	display: block;
	width: 100%;
	height: 15px;
	line-height: 15px;
	padding: 0 12px;
	margin: 10px 0 6px;
	font-weight: 700;
	color: #333;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}
.decorate ul li:hover .decorate_text {
	color: #db214c;
}
.decorate_btm {
	margin-left: 12px;
}
.decorate_txt {
	font-size: 12px;
	color: #666;
	padding: 0 12px;
}
.money_color {
	color: #DB214C;
	font-weight: 700;
	margin-top: 11px;
}
/* 装修攻略 */
.strategy_title {
	width: 100%;
	text-align: center;
	margin: 60px 0 40px;
	position: relative;
}
.strategy_box, .industry_box {
	margin-top: 50px;
}
.questions_box {
	margin-top: 95px;
}
.fitment {
	color: #333;
	font-size: 32px;
	font-weight: 700;
	margin: 0 30px;
}
.fitment span {
	color: #DB214C;
	font-weight: 700;
	font-size: 32px;
	text-align: center;
}
.strategy_title img{
	position: absolute;
	top: 18px;
}
.strategy_title img:nth-child(1) {
	left: 34%;
}
.strategy_title img:nth-child(3) {
	right: 34%;
}
.strategy_table {
	width: 100%;
	height: 50px;
	background-color: #f5f5f5;
	border: 1px solid #e0e0e0;
}
.truing {
	float: left;
	font-size: 16px;
	color: #333;
	line-height: 50px;
	margin-left: 22px;
}
.truing_change {
	float: right;
	margin-right: 20px;
	line-height: 50px;
}
.truing_change ul li {
	float: left;
	margin-left: 8px;
	color: #333;
	cursor: pointer;
}
.truing_change ul li:hover a{
	color: #DB214C;
}
.truing_change ul li a{
	color: #333;
}
.truing_change ul li span {
	color: #ccc;
	margin-left: 5px;
}
.truing_changeList {
	width: 100% !important;
	margin-top: 20px;
}
.truing_changeList ul li {
	width: 236px;
	/* width: 15%; */
	float: left;
	margin-right: 20px;
}
.truing_img {
	display: block;
	width: 100%;
	height: 164px;
}
.truing_changeList_text {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 18px;
	margin-top: 6px;
	padding: 5px;
	color: #333;
	font-size: 14px;
	display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.truing_changeList ul {
	display: none;
}
.truing_change .truing_changeUl	 .active {
	color: #DB214C;
}
.truing_changeList_show{
	display: block !important;
}
.truing_changeList_show li:hover .truing_changeList_text {
	color: #db214c;
}
/* 装修前、中、后 */
.fitment_box {
	width: 100%;
	margin-top: 40px;
	border: 1px solid #e0e0e0;
}
.fitment_content {	
	width: 100%;
	height: 50px;
	background: #F5F5F5;
	border-bottom: 1px solid #E0E0E0;
}
.fitment_content  .fitment_span {
	color: #333;
	font-size: 16px;
	display: inline-block;
	height: 50px;
	width: 33%;
}
.fitment_content .fitment_span span{
	display: inline-block;
	height: 50px;
	padding: 0 22px;
	line-height: 50px;
	border-top: 2px solid #db214c;
	font-size: 16px;
}

.fitment_info {
	width: 100%;
	padding-bottom: 20px;
}
.fitment_info_left {
	width: 31%;
	margin-left: 19px;
	float: left;
}
.fitment_info_left:nth-child(3) ul {
	border-right: 0 !important;
}
.fitment_info_left ul {
	border-right: 1px dashed #e0e0e0;
	padding-right: 20px;
}
.fitment_info_left ul li{
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-top: 14px;
	white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis;
}
.fitment_info_left ul li::before {
  content: "";
  width: 4px;
  height: 4px;
  display: block;
  background: #e0e0e0;
  margin: 8px 10px 0 0;
  float: left;
}
.fitment_info_left ul li a span {
	color: #db214c;
}
.fitment_info_left ul li:hover::before{
	background: #db214c;
}
.fitment_info_left ul li a {
	color: #333;
	font-size: 14px;
}
.fitment_info_left ul li:hover{
	color:red;
}
.fitment_info_left ul li:hover a {
	color: #db214c;
}
.industry_left {
	width: 31%;
	float: left;
}
.left_top {
	display: block;
	/* width: 34%; */
	height: 240px;
	margin-bottom: 20px;
}
.indus_b{
	position: relative;
}
.indus_b div {
	position: absolute;
	width: 100%;
    height: 105px;
		bottom: 0;
		padding: 75px 15px 0;
		
    background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(25, 25, 25, 0.45) 54%, rgb(40, 40, 40) 100% );
		
		white-space: nowrap; 
    overflow: hidden; 
		text-overflow: ellipsis;
		z-index: 999;
}
.indus_b div a{
	display: block;
	width: 100%;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}
.indus_b div a:hover {
	color: #db214c;
}
.left_img {
	width: 47%;
	height: 120px;
	float: left;
	margin-right: 20px;
}
.left_bottomimg {
	display: block;
	width: 100%;
	height: 118px;
}
.left_img:nth-child(2) {
	margin-right: 0 !important;
}
.left_img_txt {
	display: block;
	width: 100%;
	height: 45px;
	line-height: 18px;
	padding: 10px 5px;
	color: #333;
	display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.left_img_txt:hover {
	color: #db214c;
}
.industry_center {
	float: left;
	width: 31%;
	margin-left: 40px;
}
.industry_center ul {
	overflow: hidden;
}
.industry_center ul:nth-child(1) {
	margin-bottom: 10px;
}
.industry_center_title {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 15px !important;
}
.industry_center_title a {
	color: #333;
}
.industry_center ul li {
	width: 100%;
	/* height: 25px; */
	margin-bottom: 10px;
	color: #333;
}
.industry_center ul li.industry_center_title {
	white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}
.industry_center_style:hover {
	color: #db214c;
}
.industry_center_list {
	width: 52px;
	height: 23px;
	text-align: center;
	line-height: 23px;
	float: left;
	border: 1px solid #db214c;
	margin-right: 10px;
}
.industry_center_list a {
	color: #db214c;
}
.industry_center_style {
	padding-right: 10px;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}
.industry_center_style a {
	display: block;
	width: 100%;
	color: #333;
	height: 19px;
	line-height: 19px;
	font-size: 14px;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}
.industry_center_style:hover a {
	color: #db214c;
}
.industry_center_title2 {
	margin: 15px 0 15px !important;
	font-size: 16px;
	font-weight: 700;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}
.industry_center_title2 a {
	color: #333 ;
	font-size: 16px;
}
.industry_right {
	width: 31%;
	float: right;
	margin-left: 40px;
}
.industry_right ul li {
	width: 100%;
	height: 25px;
	margin-bottom: 10px;
}
.industry_right_img {
	margin-top: 16px;
}

.questions_left {
	float: left;
	width: 65%;
}
.questions_topbox {
	width: 100%;
	margin-bottom: 40px;
}
.topbox_title {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	padding-left: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e0e0e0;
}
.questions_right {
	float: left;
	width: 33%;
	margin-left: 20px;
}
.content_left {
	position: relative;
	float: left;
	width: 45%;
	height: 300px;
	margin-top: 20px;
}
.content_leftimg {
	display: block;
	width: 100%;
	height: 300px;
}
.content_left div {
	position: absolute;
  	width: 100%;
	height: 105px;
	bottom: 0;
	padding: 75px 15px 0;
  	background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(25, 25, 25, 0.45) 54%, rgb(40, 40, 40) 100% );
	white-space: nowrap; 
  	overflow: hidden; 
	text-overflow: ellipsis;
	z-index: 10;
}
.content_left div a {
	display: block;
	width: 100%;
	height: 21px;
	line-height: 21px;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}
.content_left div a:hover {
	color: #db214c;
}
.content_righttop {
	margin-bottom: 20px;
}
.content_right {
	float: left;
	width: 50%;
	height: 301px;
	margin: 20px 0 0 30px;
	white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}
.change_color {
	float: left;
	width: 52px;
	height: 23px;
	text-align: center;
	line-height: 23px;
	background-color: #db214c;
	border-radius: 3px;
	color: #fff;
	margin-right: 10px;
}
.content_style {
	display: block;
	height: 25px;
	line-height: 25px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}
.content_style:hover{
	color: #db214c;
}
.text_style {
	display: block;
	width: 100%;
	height: 37px;
	line-height: 19px;
	margin-top: 8px;
	display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.line_border {
	width: 408px;
	margin-top: 20px;
	border: 1px solid #e0e0e0;
}
.content_rightbtm ul li {
	width: 100%;
	height: 17px;
	line-height: 17px;
	color: #333;
	margin-top: 15px;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}
.content_rightbtm ul li:hover {
	color: #db214c;
}
.content_rightbtm ul li a {
	display: block;
	width: 100%;
	height: 17px;
	line-height: 17px;
	color: #333;
	font-size: 14px;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}
.content_rightbtm ul li:hover a {
	color: #db214c;
}
/* 热门话题 */
.hot_left {
	width: 100%;
	margin-top: 25px;
}
.hot_left ul li {
	width: 46%;
	float: left;
	margin: 0 60px 20px 0;
}
.hot_left ul li:nth-of-type(2n) {
	margin-right: 0 !important;
}
.hot_lefttext {
	display: block;
	float: left;
	width: 45px;
	height: 45px;
	line-height: 22px;
	text-align: center;
	background-color: #fafafa;
}
.lefttext {
	color: #db214c;
	font-size: 14px;
}
.lefttxt {
	color: #333;
	font-size: 12px;
}
.righttext_content {
	float: left;
	width: 81%;
	margin-left: 20px;
	padding-top: 3px;
}
.righttext_content a:hover {
	color: #db214c;
}
.right_text {
	display: block;
	width: 100%;
	height: 15px;
	line-height: 15px;
	font-size: 14px;
	color: #333;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}
.right_txt {
	width: 330px;
	height: 10px;
	line-height: 10px;
	margin-top: 12px;
	font-size: 12px;
	color: #999;
}
.hot_right {
	float: left;
	margin-left: 30px;
}
.questions_rightbox {
	width: 400px;
	height: 825px;
	overflow: hidden;
	padding: 20px 0 0 0px;
}
.questions_rightbox ul {
	position: relative;
}
.questions_rightbox ul li {
	width: 100%;
	height: 165px !important;
	margin-left: 25px;
	border-left: 1px solid #cbcccc;
}
.right_content {
	width: 100%;
	position: relative;
	padding: 0 0 30px 35px;
}
.interest_img {
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	top: 1px;
	left: -25px;
	background-color: #fff;
	overflow: hidden;
}
.interest_img img {
	width: 100%;
	height: 100%;
}
.questions_text {
	width: 89%;
	height: 15px;
	line-height: 15px;
	padding-top: 5px;
}
.questions_name {
	float: left;
	font-size: 14px;
	color: #333;
}
.questions_time {
	float: right;
	font-size: 12px;
	color: #999;
}
.wen {
	width: 100%;
	margin-top: 15px;
}
.wen_img {
	float: left;
	width: 21px;
	height: 21px;
	margin-right: 8px;
}
.wen_txt {
	float: left;
	width: 89%;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	margin-top: 2px;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}
.wen_text {
	color: #333;
	font-size: 16px;
	font-weight: 700;
}
.wen_txt:hover {
	color: #db214c;
}
.wen_txt:hover a {
	color: #db214c;
}
.da_text {
	width: 100%;
	height: 66px;
	font-size: 14px;
	line-height: 22px;
	color: #666;
	display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.da_txt {
	float: left;
	width: 85%;
	line-height: 22px;
	padding: 0 5px;
}
/* 装修效果图 */
.result_txt {
	font-size: 14px;
	color: #999;
	margin: 3px 0 20px 0;
	margin-top: 3px;
}
.result_leftimg {
	float: left;
	width: 412px;
	height: 440px;
	margin-right: 10px;
}
.result_rightimg{
	/* width: 73%; */
	float: left;
}

.result{
	width: 100%;
}
.result_img{
	width: 100%;
}
/* 轮播 */
.leftimg_ppst {
	display: block;
	width: 100%;
	height: 440px;
}
.rightimg_ppst {
	display: block;
	float: left;
	width: 272px;
	height: 215px;
	margin-right: 10px;
}
.rightimg_btm {
	margin-top: 5px;
}
.rightimg_ppst:nth-child(3) {
	margin-right: 0 !important;
}
.rightimg_btm a:nth-child(1) {
	width: 352px;
}
.rightimg_btm a:nth-child(2) {
	width: 282px;
	margin-right: 0;
}
.rightimgbtm_ppst {
	display: block;
	float: left;
	/* width: 41%; */
	height: 1215px;
	margin-right: 10px;
}
/* .rightimgbtm2_ppst {
	display: block;
	float: left;
	width: 33%;
	height: 199px;
} */
.rightimgbtm3_ppst {
	display: block;
	float: left;
	width: 194px;
	height: 215px;
	background-color: #db214c;
}
.rightimgbtm3_more {
	width: 132px;
	height: 58px;
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	margin: 39px 30px 38px 32px;
}
.rightimgbtm3_go {
	width: 130px;
	height: 35px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 17.5px;
	text-align: center;
	line-height: 35px;
	color: #db214c;
	margin-left: 32px;
}
.footer_title {
	width: 100%;
	height: 15px;
	line-height: 15px;
	padding-left: 8px;
	border-left: 3px solid #db214c;
	font-size: 16px;
	color: #333;
}
.lianjie {
	width: 100%;
	margin-top: 35px;
}
.footer_content {
	margin-top: 15px;
}
.footer_content a {
	display: inline-block;
	color: #666;
	font-size: 14px;
	margin: 0 20px 10px 0;
}
.footer_content a:hover {
	color: #db214c;
}

.result_leftimg .swiper-container {
	height: 100%;
}
.footer_banquan {
	padding-top: 35px;
}