﻿ul {
	list-style: none;
}
ol {
	list-style: none;
}
body {
	background: rgb(1, 8, 22); width: 100%; -ms-overflow-x: hidden;
}
html {
	background: rgb(1, 8, 22); width: 100%; -ms-overflow-x: hidden;
}
.g-top {
	height: auto; overflow: hidden; padding-bottom: 30px; position: relative;
}
.m-nav {
	background: url("../Images/nav.png"); left: 50%; top: 800px; width: 1920px; height: 240px; margin-left: -960px; position: absolute; z-index: 30;
}
.m-nav .u-video-download {
	left: 50%; top: 36px; margin-left: -55px; position: absolute; z-index: 1;
}
.m-nav .abtn {
	background: url("../Images/btnbg.gif"); left: 50%; text-indent: -9999px; position: absolute; z-index: 2;
}
.m-nav .abtn-reg {
	background: url("../Images/nav-hover.png") no-repeat 0px 0px; transition:0.5s ease-out; top: 54px; width: 208px; height: 59px; margin-left: -276px; opacity: 0;
}
.m-nav .abtn-reg:hover {
	opacity: 1;
}
.m-nav .abtn-download {
	background: url("../Images/download-hover.png") no-repeat -11px 26px; transition:0.5s ease-out; top: 6px; width: 135px; height: 150px; margin-left: -67px; opacity: 0;
}
.m-nav .abtn-download:hover {
	opacity: 1;
}
.m-nav .abtn-home {
	background: url("../Images/nav-hover.png") no-repeat -346px 0px; transition:0.5s ease-out; top: 54px; width: 208px; height: 59px; margin-left: 70px; opacity: 0;
}
.m-nav .abtn-home:hover {
	opacity: 1;
}
.m-nav .light {
	background: url("../Images/light.png") no-repeat 0px 0px; left: 50%; top: 76px; width: 51px; height: 16px; position: absolute;
}
.m-nav .light-left {
	animation:light-left-move 3s infinite; margin-left: -363px; -moz-animation: light-left-move 3s infinite; -webkit-animation: light-left-move 3s infinite;
}
.m-nav .light-right {
	background-position: 0px -16px; animation:light-right-move 3s infinite; margin-left: 314px; -moz-animation: light-right-move 3s infinite; -webkit-animation: light-right-move 3s infinite;
}
#Version {
	margin: 0px auto; width: 100%; height: 900px; overflow: hidden; position: relative; z-index: 2;
}
#Flash {
	margin: 0px auto -272px -960px; left: 50%; width: 1920px; height: 900px; position: absolute; z-index: 1;
}
#Flash2 {
	margin: 0px auto -272px -960px; left: 50%; width: 1920px; height: 900px; position: absolute; z-index: 2;
}
#Version2 {
	margin: 0px auto; width: 100%; height: 900px; overflow: hidden; position: relative; z-index: 1;
}
#Header {
	margin: 0px auto -290px -960px; left: 50%; width: 100%; height: 900px; position: relative; z-index: 0;
}
#Header2 {
	margin: 0px auto -290px -960px; left: 50%; width: 100%; height: 900px; position: relative; z-index: 0;
}
.m-bannerList {
	margin: 60px auto 0px; width: 1100px; height: auto; position: relative; z-index: 1000;
}
.mleft30 {
	width: 10px; height: 236px; float: left;
}
.f-cb {
	margin-left: -40px; float: left;
}
.m-bannerList .item {
	background: url("../Images/inoe07.png") no-repeat; width: 360px; height: 400px; float: left; position: relative; cursor: pointer;
}
.m-bannerList .itemBg {
	width: 360px; height: 400px; overflow: hidden; display: block; position: relative; z-index: 2; cursor: pointer;
}
.m-bannerList .title {
	margin: 25px 0px 20px; text-align: center; color: rgb(140, 227, 255); line-height: 24px; font-size: 16px; font-weight: 700; text-shadow: 0px 0px 5px #00439e;
}
.m-bannerList .imgwrap {
	margin: 0px auto; padding: 4px 0px 0px 5px; width: 335px; height: 152px; position: relative;
}
.m-bannerList img {
	width: 325px; height: 300px;
}
.m-bannerList .imgBg {
	background: url("../Images/inoe08.png") no-repeat; left: 5px; top: 0px; width: 100%; height: 309px; position: absolute;
}
.m-bannerList .cornor {
	background: url("../Images/landing_sprite.png") no-repeat -9999px -9999px; transition:0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); width: 36px; height: 36px; position: absolute; z-index: 1;
}
.m-bannerList .cornor-lt {
	background-position: 0px -820px; left: 10px; top: 10px; display: none;
}
.m-bannerList .cornor-rt {
	background-position: -50px -820px; top: 10px; right: 10px; display: none;
}
.m-bannerList .cornor-lb {
	background-position: 0px -860px; left: 10px; bottom: 10px; display: none;
}
.m-bannerList .cornor-rb {
	background-position: -50px -860px; right: 10px; bottom: 10px; display: none;
}
.m-bannerList .item:hover .title {
	color: rgb(255, 255, 255);
}
.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: 0px; top: 0px; display: block;
}
.m-bannerList .item:hover .cornor-rt {
	top: 0px; right: 0px; display: block;
}
.m-bannerList .item:hover .cornor-lb {
	left: 0px; bottom: 0px; display: block;
}
.m-bannerList .item:hover .cornor-rb {
	right: 0px; bottom: 0px; display: block;
}
.m-bannerList .xtitem {
	background: url("../Images/inoe11.png") no-repeat; width: 540px; height: 600px; float: left; position: relative; cursor: pointer;
}
.m-bannerList .xtitemBg {
	width: 540px; height: 600px; overflow: hidden; display: block; position: relative; z-index: 2; cursor: pointer;
}
.m-bannerList .xtimgwrap {
	margin: 0px auto; padding: 4px 0px 0px 5px; width: 505px; height: 505px; position: relative;
}
.m-bannerList .xtimgwrap img {
	width: 500px; height: 500px;
}
.m-bannerList .xtimgBg {
	background: url("../Images/inoe13.png") no-repeat; left: 5px; top: 0px; width: 100%; height: 509px; position: absolute;
}
.m-bannerList .xtitem:hover .title {
	color: rgb(255, 255, 255);
}
.m-bannerList .xtitem:hover .itemBg {
	background-position: -400px -400px;
}
.m-bannerList .xtitem:hover .imgBg {
	background: url("../Images/inoe09.png") no-repeat;
}
.m-bannerList .xtitem:hover .cornor-lt {
	left: 0px; top: 0px; display: block;
}
.m-bannerList .xtitem:hover .cornor-rt {
	top: 0px; right: 0px; display: block;
}
.m-bannerList .xtitem:hover .cornor-lb {
	left: 0px; bottom: 0px; display: block;
}
.m-bannerList .xtitem:hover .cornor-rb {
	right: 0px; bottom: 0px; display: block;
}
.m-bannerList .dtitem {
	background: url("../Images/inoe12.png") no-repeat; width: 1100px; height: 700px; padding-bottom: 10px; float: left; position: relative; cursor: pointer;
}
.m-bannerList .dtitemBg {
	width: 1100px; height: 700px; overflow: hidden; display: block; position: relative; z-index: 2; cursor: pointer;
}
.m-bannerList .dtimgwrap {
	margin: 30px auto 0px; padding: 4px 0px 0px 5px; width: 1000px; height: 590px; position: relative;
}
.m-bannerList .dtimgwrap img {
	width: 1000px; height: 585px;
}
.m-bannerList .dtimgBg {
	background: url("../Images/inoe14.png") no-repeat; left: 5px; top: 0px; width: 100%; height: 590px; position: absolute;
}
.m-bannerList .dtitem:hover .title {
	color: rgb(255, 255, 255);
}
.m-bannerList .dtitem:hover .itemBg {
	background-position: -400px -400px;
}
.m-bannerList .dtitem:hover .imgBg {
	background: url("../Images/inoe09.png") no-repeat;
}
.m-bannerList .dtitem:hover .cornor-lt {
	left: 0px; top: 0px; display: block;
}
.m-bannerList .dtitem:hover .cornor-rt {
	top: 0px; right: 0px; display: block;
}
.m-bannerList .dtitem:hover .cornor-lb {
	left: 0px; bottom: 0px; display: block;
}
.m-bannerList .dtitem:hover .cornor-rb {
	right: 0px; bottom: 0px; display: block;
}
#slider-top {
	width: 100%;
}
#slider-bot {
	width: 100%;
}
#slider-block {
	width: 100%; min-height: 900px;
}
.container {
	width: 100%; height: 750px;
}
.slide {
	width: 100%;
}
#loopedSlider {
	width: 100%;
}
#slider-block {
	overflow: hidden; position: relative;
}
.container {
	margin: 0px auto; overflow: hidden; position: relative;
}
.container div {
	left: 0px; top: 0px; height: 900px; position: absolute; z-index: 0; opacity: 1;
}
#loopedSlider {
	position: relative; z-index: 0;
}
#loopedSlider .nav-buttons {
	margin: 0px; padding: 0px; list-style-type: none;
}
#loopedSlider li#p {
	background: url("../Images/inoe02.png") no-repeat; left: 0px; top: 350px; width: 45px; height: 106px; position: absolute; z-index: 10000;
}
#loopedSlider li#p:hover {
	background: url("../Images/inoe01.png") no-repeat;
}
#loopedSlider li#n {
	background: url("../Images/inoe04.png") no-repeat; top: 350px; width: 45px; height: 106px; right: 0px; position: absolute; z-index: 10000;
}
#loopedSlider li#n:hover {
	background: url("../Images/inoe03.png") no-repeat;
}
.m1 {
	width: 1100px; height: auto; overflow: hidden;
}
.m2 {
	background: url("../Images/inoe06.png") no-repeat; width: 730px; height: 500px; margin-bottom: 20px; float: left;
}
.m2 ul {
	width: 700px; height: auto; overflow: hidden; margin-top: 40px; margin-left: 0px;
}
.m2 li {
	color: rgb(140, 227, 255); line-height: 30px;
}
.m2 li span {
	font-size: 16px; font-weight: bold; margin-right: 10px;
}
.m3 {
	background: url("../Images/inoe10.png") no-repeat; width: 360px; height: 500px; float: right;
}
#temp3 {
	margin: 0px 0px 0px -20px; width: 360px; height: auto; overflow: hidden; float: left; display: inline;
}
#temp3 .JQ-content-box {
	width: 360px; height: 415px; overflow: hidden; position: relative;
}
#temp3 .JQ-slide-content {
	left: 0px; top: 0px; position: absolute;
}
#temp3 .JQ-slide-content li {
	width: 360px; height: 415px; overflow: hidden; vertical-align: text-top; position: absolute;
}
#temp3 .JQ-slide-content li a {
	display: block;
}
#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 {
	height: 20px; right: 10px; bottom: 10px; padding-top: 2px; position: absolute; z-index: 999;
}
#temp3 .JQ-slide-nav li {
	background: rgb(80, 102, 102); border: 1px solid rgb(153, 153, 153); border-image: none; width: 18px; height: 18px; text-align: center; color: rgb(204, 204, 204); line-height: 18px; font-family: Verdana; font-size: 12px; margin-left: 3px; float: left; cursor: pointer; ovbanner-boxerflow: hidden;
}
#temp3 .JQ-slide-nav li.on {
	background: rgb(204, 0, 0); border: 1px solid rgb(255, 0, 0); border-image: none; color: rgb(0, 0, 0); opacity: 0.7;
}
#onlineKefu {
	top: 58%; width: 96px; height: 450px; right: 40px; margin-top: 0px; position: fixed; z-index: 6000; _position: absolute; _bottom: auto; _margin-bottom: 40%;
}
#onlineKefu a {
	text-indent: -99em; overflow: hidden;
}
#onlineKefu a.btn_kefu {
	background: url("../Images/a_bg2.jpg") no-repeat left top; width: 130px; height: 62px; display: block;
}
#onlineKefu a.btn_kefu:hover {
	background-position: -130px top;
}
#onlineKefu a.btn_top {
	background: url("../Images/a_bg2.jpg") no-repeat left -61px; width: 130px; height: 62px; display: block;
}
#onlineKefu a.btn_top:hover {
	background-position: -130px -61px;
}
#onlineKefu .erweima {
	width: 130px; height: 148px; padding-top: 16px; background-color: rgb(31, 38, 57);
}
#onlineKefu .erweima img {
	margin: 0px auto 3px; width: 118px; height: 117px; display: block;
}
#onlineKefu .erweima span {
	height: 27px; text-align: center; color: rgb(254, 255, 255); line-height: 27px; overflow: hidden; font-family: "΢���ź�"; font-size: 12px; display: block;
}
