#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/index/icon.png) no-repeat center; }
.icon_menu .lis2 a span{ background:url(../images/index/icon2.png) no-repeat center; }
.icon_menu .lis3 a span{ background:url(../images/index/icon3.png) no-repeat center; }
.icon_menu .lis4 a span{ background:url(../images/index/icon4.png) no-repeat center; }
.icon_menu .lis5 a span{ background:url(../images/index/icon5.png) no-repeat center; }
.icon_menu .lis6 a span{ background:url(../images/index/icon6.png) no-repeat center; }
.icon_menu .lis7 a span{ background:url(../images/index/icon7.png) no-repeat center; }
.icon_menu .lis8 a span{ background:url(../images/index/icon8.png) no-repeat center; }
.icon_menu .lis9 a span{ background:url(../images/index/icon9.png) no-repeat center; }
.icon_menu .lis10 a span{ background:url(../images/index/icon10.png) no-repeat center; }
.icon_menu .lis11 a span{ background:url(../images/index/icon11.png) no-repeat center; }

.icon_menu .lis1 a:hover span{ background:url(../images/index/icon-2.png) no-repeat center; top:-15px; }
.icon_menu .lis2 a:hover span{ background:url(../images/index/icon2-2.png) no-repeat center; top:-15px; }
.icon_menu .lis3 a:hover span{ background:url(../images/index/icon3-2.png) no-repeat center; top:-15px; }
.icon_menu .lis4 a:hover span{ background:url(../images/index/icon4-2.png) no-repeat center; top:-15px; }
.icon_menu .lis5 a:hover span{ background:url(../images/index/icon5-2.png) no-repeat center; top:-15px; }
.icon_menu .lis6 a:hover span{ background:url(../images/index/icon6-2.png) no-repeat center; top:-15px; }
.icon_menu .lis7 a:hover span{ background:url(../images/index/icon7-2.png) no-repeat center; top:-15px; }
.icon_menu .lis8 a:hover span{ background:url(../images/index/icon8-2.png) no-repeat center; top:-15px; }
.icon_menu .lis9 a:hover span{ background:url(../images/index/icon9-2.png) no-repeat center; top:-15px; }
.icon_menu .lis10 a:hover span{ background:url(../images/index/icon10-2.png) no-repeat center; top:-15px; }
.icon_menu .lis11 a:hover span{ background:url(../images/index/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/img1.jpg) no-repeat center; width:369px; height:208px; display:block; }
.b_box .video_box .mask-video {
    position: fixed!important;
    top: 0;
    left: 0;
    z-index: 999;
    display:none;
    width: 100%!important;
    height: 100%!important;
    background: rgba(0,0,0,.8);
}

.b_box .video_box .mask-video .video {
   
    position: relative;
    top: 50%;
     width: 600px;
    height: 400px;
    margin: 0 auto;
    margin-top:calc(0% - 200px)
}
.b_box .video_box .mask-video .video video{
  width:100%!important;
  height:100%!important;
}
.b_box .video_box .mask-video .close {
    width: 33px;
    height: 33px;
    background: url(../image/close.png) no-repeat;
    position: absolute;
    top: 0px;
    right: 0;
    cursor: pointer;
}
.b_box .video_box .video-icon{  width:369px; height:208px; display:block; cursor: pointer;}

.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;}

.newsBox {width:1000px; margin:0 auto 30px; height:200px;}
.newsBox .newsBox1 {width:640px; float:left; background:#f3f3f3; height:100%; padding:20px 30px 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden;}
.newsBox .newsBox1 h1 {border-bottom:1px dotted #bebebe; padding-bottom:10px;}
.newsBox .newsBox1 h1 a {float:right; font-size:12px; font-weight:normal; color:#7b7f8a; margin-top:10px;}
.newsBox .newsBox1 ul {padding-top:5px;}
.newsBox .newsBox1 li {line-height:28px; height:28px;}
.newsBox .newsBox1 li a {color:#7b7f8a; display:inline-block; width:490px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newsBox .newsBox1 li a:hover {color:#333;}
.newsBox .newsBox1 li span {float:right;}
.newsBox .newsBox2 {float:right; width:360px; height:200px;}
.newsBox .newsBox2 img {display:block; width:100%; height:100%;}