@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
body{ background:url(../images/body_bg.gif) repeat;}
ul,li{ list-style:none;}
img{ border:0;}
a{ text-decoration:none; color:#666;}
/*----头部-----*/
.head{ 
	width:100%; height:71px; background:url(../images/head_bg.gif) repeat-x
}
.head_con{
	width:1000px; height:71px; margin:0 auto;
}
.logo{
	width:auto; height:auto; float:left; margin-top:10px; display:inline;
}

.title{
	width:auto; height:53px; line-height:53px; float:left; margin-left:10px; margin-top:10px; font-family:"微软雅黑"; color:#fff; font-size:24px;
}


/*效果图*/
.xgt_box{
	width:1000px; height:auto; overflow:hidden; margin:0 auto; margin-top:15px;
}

.xgt_title{
	width:1000px; height:46px; 
}

.xgt_con{
	width:998px; height:auto; border:1px solid #d8d8d8; border-top:none; padding:10px 0; background:#e8e7e7;
}

.bottomLine{
	width:940px; height:24px;  padding:0 30px; font-family:"微软雅黑"; color:#666666; font-size:14px; margin-bottom:7px;
}


.type{
	width:80px; height:24px; line-height:24px; float:left; font-weight:bold; text-shadow:#f3f3f3 1px 1px 1px;
}

.typesList{
	float:left; display:block; width:800px; height:24px; line-height:24; _overflow:hidden; 
}	

.typesList li {
	float:left; padding:0 10px; line-height:normal; line-height:24px;margin-right:10px; text-shadow:#f3f3f3 1px 1px 1px; cursor:pointer;
}
.typesList li:hover{
		background:#83c351;  color:#fff; text-shadow: none;

	}

.typesList li.slect{
	background:#83c351; padding:0 10px; color:#fff; text-shadow: none;
}

.line{
	width:1000%; height:2px; background:url(../images/line.gif) repeat-x; clear:both; overflow:hidden;
}

.xgt_list{
	width:1000px; height:auto; overflow:hidden;
}
.xgt_list ul{
	margin-top:15px; padding:0 30px;
}
.xgt_list ul li{
	float:left; margin-right:32px; margin-bottom:15px; width:210px; height:180px; overflow:hidden;
}

.xgt_list ul li.liright{
	margin-right:0; 
}

.xgt_list ul li a{
	display:block; width:200px; height:150px; padding:5px 5px 10px 5px; background:url(../images/xgt_list_bg.gif)
}
.xgt_list ul li a:hover{
	background:url(../images/xgt_list_bg01.gif)
	}

.xgt_list ul li p{
	width:210px; font-size:12px; font-family:"微软雅黑"; color:#333333; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
}

/*---翻页--*/
.flipnum{
	width:1000px;
	height:30px;
	margin:0 auto;
	overflow:hidden;
}

.flip{
	width:570px; margin:0 auto;height:30px; text-align:center; font-family:"微软雅黑"; font-size:14px;
}


.flip a{
	float:left; display:block; height:22px; width:22px;  line-height:22px; text-align:center; margin-top:8px; margin-left:5px; color:#333; text-decoration:none; text-shadow:#f3f3f3 1px 1px 1px;
}

.flip a:hover{
	color:#79c63c;
	}

.flip a.a1{
	color:#fff; text-shadow:none;
	background:url(../images/fy.gif) no-repeat;
	
	}
.flip a.flipupdown{
	height:22px;
	width:51px;
	line-height:22px;
	}
.flip a.flipupdown:hover{
	color:#79c63c;
	}
.fy_text{
	float:left; width:40px; height:16px; border:1px solid #ccc; background:#f3f3f3; margin-top:11px; color:#333;
}

.fy_btn{ float:left; margin-top:11px; margin-left:5px; width:20px; height:18px; background:url(../images/go.gif) no-repeat; border:none;}


/*按面积报价*/
.baojia_con{
	width:1000px; height:424px; margin:0 auto; margin-top:10px;
}

.mjbj{
	width:1000px;  height:424px; clear:both; float:left; overflow:hidden;
}
.mjbj_con{
	width:1000px; height:424px; overflow:hidden;
}

.mjbj_title{
	width:1000px; height:46px; line-height:46px; overflow:hidden;
}

.mjbj_main{
	width:998px; height:377px; background:#e8e7e7; border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; position:relative; overflow:hidden;
}


.mjbj_main dl {
	padding-left:20px;
}
.mjbj_main dl dt{
	width:980px; height:48px; line-height:48px;
}

.mjbj_main dl dd{
	width:960px; height:46px;  line-height:46px;
}

.mjbj_main dl dd span.s1{
	width:133px; height:31px; display:block; background:url(../images/name_bg.gif); line-height:30px; float:left; text-align:center; font-size:16px; color:#fff; margin-top:14px; font-family:"微软雅黑"; 
}

.mjbj_main dl dd span.s2{
	width:133px; height:31px; display:block; background:url(../images/name_bg.gif); line-height:30px; float:left; text-align:center; font-size:16px; color:#fff; margin-top:14px; margin-left:10px;
}

.mjbj_main dl dd span.text{
	width:150px; display:block; height:18px; float:left; margin-top:14px; margin-left:20px; line-height:18px; color:#666; font-size:14px; display:inline;
}
.textinput{
	width:230px; display:block; height:30px; float:left; background:url(../images/text_in.gif); border:0;line-height:30px; color:#666; text-align:center;  font-size:16px; 
}

.unit{
	display:block; float:left; margin-left:10px; font-size:14px; color:#666; width:50px; height:46px; line-height:46px;
}	
.unit1{
	display:block; float:left; margin-left:10px; font-size:14px; color:#666; width:50px; height:36px; line-height:36px;
}	
	
.mjbj_main dl dd span.text select{
	width:150px; height:30px; line-height:30px; border:1px solid #ccc; font-size:16px; font-family:"微软雅黑"; color:#666;
}

.mjbj_main dl dd span.radio1{
	 width:85px; display:block; height:30px; float:left; margin-top:14px; margin-left:20px; line-height:30px; color:#666; font-size:14px; vertical-align:middle; font-family:"微软雅黑";
}

.bj_bottom{
	width:998px; height:88px; margin-left:-1px;  position:absolute; bottom:0;
}

.bj_button{
	width:229px; height:59px; background:url(../images/bj_button.gif); border:none; cursor:pointer;
}

.mjbj_main dl dd.btn11{
	background:none; text-align:center; margin-top:10px;
 	
}

/*效果图浏览*/
.list_box{
	width:978px; height:auto; margin:0 auto; background:#d3d3d1; border:1px solid #9b9b9a; margin-top:10px; padding:10px; padding-bottom:20px;text-align:center; position:relative;
	
}
.img{
	background:#FFF; padding:10px; overflow:hidden; height:auto; width:auto; position:relative; 
}

.btn{
	position:absolute; left:10px; _left:0px; top:10px;width:240px; height:41px; background:url(../images/btn.png) no-repeat; border:0;
}
.prve{
	width:40px; height:40px; position:absolute; top:300px; left:30px; _left:15px; cursor:pointer; 
}
.next{
	width:40px; height:40px; position:absolute; top:300px; right:30px; cursor:pointer; 
}

.text01{
	width:auto; height:30px; line-height:30px; text-align:left; font-size:14px; color:#666; margin-top:5px;
}
.text01 span{ display:block; float:left;}

.text01 span.sp1{
	float:right;
}

.pic{
	width:980px; height:120px; margin-top:15px;
}
.leftpic{
	width:130px; height:120px; float:left; margin-left:15px;
}

.leftpic img{
	border:5px solid #FFF;
}
.leftpic p{
	font-size:14px; color:#666; margin-top:5px; 
}

.rightpic{
	width:130px; height:120px; float:right;  margin-right:15px; display:inline;
}

.rightpic img{
	border:5px solid #FFF;
}
.rightpic p{
	font-size:14px; color:#666; margin-top:5px; 
}

.pic_auto{
	width:640px; height:120px; float:left; margin-left:25px;
}
.pic_auto_box{
	overflow-x:auto; overflow-y:hidden; scrolltext-overflow:ellipsis; white-space:nowrap; width:532px; height:120px;   float:left; margin-left:10px; 
	scrollbar-face-color:#B3DDF7;scrollbar-shadow-color:#B3DDF7;scrollbar-highlight-color:#B3DDF7;scrollbar-3dlight-color:#EBEBE4;scrollbar-darkshadow-color:#EBEBE4;scrollbar-track-color:#F4F4F0;scrollbar-arrow-color:#000000;
}
.l_prve{
	width:40px; height:40px; float:left; margin-top:30px;
}

.r_next{
	width:40px; height:40px; float:right; margin-top:30px;
}
.pic_auto_box ul{
	width:9999px;
}

.pic_auto_box ul li{
	float:left; margin-right:6px; margin-bottom:15px; display:inline;
}

.pic_auto_box ul li a{
	padding:4px; display:block; background:#fff;
}

.pic_auto_box ul li a.a1{
	border:1px solid #093;
}


/*底部*/
.footer{line-height:22px; overflow:hidden;font-family:Arial, Helvetica, sans-serif; margin-top:10px; color:#999; font-size:12px;}
.footer{line-height:22px; overflow:hidden;font-family:Arial, Helvetica, sans-serif; margin-top:10px;}
.footer p{ text-align:center}
.footer a{margin-left:5px; display:inline-block}
.footer p .icp, .footer p .rating{height:40px; padding-top:10px; text-align:left; line-height:18px;  background:url(../images/footer.gif) no-repeat ; margin-bottom:20px; }
.footer p .icp{ padding-left:40px; margin-right:10px;  background-position:0px -118px}
.footer p .rating{ padding-left:50px;  background-position:0px -195px}