/*创意图库*/
.gallery_item_1{padding:55px 0 12px;}
.galleryList{padding-top:40px;}
.gallery_item li{position:relative;}
.gallery_item .en{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gallery_item .img{width:61.71%;overflow:hidden;}
.gallery_item .img img{width:78.48%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;}
.gallery_item .text{position:absolute;width:38.29%;height:100%;color:#fff;font-size:30px;top:0;}
.gallery_item .innerText{position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);color:#fff;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;}
.gallery_item .text span{font-size:18px;}
.gallery_item .text a:hover span{text-decoration:underline;}
.gallery_item li:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);}
.gallery_item li:nth-child(odd):hover .innerText{padding-left:9%;}
.gallery_item li:nth-child(even):hover .innerText{padding-right:9%;}

.gallery_item li:nth-child(odd) .text{right:0;}
.gallery_item li:nth-child(odd) .innerText{padding-left:10%;}
.gallery_item li:nth-child(odd) .img img{float:right;}


.gallery_item li:nth-child(even) .text{left:0;}
.gallery_item li:nth-child(even) .innerText{padding-right:10%;text-align:right;}
.gallery_item li:nth-child(even) .img img{float:left;}

.gallery_item li:nth-child(1),.gallery_item li:nth-child(2){background:#AECC66;}
.gallery_item li:nth-child(1) .text{background:#49BBB2;}
.gallery_item li:nth-child(2) .text{background:#F5CB1D;}

.gallery_item li:nth-child(3){background:#49BBB2;}
.gallery_item li:nth-child(3) .text{background:#6F8AC0;}


.gallery_item li:nth-child(4){background:#EBCD90;}
.gallery_item li:nth-child(4) .text{background:#AECC66;}

.gallery_item li:nth-child(5){background:#F5CB1D;}
.gallery_item li:nth-child(5) .text{background:#A0D1EF;}
.gallery_item li:nth-child(6){background:#AECC66;}
.gallery_item li:nth-child(6) .text{background:#6F8AC0;}


.video_mark{position:fixed;width:100%;height:100%;background:#000;left:0;top:0;z-index:20;}
.modal_content{position:absolute;width:75%;height:60%;top:50%;left:5.5%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.modal_content .swiperContainer{width:83%;height:100%;overflow:hidden;}
.modal_content .swiperContainerList{width:100%;height:100%;}
.modal_content .swiper-container{width:100%;height:100%;}
.modal_content .swiper-wrapper{width:99999px;height:100%;}
.modal_content .swiper-slide{float:left;height:100%;}
.video_mark .close{position:absolute;width:51px;height:51px;background:url(../images/icon/icon_26.png) no-repeat center;background-size:100% 100%;top:90px;right:8.75%;cursor:pointer;}
.video_mark .btnArea{position:absolute;width:83%;text-align:center;right:0;bottom:-15%;}
.video_mark .swiper-button{display:inline-block;width:20px;height:35px;margin:0 15px;cursor:pointer;}
.video_mark .swiper-button-next{background:url(../images/icon/v_right.png) no-repeat center;background-size:100% 100%;}
.video_mark .swiper-button-prev{background:url(../images/icon/v_left.png) no-repeat center;background-size:100% 100%;}
.iframe{width:100%;height:100%;}
.iframe iframe{width:100%;height:100%;}
.sideBar{position:absolute;top:0;left:0;width:17%;height:100%;overflow:auto;padding-right:5%;}
.sideBar .ch{padding:5px 0;}
.sideBar li{color:rgba(254,255,254,0.3);font-size:22px;text-align:right;padding:10px 0;cursor:pointer;}
.sideBar li p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sideBar li:hover{color:#E88B1D;}
.sideBar li.cur{color:#fff;}



/*装修建议*/
.decoration_item_1{padding:55px 0;} 
.decoration_item_1 .container{width:80%;}
.decoration_item_1 .container .img{width:100%;margin:45px auto;}
.decoration_item_1 .container .img img{width:100%;}

.newsList li{width:48%;float:left;margin-right:4%;margin-bottom:68px;}
.newsList li:nth-child(2n){margin-right:0;}
.newsList a{display:block;}
.newsList .date{font-size:14px;font-family:'ITC Avant Garde Gothic Book';color:#231815;}
.newsList h2{position:relative;font-size:20px;color:#040000;margin:18px 0 15px;overflow:hidden;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newsList h2 span{position:absolute;width:0px;overflow:hidden;left:0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;}
.newsList p{color:727373;font-size:14px;line-height:23px;height:46px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.newsList li:hover span{width:36px;}
.newsList li:hover h2{padding-left:36px;}

.decoration_item_1 .page{margin:0;}

/*装修建议详情*/
.decorationDetails_item_1{padding:55px 0;}
.decorationDetails_item_1 h1{font-size:20px;text-align:center;color:#040000;}
.decorationDetails_item_1 .date{color:#999;font-size:14px;text-align:center;margin:15px auto 40px;}
.decorationDetails_item_1 .text{line-height:26px;font-size:14px;color:#404041;height:60%;overflow:auto;margin-bottom:50px;}
.decorationDetails_item_1 .text p{margin-bottom:25px;text-align:justify;}
.dec_crumb{padding:35px 0 90px;}
.dec_crumb a{font-size:14px;padding:35px 0 90px;color:rgba(4,0,0,0.6);}
.dec_crumb a.cur{color:#040000;}

/*.decorationDetails_item_1 .page .page_arrow_right{left:52px;}
.decorationDetails_item_1 .page .page_text{opacity:1;}
.decorationDetails_item_1 .page:hover .page_arrow_right{left:35px;}*/












@media screen and (min-width:992px) and (max-width:1199px){
	/*创意图库*/
	.gallery_item_1{padding-top:20px;}
	.gallery_item .text{font-size:26px;}
	.gallery_item .text span{font-size:16px;}

	.modal_content{width:90%;left:5%;}
	.sideBar li{font-size:18px;}
	.video_mark .close{width:45px;height:45px;right:5%;top:5%;}


	/*装修建议*/
	.decoration_item_1{padding-top:20px;}
	.decoration_item_1 .container .img{margin:30px 0;}
	.newsList h2{font-size:18px;margin:10px auto;}
	.newsList li{margin-bottom:50px;}


	/*装修建议详情*/
	.decorationDetails_item_1{padding-top:20px;}
	.dec_crumb{padding-bottom:60px;}
	.decorationDetails_item_1 .date{margin-bottom:25px;}
	.decorationDetails_item_1 .text{margin-bottom:30px;}
	.decorationDetails_item_1 .text p{margin-bottom:20px;}
}	

@media screen and (min-width:768px) and (max-width:991px){
	/*创意图库*/
	.gallery_item_1{padding-top:10px;}
	.gallery_item .text{font-size:22px;}
	.gallery_item .text span{font-size:14px;}

	.modal_content{width:94%;left:3%;}
	.sideBar li{font-size:16px;}
	.video_mark .close{width:45px;height:45px;right:3%;top:5%;}



	/*装修建议*/
	.decoration_item_1{padding-top:10px;}
	.decoration_item_1 .container .img{margin:30px 0;}
	.newsList h2{font-size:16px;margin:10px 0;}
	.newsList li{margin-bottom:50px;}


	/*装修建议详情*/
	.decorationDetails_item_1{padding-top:10px;}
	.dec_crumb{padding:20px 0 25px;}
	.decorationDetails_item_1 .date{margin-bottom:20px;}
	.decorationDetails_item_1 h1{font-size:18px;}
	.decorationDetails_item_1 .text{margin-bottom:30px;}
	.decorationDetails_item_1 .text p{margin-bottom:15px;}

}

@media screen and (min-width:0px) and (max-width:767px){
	/*创意图库*/
	.gallery_item_1{padding-top:0;}
	.gallery_item .img img{width:100%;}
	.gallery_item .text{font-size:18px;}
	.gallery_item .text span{font-size:13px;}
	.gallery_item .en{margin-bottom:7px;}

	.modal_content{width:94%;left:3%;height:50%;}
	.sideBar{display:none;}
	.modal_content .swiperContainer{width:100%;}
	.video_mark .btnArea{width:100%;}
	.video_mark .close{width:30px;height:30px;right:50%;top:15%;margin-right:-15px;}
	.video_mark .swiper-button{width:15px;height:25px;}


	/*装修建议*/
	.decoration_item_1{padding-top:0;}
	.decoration_item_1 .container .img{margin:30px 0 20px;}
	.newsList h2{font-size:16px;margin:10px 0;}
	.newsList p{font-size:13px;line-height:22px;height:44px;}
	.newsList li{margin-bottom:25px;width:100%;margin-right:0;}


	/*装修建议详情*/
	.decorationDetails_item_1{padding-top:0;}
	.dec_crumb{padding:20px 0 25px;}
	.decorationDetails_item_1 .date{margin:10px 0 15px;}
	.decorationDetails_item_1 h1{font-size:16px;}
	.decorationDetails_item_1 .text{margin-bottom:20px;}
	.decorationDetails_item_1 .text p{margin-bottom:10px;}
}

@media screen and (min-width:0px) and (max-width:413px){
	.gallery_item .text{font-size:14px;}
	.gallery_item .text span{font-size:12px;}

}