#IndexBanner{ width:100%; height:496px; overflow:hidden; position:relative; }
#IndexBanner .Item{ position:absolute; left:50%; top:0; margin-left:-960px; display:none; }
#IndexBanner .Button{ position:absolute; width:50px; height:50px; top:50%; margin-top:-25px; cursor:pointer; }
#IndexBanner .LeftBtn{ background:url(../image/left.png) no-repeat center; left:10%; }
#IndexBanner .RightBtn{ background:url(../image/right.png) no-repeat center; right:10%; }
#IndexBanner .LeftBtn:hover{ background:url(../image/left2.png) no-repeat center; }
#IndexBanner .RightBtn:hover{ background:url(../image/right2.png) no-repeat center; }
#PicNum{ position:absolute; bottom:20px; left:50%; margin-left:-33px; }
#PicNum li{ width:20px; height:4px; float:left; margin-right:2px; background:url(../image/pointer.png) no-repeat center; cursor:pointer; }
#PicNum li.cur{ background:url(../image/pointer2.png) no-repeat center; }

.icon_menu{ padding:25px; background:url(../image/center.png) no-repeat center bottom; position:relative; }
.icon_move{ width:1000px; position:relative; margin:0 auto; height:75px; overflow:hidden; }
.relbox{ width:1000px; margin:0 auto; position:relative; }

.icon_menu ul{ width:1000px; position:absolute; left:0; top:0; } 
.icon_menu li{ float:left; border-right:1px solid #eee; overflow:hidden; }
.icon_menu li a{ display:block; width:90px; height:75px; position:relative; }
.icon_menu li a span{ display:block; width:90px; height:75px; position:absolute; left:0; top:0; -moz-transition: top 0.3s ease-in-out 0.1s; -webkit-transition: top 0.3s ease-in-out 0.1s; -o-transition: top 0.3s ease-in-out 0.1s; transition: top 0.3s ease-in-out 0.1s; }
.icon_menu li a:hover span{ -moz-transition: top 0.3s ease-in-out; -webkit-transition: top 0.3s ease-in-out; -o-transition: top 0.3s ease-in-out; transition: top 0.3s ease-in-out; top:-15px; }
/*.icon_menu .lis1 a span{ background:url(../images/icon.png) no-repeat center; }
.icon_menu .lis2 a span{ background:url(../images/icon2.png) no-repeat center; }
.icon_menu .lis3 a span{ background:url(../images/icon3.png) no-repeat center; }
.icon_menu .lis4 a span{ background:url(../images/icon4.png) no-repeat center; }
.icon_menu .lis5 a span{ background:url(../images/icon5.png) no-repeat center; }
.icon_menu .lis6 a span{ background:url(../images/icon6.png) no-repeat center; }
.icon_menu .lis7 a span{ background:url(../images/icon7.png) no-repeat center; }
.icon_menu .lis8 a span{ background:url(../images/icon8.png) no-repeat center; }
.icon_menu .lis9 a span{ background:url(../images/icon9.png) no-repeat center; }
.icon_menu .lis10 a span{ background:url(../images/icon10.png) no-repeat center; }
.icon_menu .lis11 a span{ background:url(../images/icon11.png) no-repeat center; }

.icon_menu .lis1 a:hover span{ background:url(../images/icon-2.png) no-repeat center; top:-15px; }
.icon_menu .lis2 a:hover span{ background:url(../images/icon2-2.png) no-repeat center; top:-15px; }
.icon_menu .lis3 a:hover span{ background:url(../images/icon3-2.png) no-repeat center; top:-15px; }
.icon_menu .lis4 a:hover span{ background:url(../images/icon4-2.png) no-repeat center; top:-15px; }
.icon_menu .lis5 a:hover span{ background:url(../images/icon5-2.png) no-repeat center; top:-15px; }
.icon_menu .lis6 a:hover span{ background:url(../images/icon6-2.png) no-repeat center; top:-15px; }
.icon_menu .lis7 a:hover span{ background:url(../images/icon7-2.png) no-repeat center; top:-15px; }
.icon_menu .lis8 a:hover span{ background:url(../images/icon8-2.png) no-repeat center; top:-15px; }
.icon_menu .lis9 a:hover span{ background:url(../images/icon9-2.png) no-repeat center; top:-15px; }
.icon_menu .lis10 a:hover span{ background:url(../images/icon10-2.png) no-repeat center; top:-15px; }
.icon_menu .lis11 a:hover span{ background:url(../images/icon11-2.png) no-repeat center; top:-15px; }
*/
.icon_menu li a em{ color:#273265; display:block; text-align:center; position:absolute; bottom:-50px; width:90px; opacity:0; filter:alpha(opacity=0); -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size:14px; }
.icon_menu li a:hover em{ bottom:5px; opacity:1; filter:alpha(opacity=100); -moz-transition: all 0.2s ease-in-out 0.1s; -webkit-transition: all 0.2s ease-in-out 0.1s; -o-transition: all 0.2s ease-in-out 0.1s; transition: all 0.2s ease-in-out 0.1s; }

.bottom{ width:100%; background:#f9f9f9; }
.b_box{ width:1000px; margin:0 auto; padding:30px 0; }
.b_box .video_box{ float:left; margin-right:20px; }
.b_box .video_box a{ background:url(../image/img.jpg) no-repeat center; width:369px; height:208px; display:block; }
.b_box .text{ float:left; margin-right:48px; width:420px; }
.b_box .text .title{ padding-top:7px; padding-bottom:10px; background:url(../image/titlebg.png) repeat-x bottom; }
.b_box .text .title span{ color:#4e4e4e; font:normal 24px 'Microsoft YaHei'; }
.b_box .text a{ float:right; margin-top:10px; color:#7b7f8a; }
.b_box .text p{ color:#7b7f8a; line-height:20px; margin-bottom:12px; }
.b_box .book{ float:left; position:relative; }
.b_box .book .scroll_cont{ width:143px; height:188px; overflow:hidden; position:relative; }
.b_box .book .scroll{ position:absolute; left:0; top:0; }
.b_box .book .scroll .box{ width:143px; margin-right:5px; display:block; height:188px; float:left; }
.b_box .book .scroll .box img{ width:143px; height:188px; }
.b_box .book .left_btn,.b_box .book .right_btn{ display:block; position:absolute; top:94px; margin-top:-20px; width:30px; height:40px; }
.right_btn{ background:url(../image/right_btn.png) no-repeat center; right:-30px; }
.left_btn{ background:url(../image/left_btn.png) no-repeat center; left:-30px; }
.right_start{ background:url(../image/right_btn2.png) no-repeat center; }
.left_start{ background:url(../image/left_btn2.png) no-repeat center; }
.icon_menu .left_btn,.icon_menu .right_btn{ display:block; position:absolute; top:50%; margin-top:-20px; width:30px; height:40px; }
.icon_menu .left_btn{ left:-35px; }
.icon_menu .right_btn{ right:-35px; }


#Mask { position:fixed; z-index:100; top:0px; left:0px; height:100%; width:100%; background:#000; filter:alpha(opacity=80); opacity:.8; -moz-opacity:.8; display:none;}
#Video { position:fixed; z-index:101; width:550px; height:415px; border:5px solid #333; top:50%; left:50%; margin:-200px 0px 0px -275px; display:none; background:#333; }
#Video .Close{ width: 33px; height: 33px; background:url(../image/close.png) no-repeat; position: absolute; top: 0px; right: -40px; cursor: pointer;}



.box{ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#fff; -moz-box-shadow:0 0 5px #3567fc; -webkit-box-shadow:0 0 5px #3567fc; box-shadow:0 0 5px #3567fc; behavior: url(http://gacymarine.com/css/js/pie.htc); position:relative;}
.w320{ padding-top:15px; padding-bottom:15px; width:490px; height:288px; overflow:hidden; zoom:1; margin-bottom:20px;}
.fl{float:left;}  
.fr{float:right;}
.box_search{ width:490px; }
.box .tit{ height:30px; line-height:30px; width:100%; background:#3366ff; text-align:center}
.box .tit h2 a{ font-size:16px; color:#fff; text-align:center}

.pinfo{ padding:15px; width:460px; padding-top:5px;}

.pinfo .proimg{ width:220px; height:170px;  margin:0 auto; margin-top:4px}
.pinfo .proimg img{ width:214px; height:164px;  padding:2px; border:solid 1px #ccc;}
.pinfo .protxt{ float:left; width:460px; height:auto; line-height:22px; overflow:hidden; text-align:left; margin-top:5px}

.rel{ position:relative;}