/* 金跃家居 做最好的整体家居定制网站 */
/* 网址：Www.0411jy.Cn */
/* 家具定制：0411jy.Cn 专业家具定制网站 */
/* QQ：1603272828 */

@charset "gb2312";

/* CSS Document */


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {

	padding: 0;

	margin: 0;

}

fieldset, img {

	border: 0;

}

address, caption, cite, code, dfn, em, th, var {

	font-weight: normal;

	font-style: normal;

}

ol, ul, li {

	list-style: none;

}

caption, th {

	text-align: left;

}

h1, h2, h3, h4, h5, h6 {

	font-weight: normal;

	font-size: 100%;

}

q:before, q:after {

	content: '';

}

abbr, acronym {

	border: 0;

}

a {

	color: #333;

	text-decoration: none;

}

a:hover {

	color: #f50;

	text-decoration: none;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.clear {

	clear: both;

}

body {

	margin: 0 auto;

	font-size: 14px;

	color: #333;

	font-family: 'microsoft yahei';

	background: #fff;

}

.logo {

	float: left;

	width: 300px;

	height: 60px;

	line-height: 60px;

	overflow: hidden;

	text-indent: 999em;

	background: url(../images/logo_m.jpg) 8px center no-repeat;

	background-size: 95%;

}

.logo a {

	display: block;

	height: 100%;

	text-indent: 99em;

}

.nav {

	border-left: 1px #fff solid;

	border-right: 1px #fff solid;

	border-top: 1px #fff solid;

	overflow: hidden;

	margin: 0 10px;

}

.nav ul {

	font-size: 14px;

}

.nav ul li {

	float: left;

	width: 25%;

	height: 30px;

	overflow: hidden;

	text-align: center;

	line-height: 30px;

	border-bottom: 1px #fff solid;

	background: #f4f4f4;

}

.nav ul li a {

	display: block;

	height: 100%;

	color: #333;

	background: url(../images/bg_x.jpg) right 0 repeat-y;

}

.nav ul li a:hover {

	color: #333;

	background-color: #ddd;

}

.nav .on {

	color: #fff !important;

	background-color: #666 !important;

}

.menu {

	padding: 50px 10px 0 10px;

	background: #f5f5f5;

	margin-bottom: 10px;

}

.menu ul {

	padding: 5px 0;

	font-size: 14px;

}

.menu li {

	float: left;

	width: 20%;

	height: 26px;

	overflow: hidden;

	text-align: center;

	line-height: 26px;

	padding: 1px 0;

}

.menu li a {

	display: block;

	height: 100%;

}

.menu li a:hover {

	color: #fff;

	background: #888;

	border-radius: 3px;

}

.menu .on {

	color: #fff;

	background: #888;

	border-radius: 3px;

}




/*--/top end--*/



.main1 {

	padding: 0 10px;

	margin-bottom: 10px;
	

}




.main2 {

	width: 100%;

}




/*--/主体 end--*/

.left {

}

.right {

}

/*--/分栏 end--*/

.tit_1 {

	line-height: 35px;

	font-size: 18px;

	text-align: center;

	letter-spacing: 4px;

	background: url(../images/bg_1.png) center center no-repeat;

}

.tit_2 {

	line-height: 35px;

	font-size: 18px;

	color: #fff;

	text-align: center;

	letter-spacing: 4px;

	background: url(../images/bg_3.png) center center no-repeat;

}

.tit_3 {

	font-size: 14px;

	height: 30px;

	line-height: 30px;

	color: #666;

	margin: 0 10px 10px 10px;

	background: #f4f4f4;

}

.tit_3 h3 {

	float: left;

	font-size: 16px;

	color: #fff;

	padding: 0 15px;

	font-weight: bold;

	background: #fc7a22;

}

.tit_3 span {

	float: right;

	padding-right: 10px;

}

.tit_4 {

	font-size: 14px;

	font-weight: bold;

	padding: 5px 0 10px 0;

	border-bottom: 1px #aaa solid;

}

/*--/标题 tit--*/

.g_box1 {

	width: 100%;

	margin-bottom: 10px;

}

.g_box2 {

	width: 100%;

	margin-bottom: 10px;

	padding: 50px 0 10px 0;

	background: url(../images/bg_4.jpg) center top no-repeat #fc7a22;

	background-size: auto 50px;

}

.g_box3 {

	width: 100%;

	padding: 10px 0;

	margin-bottom: 10px;

}

.g_list1 {

	margin: 0 5px; overflow:hidden

}

.g_list1 li {

	float: left;

	width: 30%;

	padding: 10px 1.5% 0 1.5%;

	text-align: center;

	line-height: 22px;

	overflow: hidden;

}

.g_list1 li img {

	width: 100%;

	height: 100px;

	padding: 2px;

	border: 1px #e5e5e5 solid;

	display: block;

	margin: 0 auto 5px auto;

	background: #fff;

}

.g_list1 li p {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 30px;

	line-height: 30px;

	background: #fff;

}

.g_list1 li a {

	position: relative;

	display: block;

	padding: 2px;

	height: 130px;

	background-position: center -20px;

}

.g_list1 li a:hover img {

	border-color: #fc7a22;

}

.g_list2 {

	margin: 5px 10px 0 10px;

	line-height: 40px;

	font-size: 16px;

}

.g_list2 li {

	height: 40px;

	overflow: hidden;

	text-indent: 15px;

	border-bottom: 1px #ddd dashed;

	background: url(../images/ico_2.jpg) 3px center no-repeat;

}

.g_list2 li span {

	float: right;

	font-size: 14px;

	color: #888;

}

.g_list1 b, .g_list2 b {

	font-weight: normal;

}

.g_con {

	padding: 0 15px;

}

.g_con h1 {

	color: #000;

	font-size: 22px;

	line-height: 30px;

	padding: 10px 0 5px;

	text-align: left;

	text-shadow: 1px 1px 1px #fff;

}

.g_con .info {

	color: #666;

	font-size: 12px;

	padding-bottom: 8px;

	border-bottom: 1px #ddd solid;

}

.g_con .pic {

	text-align: center;

	padding-top: 5px;

}

.g_con .pic img {

	padding: 6px;

	border: 1px #ddd solid;

	box-sizing: border-box;

	height: auto;

	max-width: 100%;

	vertical-align: middle;

}

.g_con .txt1 {

	line-height: 26px;

	font-size: 14px;

	color: #333;

	padding-top: 15px;

}

.g_con .txt1 p, .g_con .txt1 div {

	padding-bottom: 15px;

}

.g_con .txt1 img {

	border: 0 none;

	box-sizing: border-box;

	height: auto !important;

	max-width: 100% !important;

	vertical-align: middle;

}

.g_con .txt2 {

	width: 100%;

	margin-bottom: 10px;

}

.g_con .txt2 h1 {

	color: #000;

	text-align: center;

	font-size: 18px;

	line-height: 30px;

	padding: 8px 0 10px 0;

}

.g_con .txt2 p {

	height: 40px;

	line-height: 40px;

	color: #fff;

	text-align: center;

	font-size: 16px;

	font-weight: bold;

}

.g_con .txt2 p a {

	color: #fff;

	display: block;

	height: 100%;

	background: url(../images/bg_f1.png) 20px center no-repeat #ff751a;

	background-size: auto 25px;

	border-radius: 5px;

}

.g_con .txt2 p a:hover {

	background-color: #333;

}

/*--/布局 grid--*/

.b_box1 {

	margin: 5px 10px 0 10px;

	line-height: 33px;

	font-size: 14px;

}

.b_box1 li {

	height: 33px;

	overflow: hidden;

	text-indent: 10px;

	background: url(../images/ico_1.png) 0 center no-repeat;

	background-size: 5px 9px;

}

.b_box1 li span {

	float: right;

	color: #fff;

}

.b_box1 li a {

	color: #fff;

}

.b_box2 {

	padding: 10px 10px 0 10px;

	line-height: 28px;

	font-size: 14px;

}

.b_box2 img {

	float: left;

	height: 140px;

	width: 187px;

	margin: 0 15px 0 0;

}

.b_box2 a {

	color: #f60;

}

.b_box3 {

	width: 100%;

	padding: 20px 0 0 0;

}

.b_box3 li {

	float: left;

	width: 20%;

	padding-top: 16%;

	height: 32px;

	line-height: 32px;

	text-align: center;

	font-size: 15px;

	color: #999;

}

.b_box3 li:hover {

	color: #fc7a22;

	cursor: pointer;

}

.b_box3 .l1 {

	background: url(../images/p1.jpg) center top no-repeat;

	background-size: 80%;

}

.b_box3 .l1:hover {

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

}

.b_box3 .l2 {

	background: url(../images/p2.jpg) center top no-repeat;

	background-size: 80%;

}

.b_box3 .l2:hover {

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

}

.b_box3 .l3 {

	background: url(../images/p3.jpg) center top no-repeat;

	background-size: 80%;

}

.b_box3 .l3:hover {

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

}

.b_box3 .l4 {

	background: url(../images/p4.jpg) center top no-repeat;

	background-size: 80%;

}

.b_box3 .l4:hover {

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

}

.b_box3 .l5 {

	background: url(../images/p5.jpg) center top no-repeat;

	background-size: 80%;

}

.b_box3 .l5:hover {

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

}

.b_box4 {

	border-top: 1px #ddd solid;

	margin: 10px 10px 0 10px;

	padding-top: 10px;

	color: #888;

	line-height: 24px;

}








.b_box5 {

	width: 90%;

	padding: 5px 0px 0px 0px;

margin:0 auto;

}


.b_box5 li {

	float: left;

	width: 20%;

	padding-top: 15%;

	height: 33px;

	line-height: 33px;

	text-align: center;

	font-size: 15px;

	color: #999;




}



.b_box5 li:hover {

	color: #fc7a22;

	cursor: pointer;


}


.b_box5 .l1 {

	background: url(../images/bg_11.png) center top no-repeat;  margin:5px 21px;


	background-size: 75%;
         
}

.b_box5 .l1:hover {

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


}


.b_box5 .l2 {

	background: url(../images/bg_12.png) center top no-repeat; margin:5px 21px;


	background-size: 75%;


}

.b_box5 .l2:hover {

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



}

.b_box5 .l3 {

	background: url(../images/bg_13.png) center top no-repeat; margin:5px 21px;



	background-size: 75%;

}

.b_box5 .l3:hover {

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


}

.b_box5 .l4 {

	background: url(../images/bg_14.png) center top no-repeat; 

         clear: left;  

         margin:5px 21px;

	background-size: 75%;

}

.b_box5 .l4:hover {

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


}

.b_box5 .l5 {

	background: url(../images/bg_15.png) center top no-repeat; margin:5px 21px;


	background-size: 75%;

}

.b_box5 .l5:hover {

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


}

.b_box5 .l6 {

	background: url(../images/bg_16.png) center top no-repeat; margin:5px 21px;


	background-size: 75%;

}



.b_box5 .l6:hover {

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


}

















/*--/盒子 box--*/

.u_ {

}

/*--/元件 unit--*/

.slideBox {

	width: 100%;

	height: 280px;

	position: relative;

	overflow: hidden;

	margin: 0 auto 10px auto;

	padding-top: 60px;/*max-width:640px;*/

	/* 设置焦点图最大宽度*/

}

.slideBox .hd {

	position: absolute;

	bottom: 10px;

	

	z-index: 1; width:100%; text-align:center

}

.slideBox .hd li {

	display: inline-block;

	width: 10px;

	height: 10px;

	border-radius: 8px;

	border: 1px #fff solid;

	text-indent: -9999px;

	overflow: hidden;

	margin: 0 3px;

	filter: alpha(opacity=80);

	-moz-opacity: 0.8;

	-khtml-opacity: 0.8;

	opacity: 0.8;

}

.slideBox .hd li.on {

	border-color: #fff;

	background: #fff;

	filter: alpha(opacity=100);

	-moz-opacity: 1;

	-khtml-opacity: 1;

	opacity: 1;

}

.slideBox .bd {

	position: relative;

	z-index: 0;

}

.slideBox .bd li {

	height: 280px;

	position: relative;

	text-align: center;

}

.slideBox .bd li a {

	display: block;

	height: 100%;

	line-height: 100%;

	overflow: hidden;

	background-size: auto 280px !important;

}

.slideBox .bd li p {

	position: absolute;

	left: 0;

	bottom: 0;

	height: 35px;

	width: 100%;

	text-align: left;

	text-indent: 10px;

	line-height: 35px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	background: #000;

	color: #fff;

	filter: alpha(opacity=80);

	-moz-opacity: 0.8;

	-khtml-opacity: 0.8;

	opacity: 0.8;

}

/*--/功能 function--*/

.dede_pages {

	width: 100%;

	padding: 15px 0 5px 0;

}

.dede_pages ul {

	text-align: center;

	padding: 0;

	line-height: 28px;

}

.dede_pages ul li {

	display: inline-block;

	font-size: 14px;

	height: 28px;

	margin: 5px 1px 0 1px;

	padding: 0 10px;

	color: #333;

	background: #eee;

	border-radius: 4px;

}

.dede_pages ul li a {

	color: #333;

	height: 28px;

	display: inline-block;

}

.dede_pages ul li:hover {

	text-decoration: none;

	color: #fff;

	background-color: #fc7a22;

}

.dede_pages ul li:hover a {

	color: #fff;

}

.dede_pages ul li:hover a:hover {

	color: #fff;

	text-decoration: none;

}

.dede_pages ul li.thisclass {

	background-color: #fc7a22;

	color: #fff;

}

.dede_pages ul li.thisclass a {

	color: #fff !important;

}

.dede_pagess {

	float: none;

	overflow: hidden;

	text-align: center;

}

.dede_pagess ul {

	display: inline-block;

	margin: 0 auto;

	clear: both;

	padding: 0 0 5px 0;

	text-align: center;

	white-space: nowrap;

}

.dede_pagess ul li {

	float: left;

	margin: 0 2px;

	padding: 3px 8px;

	border: 1px solid #ddd;

	border-radius: 4px;

}

.dede_pagess li a {

	float: none;

	display: inline;

}

.dede_pagess li a:hover {

	text-decoration: underline;

}

.dede_pagess .thisclass {

	font-weight: bold;

	border: none;

	color: #fff;

	border: 1px #fc7a22 solid;

	background-color: #fc7a22;

	border-radius: 4px;

}

.dede_pagess .thisclass a {

	color: #fff;

}

/*--/page--*/

.foot {

	width: 100%;

	padding: 15px 0 60px 0;

	line-height: 28px;

	text-align: center;

	font-size: 13px;

}

.foot .p {

	height: 40px;

	color: #fff;

	background: #fc7a22;

	line-height: 40px;

	font-size: 14px;

	margin-bottom: 20px;

}

.foot .p a {

	color: #fff;

	margin: 0 5px;

}

.footer {

	width: 100%;

	height: 50px;

	overflow: hidden;

	bottom: 0;

	left: 0;

	position: fixed;

	_position: absolute;

	z-index: 999;

 _bottom:expression(documentElement.scrollTop);

	background: url(../images/bg_8.jpg) repeat;

}

.footer ul {

	height: 50px;

}

.footer ul li {

	float: left;

	height: 50px;

	width: 25%;

}

.footer li a {

	display: block;

	height: 50px;

	overflow: hidden;

	text-indent: 999em;

	line-height: 50px;

	text-align: center;

	font-size: 14px;

	color: #fff;

	border-left: 1px #888 dashed;

}

.footer li a:hover {

	background-color: #333;

}

.footer .f1 {

	background: url(../images/bg_f1.png) center center no-repeat;

	background-size: 26px 26px;


}

.footer .f2 {

	background: url(../images/bg_f2.png) center center no-repeat;

	background-size: auto 24px;

}

.footer .f3 {

	background: url(../images/bg_f3.png) center center no-repeat;

	background-size: auto 30px;

}

.footer .f4 {

	background: url(../images/bg_f4.png) center center no-repeat;

	background-size: 26px 26px;

        border-left: none;

}



.message_m{ padding:20px 0;}
.message_m dd{ margin-bottom:10px;}
.message_m dd .k{ width:70%; border:1px solid #ccc; height:40px; line-height:40px; padding-left:10px; color:#999}
.message_m dd textarea{ width:70%; border:1px solid #ccc; height:100px; padding:10px}
.message_m dd span{ float:left; line-height:40px}
.message_m .tj{ width:80px; height:40px; line-height:40px; text-align:center; color:#fff; background:#ff751a; border:0; font-size:14px; cursor:pointer; margin-left:52px}