@charset "gb2312";
/* CSS Document */
body{ margin:0 auto; padding:0; font-family:"微软雅黑";}
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,pre,em,a{ margin:0;padding:0;}
a{ color:#1f2229; text-decoration:none;}
a:hover{ color:#1f2229; text-decoration:none;}
img{ border:0; padding:0; margin:0;}
ul,li{ list-style:none;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;/*IE/7/6*/}

/* 响应式布局设置 */
@media screen and (max-width:320px){
body{ font-size:12px;}
}

@media screen and (min-width:320px) and (max-width:360px){
body{ font-size:12px;}
}

@media screen and (min-width:360px) and (max-width:480px){
body{ font-size:14px;}
}

@media screen and (min-width:480px) and (max-width:560px){
body{ font-size:16px;}
}

@media screen and (min-width:560px) and (max-width:640px){
body{ font-size:16px;}
}

@media all and (min-width:640px){
body{ font-size:18px;}
}

/* 顶部 */
#headbox{ width:100%; max-width:640px; background:#002756;}
.mainboxbg{ position:fixed; height:100%; width:100%; background-color:#000; top:0; display:none; z-index:9;lter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

/* 搜索 */
.search{ width:14.2%; cursor:pointer; display:inline; float:left;}
.search img{ width:100%; height:auto; max-height:100px;}
.se_box{ width:96%; max-width:640px; height:auto; background:#1f2229; position:fixed; display:none; top:0; z-index:10; margin-top:15%; padding:2%;}
.sear{ width:100%; height:auto;}
.text{ float:left; width:75%; height:30px; border:0; background:#fff; text-indent:10px; color:#aeaeae; font-size:14px; font-family:"微软雅黑";}
.button{ float:left; margin:0 1% 0 2%; width:22%; border:0; height:30px; cursor:pointer; background:#003472; color:#fff; font-size:14px; font-family:"微软雅黑";}


.logo{ width:71.1%; float:left;}
.logo img{ width:100%; height:auto;}

/* 顶部导航 */
.h_menu{ width:14.7%; cursor:pointer; display:inline; float:left;}
.h_menu img{ width:100%; height:auto;}
.nav{ width:50%; height:100%; background:#002756; position:fixed; right:50px; padding-top:8%; display:none; top:0; z-index:10;}
.nav li{ text-align:center; border-bottom:1px solid #00316d; padding:5% 0; display:block;}
.nav li a{ display:block; width:100%; color:#fff;}
.nav li a:hover{ color:#ffd400;}
.mainbox{ margin:0 auto; max-width:640px; width:100%; z-index:8;}

/* banner */
.slideBox{ max-width:640px; max-height:350px; overflow:hidden;/* 设置焦点图最大宽度 */ }
.slideBox .hd{ height:28px; line-height:28px; bottom:0; right:0; z-index:1; display:none;}
.slideBox .hd li{ display:inline-block; width:6px; background-color:#ccc; height:6px; -webkit-border-radius:6px; -moz-border-radius:6px;  border-radius:6px; text-indent:-9999px; overflow:hidden; margin:0 4px;  }
.slideBox .hd li.on{ background-color:#Fff; }

.slideBox .bd{ z-index:0; }
.slideBox .bd li{ text-align:center;}
.slideBox .bd li img{ vertical-align:top; width:100%; max-height:350px;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */	

/* 导航 */
#menu{ width:100%; max-width:640px; background:url(../images/meun_bg.jpg) no-repeat;}
#menu li{ width:15.7%; padding:2.8% 2.1%; height:auto; text-align:center; float:left; display:block;}
#menu li a{ color:#fff;}

/* 产品展示 */
#protit{ width:95.2%; max-width:640px; height:auto; padding:3.2% 0 3.2% 4.8%;}
#cpiocn{ width:24.6%; background:url(../images/cp_iocn.png) #003575 no-repeat; color:#fff; padding:0.9% 0 0 7.5%; background-size:100%; float:left;}
#cpiocn span{ font-size:12px;}
.ne_more{ width:61.6%; background:#f1f1f1; margin-right:4.8%; padding:0.9% 1% 0 0; text-align:right; float:left;}
#probox{ width:90.4%; max-width:640px; height:auto; text-align:center; padding:0 4.8%; overflow:hidden;}
#probox li{ width:31%; font-size:14px; display:block; margin-right:2.2%; background:#f1f1f1; float:left;}
#probox li img{ width:100%;}

/* 装修指南 */
#zstit{ width:95.2%; max-width:640px; height:auto; padding:3.2% 0 3.2% 4.8%;}
#zsiocn{ width:24.6%; background:url(../images/zs_iocn.png) #003575 no-repeat; color:#fff; padding:0.9% 0 0 7.5%; background-size:100%; float:left;}
#zsiocn span{ font-size:12px;}
#zx_cn{ width:90.4%; max-width:640px; padding:0 4.8%; height:auto;}
#zx_cn li{ line-height:160%;}
#zx_cn li span{ color:#ff0000;}


/* 新闻中心 */
#netit{ width:95.2%; max-width:640px; height:auto; padding:3.2% 0 3.2% 4.8%;}
#neiocn{ width:24.6%; background:url(../images/ne_iocn.png) #003575 no-repeat; color:#fff; padding:0.9% 0 0 7.5%; background-size:100%; float:left;}
#neiocn span{ font-size:12px;}
#news_cn{ width:90.4%; max-width:640px; height:auto; padding:0 4.8%;}
#news_cn li{ padding:1.5% 2%; border:1px solid #f1f1f1; margin-bottom:1.8%;}
#news_cn li span{ float:right;}
#news_cn li a:hover{ color:#ff0000;}

/* 底部 */
#bq{ width:100%; max-width:640px; height:auto; text-align:center; padding:1% 0; background:#f1f1f1;}
.wihtesd { height:auto;}
.wihtesd img{ width:100%;}
.foc{ background:#002756; overflow:hidden; position:fixed; z-index:10000; bottom:0; width:100%; max-width:640px;}
.foc li{width:33.333%;text-align:center; color:#fff; text-align:center; float:left; overflow:hidden; background:url(../images/fo_li.jpg) left repeat-y; cursor:pointer; }
.foc li {}
.foc li a{ display:block; position:relative; color:#fff; overflow:hidden;}
.foc li img{ width:100%; height:auto;}
.foc li a p{ position:absolute; width:100%; bottom:10%; left:0;}
.foc li a:hover{ text-decoration:none;}
.foc li.last{ background:none;}

/* 详细页 */
.cont{ padding:3% 5%; line-height:156%;}
.cont img{ width:100%;}
.cont p{ margin:3% 0;}

.pageListNav{ padding:3% 0; width:100%; text-align:center; overflow:hidden; border-top:1px solid #f1f1f1;}
.pageListNav a{ display:inline-block; width:70px; height:28px; border-radius:3px; background-color:#bfbfbf; color:#fff; line-height:28px; text-align:center; text-decoration:none;}
.pageListNav .first{ float:left; margin:0;}
.pageListNav span{ display:none; margin-top:3px; margin-right:10px; overflow:hidden; vertical-align:middle;}
.pageListNav select{ position:relative; top:-4px; width:80px; height:28px; border:0; color:#666; font-size:1.1em; background:#F6FAFD; text-align:center; display:none;}

#n_probox{ width:100%; max-width:640px; height:auto; text-align:center;}
#n_probox .bd li{ width:34.5%; font-size:14px; margin:0% 6.5% 2% 8.2%; display:inline; float:left;}
#n_probox .bd li img{ width:100%;}
#n_probox .hd{ height:20px; overflow:hidden; font-size:0;}
#n_probox .hd ul{ display:inline-block; padding-top:5px;}	
#n_probox .hd li{ display:inline-block; width:8px; height:8px; background:#D0D0D0; margin:0 5px; vertical-align:top; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}

/* 在线咨询漂浮窗口 */
#swt{width:220px; position:fixed; top:50%; margin-top:-30px; text-align:center;left:50%; margin-left:-110px; z-index:100002; line-height:normal;}
#swt .close{ width:22px; height:22px; background-color:#333;border-radius:50%;font-family:"微软雅黑"; position: absolute; right:-8px; top:-8px; float:right;z-index:100001; color:#fff; font-size:14px; line-height:20px; cursor:pointer;}
#swt .swtbox{ border:1px solid #bbbbbb; background-color:#fff; height:80px; position:relative; }
#swt .swtbox .adwords{ font-family:"微软雅黑"; height:38px; line-height:38px;font-size:16px; overflow:hidden; white-space:nowrap; overflow:hidden; background:#f1f1f1;}
#swt .swtbox .yulist{ width:186px; margin:0 auto;}
#swt .swtbox .yulist li {width:77px; height:26px; display:inline; float:left; margin:0 8px;font-size:12px; text-align: center;}
#swt .swtbox .yulist li a{ width:77px; height:26px; border-radius:2px; display:block; color:#fff; line-height:25px;}
#swt .swtbox .yulist li a.phone{ background-color:#0C58A6; margin-top:8px;}
#swt .swtbox .yulist li a.swt{  background-color:#FF6600; margin-top:8px;}
#swtblack{ position:fixed;height:100%; left:0; top:0; width:100%; display:block; z-index:100001;}



form {margin: 0;}
button,input,select,textarea {
    font-size: 100%;  /* Correct font size not being inherited in all browsers. */
    margin: 0;  /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */
    vertical-align: baseline; /* Improve appearance and consistency in all browsers */
    *vertical-align: middle; /* Improve appearance and consistency in all browsers */
}
button,select {text-transform: none;}
input{  -webkit-border-radius:5px; -moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;
	background-color: #FFFFFF;	border: 1px solid #E8E8E8;	margin: 3px 0px;
	padding: 5px 3px;	width:99%;	line-height: normal;
}
textarea{	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;border-radius:5px; 
-moz-box-sizing: border-box;  background-color: #FFFFFF;	border: 1px solid #E8E8E8;
margin: 3px 0px;padding: 5px 3px;	width:99%;
}

.required{ color:red; font-weight:bold;}
.form_text_verifycode { width:80px; }
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}

/*按钮*/
.btn{	width:100%; padding:9px 0px;font-size:16px;text-decoration:none; margin:5px 0px; cursor:pointer;
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;
	background-color:#179F00;border:1px solid #0B8E00; color:#ffffff; display:block; text-align:center; 
	background-image:-o-linear-gradient(bottom, #2b6fba 0%, #2b6fba 100%);
	background-image:-moz-linear-gradient(bottom, #2b6fba 0%, #2b6fba 100%);
	background-image:-webkit-linear-gradient(bottom, #2b6fba 0%, #2b6fba 100%);
	background-image:-ms-linear-gradient(bottom, #2b6fba 0%, #2b6fba 100%);
	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #2b6fba),color-stop(1, #2b6fba));
	background-image:linear-gradient(bottom,  #2b6fba 0%, #5DD300 100%);
	-webkit-box-shadow:0 1px 0 #2b6fba inset, 0 1px 2px rgba(0, 0, 0, 0.5); 
	-moz-box-shadow:0 1px 0 #2b6fba inset, 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow:0 1px 0 #2b6fba inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	text-shadow:0 1px rgba(0, 0, 0, 0.2);
}
.guestbook .ChannelName h1{ border-bottom:1px dotted #CCCCCC; padding:5px 0px;}
table.guestbook_table{ width:100%;}
table.guestbook_table .t1{ width:25%; text-align:left }
table.guestbook_table .t2{ width:75%; text-align:left;}