/*@font-face {*/
	/*font-family: 'helvetica_neue-roman';*/
	/*src: url(../../fonts/helvetica_neue-roman.eot), url(../../fonts/helvetica_neue-roman.woff) format('woff'), url(../../fonts/helvetica_neue-roman.woff2) format('woff'), url(../fonts/helvetica_neue-roman.svg) format('svg'), url(../fonts/helvetica_neue-roman.ttf) format('truetype');*/
	/*font-weight: normal;*/
	/*font-style: normal;*/
/*}*/
/*@font-face {*/
	/*font-family: 'lan_ting_zhong_hei';*/
	/*src: url(../../fonts/lan_ting_zhong_hei_font-simplified_chinese_-webfont.eot) format('embedded-opentype'), url(../../fonts/lan_ting_zhong_hei_font-simplified_chinese_-webfont.woff) format('woff'), url(../fonts/lan_ting_zhong_hei_font-simplified_chinese_-webfont.woff2) format('woff'),url(../fonts/lanting.eot) format('embedded-opentype');*/
	/*font-weight: normal;*/
	/*font-style: normal;*/
/*}*/
/*html,*/
/*body {*/
	/*width: 100%;*/
	/*background: #fff;*/
	/*-webkit-text-size-adjust: none;*/
/*}*/

/** {*/
	/*margin: 0;*/
	/*padding: 0;*/
	/*font-family: 'helvetica_neue-roman','lan_ting_zhong_hei', '微软雅黑';*/
	/*color: #666;*/
	/*font-size: 14px;*/
	/*box-sizing: border-box;*/
/*}*/

/*a,*/
/*a:visited,*/
/*a:focus,*/
/*a:active,*/
/*a:link {*/
	/*text-decoration: none;*/
	/*outline: 0;*/
/*}*/

/*a {*/
	/*color: currentColor;*/
	/*transition: 0.2s ease-in-out;*/
/*}*/

/*a:hover {*/
	/*text-decoration: none;*/
	/*outline: 0;*/
/*}*/

/*dl,*/
/*dt,*/
/*dd {*/
	/*margin: 0;*/
	/*padding: 0;*/
/*}*/

/*h1,*/
/*h2,*/
/*h3,*/
/*h4 {*/
	/*margin: 0;*/
/*}*/
/*p{*/
	/*margin: 0;*/
	/*padding: 0;*/
/*}*/
/*ul {*/
	/*padding: 0;*/
	/*list-style: none;*/
/*}*/

/*img {*/
	/*vertical-align: middle;*/
	/*height: auto;*/
/*}*/
.container{
}
section,article{
	display: block;
	margin: 0;
	padding: 0;
}
.siteWidth{
	width: 100%;
	float: left;
}
/* 首页样式  */
.index-design{
	width: 100%;
	background: url(../../images/ikitchens-img/design_bg.jpg) no-repeat top center;
	height: 864px;
	overflow: hidden;
	padding: 60px 0;
    box-sizing: border-box;
}
.index-content{
	width: 560px;
	margin: 0 auto;
}
.wid{
	width:100%;
}
.bd *{	
	text-align: center;
	color: #fff;
	font-weight: normal;	
}
.bd h1{
	margin-bottom: 10px;
    font-size: 34px; 
    letter-spacing: 5px;   
}
.bd h3{
	margin-bottom: 10px;
    font-size:16px;
}
.select-box{
	width:calc(50% - 10px);
	float: left;
	margin-top: 100px;
	text-align: center;
	overflow: hidden;
}
.select-box:not(:last-of-type){
	margin-right: 20px;
}
.select-box >img{
	height: 108px;
	width: auto;
    margin: 0 auto 25px;
}
.select-box > h3{
	color: #ccc;
	font-weight: normal;
	font-size: 16px;	
}
.select-box ul{
	margin-top: 65px;
	border:1px solid #5b5c5e;
	border-bottom: none;
}
.select-box ul li p{
	height: 50px;
	line-height: 50px;
	display: block;	
	padding: 0 20px;
	color: #fff;
	border-bottom: 1px solid #5b5c5e;
	text-align: left;
	cursor: pointer;
	font-size: 14px;
}
.select-box ul li span{
	float: right;
    margin-top: 13px;
}
.select-box ul li span img{
	width: 25px;
}
.select-box ul li:not(:first-of-type) span{
	display: none;
}
.select-box:last-of-type li:last-of-type{
	cursor: default;
}
.select-btn{
	text-align: center;
	float: left;
}
.select-btn a{
	display: block;
	border: 1px solid #929292;
    width: 260px;
    height: 55px;
    line-height: 55px;
    border-radius: 3px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin:80px auto;
}
.select-btn a:hover{
	border-color: #fff;
}
/* 列表页样式 */
.topBg{
	width: 100%;
	background:  #F9F9F9;
	overflow: hidden;
	padding: 15px 0 0;
}
.select-class{
	width: 942px;
	margin: 0 auto;
}
.select-class > h3{
	font-size: 15px;
	color: #666666;
	margin-bottom: 15px;
	font-weight:normal;
}
.select-class ul{
	margin-bottom: 25px;
	width: 100%;
	float: left;
}
.select-class ul li{
	width: 140px;
	display: block;
	text-align: center;
	border: 1px solid #2D2C31;
	float: left;
	height: 40px;
	line-height: 38px;
	margin-right: 30px;
	font-size: 14px;
	color: #666;
	cursor: pointer;
}
.select-class ul li.acive{
	background: #000;
	color: #fff;
	border: 1px solid #000;;
}
.list-design{
	width: 942px;
	margin: 40px auto;
	overflow: hidden;
}
.list-design *{
	box-sizing: border-box;
	font-size: 14px;
	color: #666;
}
.list-design img{
	width: 100%;
}
.list-design > h3{
	font-size: 14px;
	margin-bottom: 30px;
	color: #000;
	font-weight: bold;
}
.design-list li{
	width: calc(100% / 3);
	float: left;
	
}
.design-list li:not(last-of-type){
	padding-right: 1px;
}
.design-list li a{
	display: block;
	background: linear-gradient(to right, #fcfcfc, #f2f2f2);
	float: left;
	height:460px;
	overflow: hidden;
	position: relative;
}
.design-list li a div{
	padding: 0 20px;
	float: left;
}
.design-list li a div:first-of-type{
	margin: 20px 0;
	color: #333;
	font-size: 16px;
}
.design-list li a div:first-of-type span{
	float: right;
	color: #666;
	font-size: 16px;
}
.small-image{
	float: left;
	overflow: hidden;
	margin-bottom: 24px;
}
.small-image img{
	width:calc(25% - 0.75px);
	float: left;
}
.small-image img:not(:last-of-type){
	margin-right: 1px;
}
.list-info{
	margin:-9px 0 15px;
	float: left;
	line-height: 24px;
	cursor: default;
	overflow: hidden;
	color: #666;
}
.more{
	color: #333;
	position: absolute;
	bottom: 30px;
	left:0px;
}
.more:hover{
	color: #005882;
}
.design-pages {
	clear: both;
	width: 100%;
	margin-top: 15px;
	float: left;
}

.design-pages li {
	float: left;
	padding: 0 10px;
	text-align: center;
	height: 32px;
	line-height: 30px;
	margin: 15px 6px 15px 0;
	border: 1px solid #eee;
	cursor: pointer;
}

.design-pages li a {
	color: #666;
	font-size: 12px;
}

.design-pages li.active {
	border: none;
}
/* 详情页样式 */
.design-article{
	width: 942px;
	margin: 40px auto;
	position: relative;
	z-index: 9;
}
.design-article *{
	font-size: 14px;
	color:#666;
	box-sizing: border-box;
}
.design-article img{
	width: 100%;
}
.article-title{
	margin-bottom: 15px;
	height: 40px;
	line-height: 40px;
}
.article-title a{
	float: right;
	background: #000;
	width: 106px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
}
.article-title h3{
	font-size: 20px;
	color: #000;
	font-weight: normal;
}
.article-detail{
	line-height: 30px;
	margin-bottom: 30px;
}
.article-big-img{
	position: relative;
	min-height:555px;
}
.article-big-img >img{
	position: absolute;
	left: 0;
	top: 0;
}
.big-image{
	position: absolute;
	cursor: pointer;
}
.big-image > img{
	width: 87px;
	height: 87px;
}
.big-image div.desc{
	width: 280px;
	background: rgba(0,0,0,0.5);
	padding: 20px;
	position: absolute;
	margin-top: -87px;
	display: none;
	z-index: 9;
}
.floatLeft{
	width: 100%;
	float: left;
}
.case-image{
	margin: 30px 0;
	font-size: 18px;
	color: #333;
}
.case-image a{
	float: right;
	color: #005882;
	font-size: 14px;
}
.article-list-image{
	margin-bottom: 20px;
}
.article-list-image > h5{
	color: #333333;
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: normal;
}
.article-list-image ul{
	width: 100%;
	float: left;
}
.article-list-image ul li{
	width:calc((100% - 30px)/4);
	float: left;
	margin:0 10px 10px 0;
	cursor: pointer;
}
.article-list-image ul li:nth-of-type(4n+4){
	margin-right: 0;
}
.modal-dialog{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.9);
	position: fixed;
	overflow: hidden;
	left: 0;
	top: 0;
	text-align: center;
	padding-top: 50px;
	display: none;
	z-index: 10000;
}
.dialog-content{
	width: 800px;
	height: 465px;
	margin: 0 auto;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.dialog-content > img{
	width:100%;
}
.modal-dialog p{
	padding: 10px 0;
	color: #fff;
	background:rgba(0,0,0,0.7);
	position: absolute;
	bottom:0px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}
.icon-ext{
	position: absolute;
	width: 29px;
	top:200px;
	height: 45px;
	opacity: 0.4;
	display: none;	
}
.icon-ext.left-btn{
	left: 10px;
}
.icon-ext.right-btn{
	right: 10px;
}
.icon-ext:hover{
	opacity: 1;
}
