@charset "utf-8";

ol, ul, li { list-style:none; }
a { text-decoration:none; }

a.pic { display: block; position: relative; padding:0; margin:0;}
img.margin_right { margin:0 20px 0 0; }
a.pic img.h { position :absolute; padding:0; top:-1px; bottom:0;  left:0px; visibility:hidden; height:100%; width: 100%; }
a.pic:hover img.h { background:url(../images/img_z.png) center no-repeat; visibility:visible; }
/* main_page */
.main_resize { width:980px; margin:0 auto; padding:0; max-width: 90%; }
/* header */
.header_res { background:url(../images/header_bg.png) top repeat-x; min-height:30px; padding:15px 0 ; }

/* center_small_box */
.small_box { width:23%; margin:0 2% 0 0; float:left;}
.center_small_box { padding:0;width:23%; margin:0 1.5% 0 0; }
.center_small_box.last { }
.center_small_box.bordered { border:0px solid #eee; background:#fbfbfb; }
.small_box h2 { background:#f4f4f4; padding:0; margin:0; font-weight:bold; color:#ff4609;}
/* img_hover */

.small_box h2.hover1 { background:url(../images/h2_img_1_h.png) no-repeat; height:48px;}
.small_box h2.hover2 { background:url(../images/h2_img_2_h.png) no-repeat; height:48px;}
.small_box h2.hover3 { background:url(../images/h2_img_3_h.png) no-repeat; height:48px;}
.small_box h2.hover4 { background:url(../images/h2_img_4_h.png) no-repeat; height:48px;}
.small_box h2 img { float:left; }
.small_box h2 span { float:left; margin:15px 0 0 57px; white-space:nowrap; overflow:hidden; }

.center_small_box p { padding:18px 0; text-align:center; }
.center_small_box p strong { color:#515050; }

.center_small_box.port1 { width:99%; margin:25px 0;}

/* img */
img.banner { border:1px solid #eaeaea; padding:15px 21px; background:#fff; float:left; margin:0 1px 0 0; }
img.banner:hover { border: solid 1px #eaeaea; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999; }

img.fgh { background:#3d3d3d; padding:4px; margin:0 3px 0 0; float:left; }
img.fgh:hover { background:#e05d1f; }

.pic img { padding:0px; background:#ffffff; max-width: 100%; height:auto; /*}
.pic a:hover img {background:#e1e1df;border:1px solid #e1e1df; /**/ }
.pic img.h { background:none; }
.pic.fl { margin:5px 20px 10px 0; }
.pic.fr { margin:5px 0 20px 10px; }
.img_hover_box.pic a img.r_plus { position: absolute; top: 0; left: 0; visibility:hidden; background:none; border:none; height: 100%; width: 100%; }
.img_hover_box.pic a:hover img.r_plus { visibility:visible; }

.demo1 a{
  width: 300px;
  height: 144px;
  float: left;
  overflow: hidden;
}
.demo1 img{
  border: none;
  /*margin-top: -144px;*/
}
.demo1 a:hover img{
  margin-top: -144px;
}