/*10*/

@charset "utf-8";
/* CSS Document */




ul, ol { list-style: none; }




body,html{width:100%;overflow-x:hidden;background:#010816; padding-bottom:-20px;}
.g-top{position:relative;height:auto; overflow:hidden; padding-bottom:30px;}

.m-nav{z-index:30;position:absolute;top:800px;left:50%;width:1920px;margin-left:-960px;height:240px;background:url("../images/nav.png")/*tpa=http://www.230bbk.com/images/nav.png*/}
.m-nav .u-video-download{position:absolute;z-index:1;top:36px;left:50%;margin-left:-55px}
.m-nav .abtn{position:absolute;z-index:2;left:50%;text-indent:-9999px;background:url("../images/btnbg.gif")/*tpa=http://www.230bbk.com/images/btnbg.gif*/ repeat}
.m-nav .abtn-reg{top:54px;width:208px;height:59px;margin-left:-276px;background:url("../images/nav-hover.png")/*tpa=http://www.230bbk.com/images/nav-hover.png*/ no-repeat 0 0;opacity:0;filter:alpha(opacity=0);transition:all .5s ease-out}
.m-nav .abtn-reg:hover{opacity:1;filter:alpha(opacity=100)}
.m-nav .abtn-download{top:6px;width:135px;height:150px;margin-left:-67px;background:url("../images/download-hover.png")/*tpa=http://www.230bbk.com/images/download-hover.png*/ no-repeat -11px 26px;opacity:0;filter:alpha(opacity=0);transition:all .5s ease-out}
.m-nav .abtn-download:hover{opacity:1;filter:alpha(opacity=100)}
.m-nav .abtn-home{top:54px;width:208px;height:59px;margin-left:70px;background:url("../images/nav-hover.png")/*tpa=http://www.230bbk.com/images/nav-hover.png*/ no-repeat -346px 0;opacity:0;filter:alpha(opacity=0);transition:all .5s ease-out}
.m-nav .abtn-home:hover{opacity:1;filter:alpha(opacity=100)}
.m-nav .light{position:absolute;background:url("../images/light.png")/*tpa=http://www.230bbk.com/images/light.png*/ no-repeat 0 0;width:51px;height:16px;left:50%;top:76px}
.m-nav .light-left{margin-left:-363px;animation:light-left-move 3s infinite;-moz-animation:light-left-move 3s infinite;-webkit-animation:light-left-move 3s infinite;-ms-animation:light-left-move 3s infinite}
.m-nav .light-right{margin-left:314px;background-position:0 -16px;animation:light-right-move 3s infinite;-moz-animation:light-right-move 3s infinite;-webkit-animation:light-right-move 3s infinite;-ms-animation:light-right-move 3s infinite}

/*xin*/
#Version{width:100%;height:900px;position:relative;overflow:hidden;z-index:2;margin:0 auto;}
#Flash{width:1920px;height:900px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:1;}
#Flash2{width:1920px;height:900px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:2;}
#Version2{width:100%;height:900px;position:relative;overflow:hidden;z-index:1;margin:0 auto;}
#Header{margin:0 auto -290px -960px;width:100%;height:900px;position:relative;left:50%; z-index:0;}
#Header2{margin:0 auto -290px -960px;width:100%;height:900px;position:relative;left:50%; z-index:0;}


.m-bannerList{width:1100px; height:auto;  margin:0 auto; margin-top:60px; z-index:1000; position:relative; }
.mleft30 { float:left; width:10px; height:236px;}
.f-cb { float:left; margin-left:-40px;}
.m-bannerList .item{position:relative;float:left;cursor:pointer; width:360px; height:400px; background:url("../images/inoe07.png")/*tpa=http://www.230bbk.com/images/inoe07.png*/ no-repeat}
.m-bannerList .itemBg{display:block;position:relative;z-index:2;width:360px;height:400px;cursor:pointer;overflow:hidden;}
.m-bannerList .title{margin:25px 0 20px;color:#8ce3ff;line-height:24px;font-size:16px;font-weight:700;text-shadow:0 0 5px #00439e;text-align:center}
.m-bannerList .imgwrap{position:relative;margin:0 auto;width:335px;height:152px;padding:4px 0 0 5px}
.m-bannerList img{width:325px;height:300px}
.m-bannerList .imgBg{position:absolute;left:5px;top:0;width:100%;height:309px;background:url("../images/inoe08.png")/*tpa=http://www.230bbk.com/images/inoe08.png*/ no-repeat}

.m-bannerList .cornor{transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:absolute;z-index:1;width:36px;height:36px;background:url("../sc2.nos.netease.com/1/style/v4/landing/landing_sprite.png")/*tpa=http://www.230bbk.com/sc2.nos.netease.com/1/style/v4/landing/landing_sprite.png*/ no-repeat -9999px -9999px}
.m-bannerList .cornor-lt{left:10px;top:10px;background-position:0 -820px; display:none}
.m-bannerList .cornor-rt{right:10px;top:10px;background-position:-50px -820px;display:none}
.m-bannerList .cornor-lb{left:10px;bottom:10px;background-position:0 -860px;display:none}
.m-bannerList .cornor-rb{right:10px;bottom:10px;background-position:-50px -860px;display:none}
.m-bannerList .item:hover .title{color:#fff}
.m-bannerList .item:hover .itemBg{background-position:-400px -400px}
.m-bannerList .item:hover .imgBg{background:url("../images/inoe09.png")/*tpa=http://www.230bbk.com/images/inoe09.png*/ no-repeat}
.m-bannerList .item:hover .cornor-lt{left:0;top:0;display:block}
.m-bannerList .item:hover .cornor-rt{right:0;top:0;display:block}
.m-bannerList .item:hover .cornor-lb{left:0;bottom:0;display:block}
.m-bannerList .item:hover .cornor-rb{right:0;bottom:0;display:block}


.m-bannerList .xtitem{position:relative;float:left;cursor:pointer; width:540px; height:600px; background:url("../images/inoe11.png")/*tpa=http://www.230bbk.com/images/inoe11.png*/ no-repeat}
.m-bannerList .xtitemBg{display:block;position:relative;z-index:2;width:540px;height:600px;cursor:pointer;overflow:hidden;}
.m-bannerList .xtimgwrap{position:relative;margin:0 auto;width:505px;height:505px;padding:4px 0 0 5px}
.m-bannerList .xtimgwrap img{width:500px;height:500px}
.m-bannerList .xtimgBg{position:absolute;left:5px;top:0;width:100%;height:509px;background:url("../images/inoe13.png")/*tpa=http://www.230bbk.com/images/inoe13.png*/ no-repeat}
.m-bannerList .xtitem:hover .title{color:#fff}
.m-bannerList .xtitem:hover .itemBg{background-position:-400px -400px}
.m-bannerList .xtitem:hover .imgBg{background:url("../images/inoe09.png")/*tpa=http://www.230bbk.com/images/inoe09.png*/ no-repeat}
.m-bannerList .xtitem:hover .cornor-lt{left:0;top:0;display:block}
.m-bannerList .xtitem:hover .cornor-rt{right:0;top:0;display:block}
.m-bannerList .xtitem:hover .cornor-lb{left:0;bottom:0;display:block}
.m-bannerList .xtitem:hover .cornor-rb{right:0;bottom:0;display:block}



.m-bannerList .dtitem{position:relative;float:left;cursor:pointer; width:1100px; height:700px; background:url("../images/inoe12.png")/*tpa=http://www.230bbk.com/images/inoe12.png*/ no-repeat;padding-bottom:10px;}
.m-bannerList .dtitemBg{display:block;position:relative;z-index:2;width:1100px;height:700px;cursor:pointer;overflow:hidden; }
.m-bannerList .dtimgwrap{position:relative;margin:0 auto;width:1049px;height:590px;padding:4px 0 0 5px; margin-top:30px;}
.m-bannerList .dtimgwrap img{width:1049px;height:585px}
.m-bannerList .dtimgBg{position:absolute;left:5px;top:0;width:100%;height:590px;background:url("../images/inoe14.png")/*tpa=http://www.230bbk.com/images/inoe14.png*/ no-repeat}
.m-bannerList .dtitem:hover .title{color:#fff}
.m-bannerList .dtitem:hover .itemBg{background-position:-400px -400px}
.m-bannerList .dtitem:hover .imgBg{background:url("../images/inoe09.png")/*tpa=http://www.230bbk.com/images/inoe09.png*/ no-repeat}
.m-bannerList .dtitem:hover .cornor-lt{left:0;top:0;display:block}
.m-bannerList .dtitem:hover .cornor-rt{right:0;top:0;display:block}
.m-bannerList .dtitem:hover .cornor-lb{left:0;bottom:0;display:block}
.m-bannerList .dtitem:hover .cornor-rb{right:0;bottom:0;display:block}



/* widget-slider */


/* widget-slider */
#slider-top { width:100%; }
#slider-bot { width:100%; }
#slider-block { min-height:900px; width:100%; }
.container { height:750px; width:100%; }
.slide { width:100%; }
#loopedSlider { width:100%;  }

#slider-block {  position:relative; overflow:hidden; }
.container { position:relative; overflow:hidden; margin:0 auto; }
.container div { opacity:1; z-index:0; position:absolute; top:0; left:0;  height:900px; }

#loopedSlider { position:relative; z-index:0; }
#loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; }
#loopedSlider li#p { position:absolute; top:350px; left:0px; z-index:10000; width:45px; height:106px; background:url("../images/inoe02.png")/*tpa=http://www.230bbk.com/images/inoe02.png*/ no-repeat}
#loopedSlider li#p:hover { background:url("../images/inoe01.png")/*tpa=http://www.230bbk.com/images/inoe01.png*/ no-repeat;}
#loopedSlider li#n { position:absolute; top:350px; right:0px; z-index:10000;width:45px; height:106px; background:url("../images/inoe04.png")/*tpa=http://www.230bbk.com/images/inoe04.png*/ no-repeat }
#loopedSlider li#n:hover { background:url("../images/inoe03.png")/*tpa=http://www.230bbk.com/images/inoe03.png*/ no-repeat;}

.m1 { width:1100px; height:auto;  overflow:hidden;}
.m2 { float:left; width:730px; height:500px; background:url("../images/inoe06.png")/*tpa=http://www.230bbk.com/images/inoe06.png*/ no-repeat; margin-bottom:20px; }
.m2 ul { width:700px; height:auto; overflow:hidden; margin-top:40px; margin-left:00px; }
.m2 li { line-height:30px; color:#8ce3ff; }
.m2 li span { font-weight:bold; font-size:16px; margin-right:10px;}

.m3 { float:right; width:360px; height:500px; background:url("../images/inoe10.png")/*tpa=http://www.230bbk.com/images/inoe10.png*/ no-repeat}


/*JS幻灯片*/
#temp3{float:left;width:360px;height:auto;margin:0 0 0 -20px;display:inline;overflow:hidden}
#temp3 .JQ-content-box{overflow:hidden;width:360px;height:415px;position:relative}
#temp3 .JQ-slide-content{position:absolute;top:0;left:0}
#temp3 .JQ-slide-content li{position:absolute;overflow:hidden;width:360px;height:415px;vertical-align:text-top}
#temp3 .JQ-slide-content li a{display:block;height:415x}
#temp3 .JQ-slide-content li a:hover{text-decoration:none}
#temp3 .JQ-slide-content li img{width:360px;height:415px}
#temp3 img{display:block}
#temp3 .JQ-slide-nav{position:absolute; right:10px;bottom:10px;height:20px;padding-top:2px;z-index:999}
#temp3 .JQ-slide-nav li{float:left;width:18px;height:18px;border:1px solid rgb(153, 153, 153);text-align:center;cursor:pointer;margin-left:3px;font-size:12px;font-family:Verdana;line-height:18px;opacity 0.7;color:rgb(204, 204, 204);background:rgb(80, 102, 102);ovbanner-boxerflow:hidden}
#temp3 .JQ-slide-nav li.on{border:1px solid rgb(255, 0, 0);opacity:0.7;color:rgb(0, 0, 0);background:rgb(204, 0, 0)}

/*在线客服*/
	#onlineKefu{ 
	width:96px;
	height:450px;
	position:fixed;
	_position:absolute;
	_bottom:auto;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	right:40px;
	top:58%;
	margin-top:0px;
	_margin-bottom:40%;
       z-index:6000;}

/*	#onlineKefu{ z-index:6000;margin:-500px 0 0 700px;width:129px;height:450px;position:fixed;top:76%;left:50%;background-color:#24293f;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+this.offsetHeight));}*/
	#onlineKefu a{text-indent:-99em;overflow:hidden;}
	#onlineKefu a.btn_kefu{width:130px;height:62px;background:url("../images/a_bg2.jpg")/*tpa=http://www.230bbk.com/images/a_bg2.jpg*/ no-repeat left top;display:block;}
	#onlineKefu a.btn_kefu:hover{background-position:-130px top ;}
	#onlineKefu a.btn_top{width:130px;height:62px;background:url("../images/a_bg2.jpg")/*tpa=http://www.230bbk.com/images/a_bg2.jpg*/ no-repeat left -61px;display:block;}
	#onlineKefu a.btn_top:hover{background-position:-130px -61px ;}
	#onlineKefu .erweima{width:130px;height:148px;padding-top:16px;background-color:#1f2639;}
	#onlineKefu .erweima img{margin:0 auto 3px;width:118px;height:117px;display:block;}
	#onlineKefu .erweima span{height:27px;line-height:27px;text-align:center;overflow:hidden;color:#feffff;display:block;font-size:12px;font-family:'微软雅黑';}