@charset "utf-8";
@import url(diy.css);
@import url(ny.css);
@import url(animate.css);
body{margin:0;padding:0;font-size:12px;line-height:22px;font-family:"微软雅黑",Arial;-webkit-text-size-adjust:none;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:underline;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
 
.g_box{background: #f8f8f8;padding-top: 0px;}
.body {
    background: #f5f5f5;
}
 body{
    background: #fff;
}
.blank20{height:23px; overflow:hidden;font-size:1px;clear:both; }
.pa{ position:absolute;}
.pr{ position:relative}
i { font-style:normal;}
em { font-style:normal;}
.picc{
	padding:6px;
	float:left;
	}
.about1{
	width:540px;height:340px;padding-top:10px;
}
.about2{width:450px;
height:340px;
	line-height:25px;
	font-size:14px;
	color:#fff;
	padding-top:10px;}
.home-more {
	width:270px;
	height:200px;
	line-height: 200px;
	background: #08aefb url(../images/more2.png) no-repeat 30% 50%;
	border: 1px solid #999;
 	color: #fff;
	text-align: center;
	display: block;font:normal 30px/200px "microsoft yahei";margin:5px;
	float:left;
  }
.home-more:hover {
	border-color: #333;
	color: #fff;
 	background:#3F3E3E url(../images/more2.png) no-repeat 30% 50%;
}

#w_box{
	 background:#fff;
	 }
.w96{
	padding:6px;
	line-height:23px;}

.cateLeft {width:200px;height:740px;float:left; padding-bottom:36px;background:#BF0609; 
padding-top:25px;}
.cateLeft h3{ font: bold 16px/26px "microsoft yahei";color:#fff;  
text-indent:30px; 
 }
.cateLeft h4{ font: bold 14px/26px "microsoft yahei";color:#fff;  
text-indent:30px; 
 }
 .cateLeft a{ color:#fff;}
 .cateRight {float:right; overflow:hidden; width:750px;}
.proList {overflow:hidden;width:750px;font-size:14px;color:#333;}
.proList li {float:left;margin:16px 31px 0 0;overflow:hidden;width:217px;height:248px;border:1px solid #ddd;text-align:center;}
.pro_img {overflow:hidden;width:217px;height:217px;}
.pro_img a , .pro_img img {display:block;width:217px;height:217px;}
.pro_txt {background:#d32118;height:31px;line-height:30px;overflow:hidden;}
.pro_txt a {color:#fff;}
.proList li.hover {border:1px solid #007dd7;}
.proList li.hover .pro_txt {background:#3a0c0a; color:#fff;}
.proList li.hover .pro_txt a {color:#fff;}
.tit3{ height:100px; background: url(../images/l_bg.jpg) no-repeat center top ; color:#fff;  font:24px/46px "Microsoft YaHei",微软雅黑,arial,宋体; text-align:center; overflow:hidden;}
.tit3 i{ display:block; color: #fff;font:12px Arial; text-align: center; font-size:14px; line-height:18px; text-transform:uppercase;}
 .tit3 a{ color:#333;}
 .tit4{ height:46px; background: url(../images/l_bg.jpg) no-repeat center top ; color:#fff;  font:24px/46px "Microsoft YaHei",微软雅黑,arial,宋体; text-align:center; overflow:hidden;}
.tit4 i{ display:block; color: #fff;font:12px Arial; text-align: center; font-size:14px; line-height:18px; text-transform:uppercase;}
 .tit4 a{ color:#333;}