body{background: #303030;font-size:14px; font-family:"Microsoft YaHei",΢ÈíÑźÚ, Verdana, Arial, Helvetica, sans-serif;color: #666666;margin:0;}
input {background: #303030;font-size:14px; font-family:"Microsoft YaHei",΢ÈíÑźÚ, Verdana, Arial, Helvetica, sans-serif;color: #666666;margin:0;}
table, tr, td{font-size:14px; font-family:"Microsoft YaHei",΢ÈíÑźÚ, Verdana, Arial, Helvetica, sans-serif;margin:0; padding:0; margin:0 auto;}
form{margin:0;}
a:link, a:visited, a:active {color:#666666;text-decoration: none;} a:hover{color:#FF0000;text-decoration: none;}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;}
div{}
h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;}  
li{list-style-type:none;}
table{}
img{vertical-align:middle;border:0;}
ol,ul {list-style:none;}   
caption,th {text-align:left;}
.clear{clear:both;}
a.back{width: 81px;height: 23px;line-height: 23px;text-align: center;border-radius: 5px;background-color:#0e4385;float: right;margin: 10px 0px;color:#fff;}
a.back:hover{background-color:#bc0801;}

.search_btn{width: 81px;height: 26px;line-height: 26px;text-align: center;background-color:#0e4385;margin-left:8px; color:#fff;border:none; cursor:pointer;}

a.wt:link, a.wt:visited, a.wt:active {color:#fff;text-decoration: none; } a.wt:hover{color:#ED1B24;text-decoration: none;}

.input{ height:30px;color:#666666; background-color:#FFFFFF; margin-left:4px; -webkit-text-size-adjust:none; font-size:12px; font-family:Arial, Helvetica, sans-serif;  border: 1px solid #D8D6D6;}


#product { text-align:center; padding:0px; margin-left:20px;}
#product span{ float:left; width:31%; *width:31%; margin-bottom:0px; text-align:center;padding:2px 2px 2px 12px;}
#product span div{ margin-bottom:16px;}
#product span div img{ border:#cecece solid 0px;padding:2px;}

#product9 { text-align:center; padding:0px; margin-top:-40px;}
#product9 span{ float:left; width:32%; *width:32%; margin-bottom:30px; text-align:center;padding:2px 2px 2px 12px;}
#product9 span div{ margin-bottom:16px;}
#product9 span div img{ border:#cecece solid 0px;padding:2px;}

#product2 { width:1150px; padding:0px; margin-top:24px; margin-left:40px;}
#product2 span{ float:left; width:23%; margin-bottom:6px; text-align:center;padding:2px 6px 2px 6px;}
#product2 span div{ margin-bottom:2px;}
#product2 span div img{ border:#cecece solid 0px;padding:2px;}

#product21 { width:1050px; padding:0px; margin-top:24px; margin-left:40px;}
#product21 span{ float:left; width:23%; margin-bottom:6px; text-align:center;padding:2px 6px 2px 6px;}
#product21 span div{ margin-bottom:2px;}
#product21 span div img{ border:#cecece solid 0px;padding:2px;}

#product3 { text-align:center; padding:0px;}
#product3 span{ float:left; width:24%; margin-bottom:15px; text-align:center;padding:0px 4px 2px 4px;*padding:0px 4px 2px 10px;}
#product3 span div{ margin-bottom:0px; *margin-bottom:2px;}
#product3 span div img{ border:#cecece solid 0px;padding:2px;}

#product4 { text-align:center; padding:0px; margin-left:14px;}
#product4 span{ float:left; width:32%; margin-bottom:0px; text-align:center;padding:2px 0px 2px 2px;}
#product4 span div{ margin-bottom:2px;}
#product4 span div img{ border:#cecece solid 0px;padding:2px;}


#nav{height:44px; width:900px; margin:0px; padding:0px;}
#nav ul li{float:right;display:inline;height:44px;line-height:44px;}
#nav ul li a{float:left;padding:0 42px;color:#ffffff; font-size:14px; }
#nav ul li a:hover{ text-decoration:none;color:#B7B7B7;}

a.wt:link, a.wt:visited, a.wt:active {color:#ffffff;text-decoration: none; } a.wt:hover{color:#BB1219;text-decoration: none;}


html,body,ol,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,form,img,fieldset,legend,blockquote,input,textarea,select{margin:0;padding:0;list-style:none;word-wrap:break-word;}

.grid-item { position: relative; padding: 0; overflow: hidden; }
.grid-item a{ position: relative; }
.grid-item a,
.grid-item img{ display: block;  width: 100%; height: auto; }	
.grid-item a:hover{ cursor: pointer; }
.grid-item--width2 { width: 320px; }
.grid-item--width3 { width: 480px; }
.grid-item--width4 { width: 640px; }	
.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 360px; }
.grid-item .caption{ overflow: hidden; color : #333; position: absolute; top:0; left:0; width:100%; height:100%; background: #fff; opacity: 0;}
.grid-item:hover img{
  -webkit-transform: scale(1.2) rotate(5deg);
  -moz-transform: scale(1.2) rotate(5deg);
  transform: scale(1.2) rotate(5deg);
  opacity: .5;
  }

.grid-item:hover .caption{ opacity: .9; 
  -webkit-transition: all 0.5s ease; 
     -moz-transition: all 0.5s ease; 
      -ms-transition: all 0.5s ease; 
       -o-transition: all 0.5s ease; 
          transition: all 0.5s ease;   
   
}
.grid-item .caption .inner{ padding-top: 50px; text-transform: uppercase; } /* 30 Ori */
.grid-item .caption .inner h3{
	font-weight: 100; /* 400 Ori */
	font-size: 18px;
} 
.grid-item .caption span{ color: #999 !important; }

.sideFloat_new {width:110px;}
.sideFloat_new a{width:80px;height:auto;padding:5px 15px;text-align:left;}
.sideFloat_new .fh{line-height:15px;background:#eabe48;}
.sideFloat_new .gotop{height:24px;background-position:30px -100px;}

.inner { width:1200px;  margin:0 auto; }
.left { width:231px; float:left; position:relative; top:-97px; z-index:9999;}
.left_tit { width:231px; height:176px; background:url(../images/left_cat_tit.jpg) no-repeat; line-height:234px; text-indent:50px; font-size:26px; font-weight:bold; color:#fff;}
.left_cat { width:229px; overflow:hidden; border:1px solid #c6c6c6; border-top:0; padding-bottom:150px; }
.left_cat li {width:229px; line-height:58px; border-bottom:1px solid #c6c6c6; text-indent:32px;}
.left_cat li a { display:block;}
.left_cat li a:hover {display:block; color:#fff; background:#1d1d1d;}

@font-face {
    font-family: 'fzhei-b01sregular';
    src: url('../font/NewsGothicStd.otf');
    font-weight: normal;
    font-style: normal;
}


@font-face { 
    font-family: 'fzhei-b02sregular';
    src: url('../font/fzhtjw.ttf');
    font-weight: normal;
    font-style: normal;
}



.banner {
     width: 246px;
	 height: 186px;
	 position: relative;
	 overflow: hidden;
	 float: left;
	 display: inline;
	 margin: 0px
}

/* The banner divs */
.banner img {
	 display: block;
	 border: none;
}

/* The dark animated divs */
.banner div {
	 position: absolute;
	 z-index: 100;
	 background-color: #222;
	 width: 70px;
	 height: 70px;
	 cursor: pointer;

	/*	Setting a really big value for border-radius
		will make the divs perfect circles */
	 -moz-border-radius:100px;
	 -webkit-border-radius:100px;
	 border-radius:100px;
}

/*	Positioning the animated divs outside the
	corners of the visible banner area: */
.banner .cornerTL { left:-60px; top:-60px; }
.banner .cornerTR { right:-60px; top:-60px; }
.banner .cornerBL { left:-60px; bottom:-60px; }
.banner .cornerBR { right:-60px; bottom:-60px; }

/* The "Visit Company" text */
.banner p {
     width: 100%;
	 left: 0;
	 top: 75px;
	 z-index: 200;
	 position: absolute;
	 font-family: Tahoma, Arial, Helvetica, sans-serif;
	 background-color:#FF0000;
	 color: #fff;
	 font-size: 14px;
	 text-align: center;
	 cursor: pointer;
	 display: none;	/* hidden by default */
}