/*10*/

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




ul, ol { list-style: none; }


html{width:100%;overflow-x:hidden;padding-bottom:-20px;}


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

.m-nav{z-index:30;position:absolute;top:772px;left:50%;width:1920px;margin-left:-952px;height:240px;background:url(../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) repeat}
.m-nav .abtn-reg{top:54px;width:208px;height:59px;margin-left:-276px;background:url(../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) 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) 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) 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}



.m-bannerList{width:1100px; height:auto;  margin:0 auto; margin-top:0px; 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) 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) 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) 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) 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}




/* 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) no-repeat}
#loopedSlider li#p:hover { background:url(../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) no-repeat }
#loopedSlider li#n:hover { background:url(../images/inoe03.png) no-repeat;}

.m1 { width:1100px; height:auto;  overflow:hidden;margin-top:-80px;}
.m2 { float:left; width:730px; height:500px; background:url(../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;}




/*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) 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) 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:'微软雅黑';}