@charset "utf-8";
	body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,td,textarea,th,ul {
	padding:0;
	margin:0
}
.clear {
	clear:both
}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,img,input,legend,li,ol,p,pre,textarea,th,ul {
	font-style:inherit;
	font-weight:inherit
}
h1,h2,h3,h4,h5,h6 {
	font-size:14px;
	font-weight:400
}
img,input,select {
	vertical-align:middle
}
i {
	font-style:normal
}
ol,ul {
	border:0;
	list-style:none
}
a {
	text-decoration:none;
	color:#666;
	cursor:pointer
}
a:hover {
	color:#0093e8
}
img {
	border:0
}
html {
	overflow-y:scroll
}
body {
	font:14px/1.5 "PingFang SC","Microsoft YaHei","WenQuanYi Micro Hei","Helvetica Neue",Arial,sans-serif;
	color:#333;
	background:#fff
}
.clearfix:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0;
	line-height:0;
	clear:both
}
.clearfix {
	display:block
}

body {
	background-color:#252243/*#358ff0*/
}
.white-body {
	background:#fff
}
.wrap {
	width:1200px;
	margin:0 auto;
	height:100%;
	position:relative
}
    .menu { 
	width:1200px;
	margin:0 auto;
	height:100%;
        overflow: hidden; 
        display:inline-block;
    }
    
    /* 去掉a标签的下划线 */
    .menu a {
        text-decoration: none;
    }    
    /* 设置ul和li的样式 */
    .menu ul , .menu li {
        list-style: none;
    } 
    
    /* 设置二级菜单绝对定位，并隐藏 */
    .menu > ul > li > ul {
        position: absolute;
        display: none;
    }

    /* 设置二级菜单的li的样式 */
    .menu > ul > li > ul > li {
        float: none;

    }
  
    /* 鼠标放在一级菜单上，显示二级菜单 */
    .menu > ul > li:hover ul {
        display: block;
    }

    /* 一级菜单 */

    
    /* 在一级菜单中，第一个不设置左边框 */
    .menu > ul > li:first-child > a {
        display:block;
        width:100%;
        border-left: none;
    }

    /* 在一级菜单中，鼠标放上去的样式 */
    .menu > ul > li > a:hover {
        color: #554bae;
        background-color: #bcb7df;
    }

    /* 二级菜单 */
    .menu > ul > li > ul > li > a {
        width: 120px;
        line-height: 36px;
        color: #554bae;
        background-color: #bcb7df;
        text-align: center;
        border: 1px solid #ccc;
        display: block;
        margin:0;
        padding: 0;

    }
    
    /* 在二级菜单中，第一个设置顶边框 */
    .menu > ul > li > ul > li:first-child > a {
        border-top: 1px solid #ccc;
    }
    
    /* 在二级菜单中，鼠标放上去的样式 */
    .menu > ul > li > ul > li > a:hover {
        color: #bcb7df;
        background-color: #554bae;
    }

.header {
	height:64px;
	width:100%;
	background:url("../images/bg-line.png") repeat-y center
}
.header .logo {
	display:inline-block;
	width:271px;
	height:40px;
	margin-top:12px;
	float:left;
	color:#fff
}
.header .logo img {
	display:block
}
.header ul {
	float:right;
	height:40px;
	padding:12px 0;
	display:inline-block
}
.header li {
	display:inline-block;
	float:left;
	margin-left:30px
}
.header li a {
	font-size:16px;
	color:#e4e2f0;
	height:40px;
	line-height:40px;
	padding:0 12px;
	border-radius:3px;
	display:block
}
.header li a:hover,.header li.active a {
	background-color:#bcb6e0;
	color:#392b95;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear
}
.header li a:active {
	background-color:#b5afdc;
	color:#fff;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear
}
.header li a.zjds {
	position:relative
}
.header li .zjds .icon-zjds {
	position:absolute;
	top:9px;
	right:4px
}
.banner {
	height:436px;
	width:100%;
	background:url("../images/bg-line.png") repeat-y center
}
.banner-index .text-left {
	padding:130px 0 0 20px;
	color:#fff;
	display:inline-block;
	float:left
}
.banner-index .text-left h2 {
	font-size:42px;
	font-weight:700;
	margin-bottom:10px
}
.banner-index .text-left h3 {
	font-size:26px
}
.banner-index .text-left .choose-btn {
	width:240px;
	height:64px;
	line-height:64px;
	font-size:20px;
	color:#3f3196;
	background:#fff;
	border-radius:30px;
	text-align:center;
	text-align:center;
	display:inline-block;
	margin-top:40px
}
.banner-index .text-left .choose-btn i {
	display:inline-block;
	margin-left:14px
}
.banner-index .choose-btn:hover {
	background:#e6e4f4;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear
}
.banner-index .choose-btn:active {
	background:#a49dcf;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear
}
.banner-index .ora-btn {
	width:600px;
	position:absolute;
	left:-655px;
	top:225px
}
.banner-index .orabtn {
	width:270px;
	height:46px;
	line-height:46px;
	text-align:center;
	border-radius:30px;
	display:inline-block;
	float:left;
	color:#fff;
	font-size:18px;
	color:#40380a;
	font-size:18px;
	background:#fcde30;
	margin-right:20px
}
.ora-btn .orabtn:hover {
	background:#fde559;
	text-decoration:underline;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear
}
.ora-btn .orabtn:active {
	background:#cab226;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear
}
.banner-index .img-right {
	display:inline-block;
	width:520px;
	height:336px;
	margin:40px 0 0 30px;
	position:relative
}
.banner-index .tempWrap,.banner-index .tempWrap img {
	width:520px!important;
	height:336px
}
.scircle {
	text-align:center;
	width:100%;
	position:absolute;
	left:0;
	bottom:-30px
}
.scircle span {
	display:inline-block;
	width:12px;
	height:12px;
	border-radius:50%;
	background:#786dc1;
	margin:0 8px;
	cursor:pointer
}
.scircle span.on {
	background:#fff
}
.pointbox {
	background:#fff;
	height:105px;
	padding:30px 0
}
.pointbox li {
	display:inline-block;
	float:left;
	width:240px;
	text-align:center
}
.pointbox li p {
	font-size:16px;
	color:#333;
	margin-top:10px
}
.pointbox li i {
	display:inline-block;
	vertical-align:middle;
	-webkit-transform:perspective(1px) translateZ(0);
	transform:perspective(1px) translateZ(0);
	box-shadow:0 0 1px transparent
}
.pointbox li:hover i {
	-webkit-animation-name:hvr-bob-float,hvr-bob;
	animation-name:hvr-bob-float,hvr-bob;
	-webkit-animation-duration:.3s,1.5s;
	animation-duration:.3s,1.5s;
	-webkit-animation-delay:0s,.3s;
	animation-delay:0s,.3s;
	-webkit-animation-timing-function:ease-out,ease-in-out;
	animation-timing-function:ease-out,ease-in-out;
	-webkit-animation-iteration-count:1,infinite;
	animation-iteration-count:1,infinite;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-direction:normal,alternate;
	animation-direction:normal,alternate
}
.choosebox {
	background:#fff;
	height:450px;
	padding:10px 0
}
.choosebox h2 {
	font-size:28px;
	text-align:center;
	padding:55px 0 10px
}
.choosebox h5 {
	font-size:16px;
	color:#8583a6;
	text-align:center;
	margin-bottom:10px
}
.choosebox .ullist {
	width:100%;
	overflow:hidden
}
.choosebox ul {
	width:1250px
}
.choosebox li {
	padding:20px 30px;
	/*background:#1d1a37;*/
	width:530px;
	display:inline-block;
	float:left;
	/*margin:25px 25px 0 0;*/
	border-radius:3px
}
.choosebox li .litop {
	height:42px;
	line-height:42px;
	margin-bottom:15px
}
.choosebox li .litop i {
	display:inline-block;
	float:left;
	margin-right:15px
}
.choosebox li .litop i.icon-tb07 {
	margin:0 19px 0 2px
}
.choosebox li .litop i.icon-tb09 {
	margin:0 20px 0 3px
}
.choosebox li .litop span {
	font-size:22px;
	/*color:#fff*/
}
.choosebox li p {
	font-size:16px;
	color:#0e0e0e
}
.footer {
	text-align:center;
	color:#605b83;
	font-size:14px;
	padding:10px 0
}
.server-box {
	position:fixed;
	right:40px;
	top:38%;
	z-index:100
}
.server-box:hover {
	background-image:url("../images/icon.png");
	background-position:-110px 0
}
.server-box a {
	display:inline-block;
	position:absolute;
	left:-85px;
	display:none
}
.server-box a.icon-qq-server-box-t {
	top:-16px
}
.server-box a.icon-qq-server-box-m {
	top:24px
}
.server-box a.icon-qq-server-box-b {
	top:64px
}
.server-box a span {
	color:#4336a0;
	font-size:14px;
	padding:11px 0 0 39px;
	display:inline-block
}
.server-box a:hover span {
	text-decoration:underline
}
.server-box:hover a.icon-qq-server-box-t {
	-o-animation-delay:0s;
	-moz-animation-delay:0s;
	-webkit-animation-delay:0s;
	animation-delay:0s
}
.server-box:hover a.icon-qq-server-box-m {
	-o-animation-delay:.2s;
	-moz-animation-delay:.2s;
	-webkit-animation-delay:.2s;
	animation-delay:.2s
}
.server-box:hover a.icon-qq-server-box-b {
	-o-animation-delay:.4s;
	-moz-animation-delay:.4s;
	-webkit-animation-delay:.4s;
	animation-delay:.4s
}
.server-box:hover a {
	display:block;
	-o-animation:fadeInRight .5s ease both;
	-moz-animation:fadeInRight .5s ease both;
	-webkit-animation:fadeInRight .5s ease both;
	animation:fadeInRight .5s ease both
}
@-webkit-keyframes fadeInRight {
	0% {
	opacity:0;
	-webkit-transform:translate3d(60%,0,0);
	transform:translate3d(60%,0,0)
}
100% {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}@keyframes fadeInRight {
	0% {
	opacity:0;
	-webkit-transform:translate3d(60%,0,0);
	transform:translate3d(60%,0,0)
}
100% {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}.fadeInRight {
	-o-animation:fadeInRight 1s ease both;
	-moz-animation:fadeInRight 1s ease both;
	-webkit-animation:fadeInRight 1s ease both;
	animation:fadeInRight 1s ease both
}
.version-choose {
	position:fixed;
	top:50%;
	left:50%;
	z-index:100;
	background:#fff;
	width:920px;
	height:230px;
	border-radius:2px;
	margin:-115px 0 0 -460px;
	display:none
}
.version-choose .icon-dia-close {
	position:absolute;
	top:-15px;
	right:-15px;
	cursor:pointer
}
.version-choose .icon-dia-close:hover {
	-o-animation:rorateIn .4s ease-out both;
	-moz-animation:rorateIn .4s ease-out both;
	-webkit-animation:rorateIn .4s ease-out both;
	animation:rorateIn .4s ease-out both
}
.version-choose li {
	width:33%;
	display:inline-block;
	float:left;
	text-align:center
}
.version-choose li.icon-dia-line {
	width:1px;
	margin-top:10px
}
.version-choose li .p1 {
	color:#333;
	font-size:20px;
	padding:45px 0 15px
}
.version-choose li .p2 {
	color:#333;
	font-size:14px;
	padding:0 0 30px
}
.version-choose li a {
	width:128px;
	height:36px;
	text-align:center;
	line-height:36px;
	border-radius:30px;
	border:1px solid #4f41a7;
	font-size:16px;
	color:#4f41a7;
	display:inline-block
}
.version-choose li a:hover {
	background:#4f41a7;
	color:#fff;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear
}
.version-choose li a:active {
	background:#2e2372;
	color:#fff;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear
}
.shade {
	width:100%;
	height:100%;
	background:#000;
	opacity:.5;
	filter:alpha(opacity=50);
	position:fixed;
	top:0;
	left:0;
	z-index:99;
	display:none
}
.banner-win .img-left {
	display:inline-block;
	float:left;
	width:520px;
	height:336px;
	margin:50px 0 0 0
}
.banner-win .img-left-0732 {
	background:url("../images/sys-win732.png") no-repeat
}
.banner-win .img-left-0764 {
	background:url("../images/sys-win764.png") no-repeat
}
.banner-win .img-left-xp {
	background:url("../images/sys-xp.png") no-repeat
}
.banner-win .img-left-0832 {
	background:url("../images/sys-win832.png") no-repeat
}
.banner-win .img-left-0864 {
	background:url("../images/sys-win864.png") no-repeat
}
.banner-win .img-left-1032 {
	background:url("../images/sys-win1032.png") no-repeat
}
.banner-win .img-left-1064 {
	background:url("../images/sys-win1064.png") no-repeat
}
.banner-win .text-right {
	padding:82px 0 0 70px;
	color:#fff;
	display:inline-block
}
.banner-win .text-right h2 {
	font-size:42px;
	font-weight:700;
	margin-bottom:5px
}
.banner-win .text-right h3 {
	font-size:20px
}
.banner-win .text-right .choose-btn {
	width:240px;
	height:64px;
	font-size:20px;
	color:#3f3196;
	background:#c0bbdd;
	border-radius:30px;
	text-align:center;
	text-align:center;
	line-height:64px;
	display:inline-block;
	margin-top:40px
}
.banner-win .txtbox {
	width:415px;
	height:43px;
	background:#6457b4;
	position:relative;
	padding:6px 10px;
	font-size:14px;
	color:#e6e4f3;
	margin:15px 0 40px
}
.banner-win .txtbox .l {
	display:inline-block;
	width:220px;
	padding-left:10px
}
.banner-win .txtbox .ora {
	color:#fcde30
}
.banner-win .txtbox i {
	position:absolute
}
.banner-win .txtbox .icon-top-f {
	top:-1px;
	left:-1px
}
.banner-win .txtbox .icon-bom-f {
	bottom:-1px;
	right:-1px
}
.banner-win .btnbox a {
	width:186px;
	height:46px;
	line-height:46px;
	font-size:20px;
	display:inline-block;
	text-align:center;
	border-radius:30px;
	margin-right:10px
}
.banner-win .btnbox .xl-btn {
	background:#fcde30;
	border:1px solid #fcde30;
	color:#40380a
}
.banner-win .btnbox .local-btn {
	background:#fcde30;
	border:1px solid #fcde30;
	color:#40380a
}
.banner-win .btnbox a:hover {
	text-decoration:underline
}
.banner-win .btnbox a:active {
	text-decoration:none
}
.system-intro {
	height:435px;
	background:#fff;
	border-bottom:225px solid #13112b
}
.otherinfo-box h2,.system-intro h2 {
	font-size:24px;
	color:#2b2854;
	text-align:center;
	padding-top:55px
}
.s-line {
	width:24px;
	height:4px;
	background:#5041a8;
	margin:5px auto 30px
}
.main-cell {
	width:640px;
	height:480px;
	margin:30px auto 15px;
	position:relative;
	box-shadow:0 4px 14px rgba(0,0,0,.5);
	border-top:10px solid #2b2854
}
.main-cell .pagebtn span {
	display:inline-block;
	cursor:pointer;
	position:absolute;
	top:175px
}
.main-cell .pagebtn .prev {
	left:-135px
}
.main-cell .pagebtn .next {
	right:-135px
}
.main-cell .pagebtn .prev:hover {
	background-position:-380px -166px
}
.main-cell .pagebtn .next:hover {
	background-position:-380px -56px
}
.tit-cell {
	text-align:center
}
.tit-cell span {
	display:inline-block;
	width:12px;
	height:12px;
	background:#424155;
	border-radius:50%;
	margin:0 10px
}
.tit-cell span.on {
	background:#fff
}
.otherinfo-box {
	background:#13112b
}
.otherinfo-box h2 {
	color:#fff
}
.deploy-require ul {
	border-radius:3px;
	background:#1d1a37;
	padding:20px;
	height:125px
}
.deploy-require li {
	text-align:center;
	display:inline-block;
	float:left;
	width:232px
}
.deploy-require-xp li {
	width:290px
}
.deploy-require i {
	display:inline-block
}
.deploy-require .p1 {
	font-size:18px;
	color:#7b63ff;
	padding:8px 0 12px
}
.deploy-require .p2 {
	font-size:14px;
	color:#ceced1;
	line-height:32px
}
.deploy-require .p22 {
	line-height:16px
}
.common-software i {
	display:inline-block;
	margin:8px 0 5px
}
.common-software i.icon-tb18 {
	margin:8px 0 6px
}
.common-software i.icon-tb19 {
	margin:10px 0 6px
}
.common-software i.icon-tb22 {
	margin:22px 0 8px
}
.common-software i.icon-tb23 {
	margin:10px 0 7px
}
.common-software i.icon-tb24 {
	margin:9px 0 5px
}
.common-software i.icon-tb25 {
	margin:10px 0 5px
}
.common-software ul {
	border-radius:3px;
	background:#1d1a37;
	padding:20px;
	height:101px
}
.common-software li {
	display:inline-block;
	float:left;
	text-align:center;
	width:125px
}
.common-software p {
	font-size:12px;
	color:#fff
}
.common-software .icon-fg-line {
	width:2px
}
.common-software .li-long {
	width:135px
}
.common-software .li-or {
	width:10px;
	color:#fff;
	font-size:12px;
	height:101px;
	line-height:75px
}
.system-info {
	padding:25px 100px;
	border-radius:3px;
	background:#1d1a37;
	margin-bottom:60px
}
.system-info p {
	font-size:16px;
	color:#cdcdd1;
	line-height:25px
}
.course-box .wrap {
	width:982px;
	padding:75px 109px 35px
}
.course-box .wrap h2 {
	color:#4c4c4c;
	font-size:20px;
	font-weight:700;
	text-align:center;
	margin-bottom:25px
}
.course-box .wrap h2 i {
	display:inline-block;
	margin:0 5px
}
.course-box .wrap img {
	max-width:100%;
	margin-bottom:30px
}
.footer a {
	color:#605b83
}
.footer span {
	padding:0 13px
}
.footer a:hover {
	color:#735ff4
}
.footer2 {
	width:100%;
	position:absolute;
	left:0;
	bottom:0
}
.crumbs {
	padding:25px 0 17px;
	font-size:16px;
	color:#4c4c4c;
	font-size:14px
}
.crumbs a,.crumbs a:hover {
	color:#4c4c4c
}
.txtcon-box .content {
	font-size:16px;
	color:#4c4c4c;
	background:#ececec;
	padding:15px 25px
}
.backtop-box {
	width:48px;
	height:48px;
	border:1px solid #7768df;
	text-align:center;
	background:#fff url("../images/back-top.png") center no-repeat;
	position:absolute;
	left:28px;
	bottom:-45px;
	display:none;
	cursor:pointer;
	border-radius:2px
}
.backtop-box:hover {
	background-color:#eeedf6
}
@-webkit-keyframes zoomIn {
	0% {
	opacity:0;
	-webkit-transform:scale3d(.3,.3,.3);
	transform:scale3d(.3,.3,.3)
}
100% {
	opacity:1
}
}@keyframes zoomIn {
	0% {
	opacity:0;
	-webkit-transform:scale3d(.3,.3,.3);
	-ms-transform:scale3d(.3,.3,.3);
	transform:scale3d(.3,.3,.3)
}
100% {
	opacity:1
}
}.zoomIn {
	-o-animation:zoomIn .5s ease both;
	-moz-animation:zoomIn .5s ease both;
	-webkit-animation:zoomIn .5s ease both;
	animation:zoomIn .5s ease both
}
@-webkit-keyframes hvr-bob {
	0% {
	-webkit-transform:translateY(-8px);
	transform:translateY(-8px)
}
50% {
	-webkit-transform:translateY(-4px);
	transform:translateY(-4px)
}
100% {
	-webkit-transform:translateY(-8px);
	transform:translateY(-8px)
}
}@keyframes hvr-bob {
	0% {
	-webkit-transform:translateY(-8px);
	transform:translateY(-8px)
}
50% {
	-webkit-transform:translateY(-4px);
	transform:translateY(-4px)
}
100% {
	-webkit-transform:translateY(-8px);
	transform:translateY(-8px)
}
}@-webkit-keyframes hvr-bob-float {
	100% {
	-webkit-transform:translateY(-8px);
	transform:translateY(-8px)
}
}@keyframes hvr-bob-float {
	100% {
	-webkit-transform:translateY(-8px);
	transform:translateY(-8px)
}
}@-webkit-keyframes opacityIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}@keyframes opacityIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}.opacityIn {
	-o-animation:opacityIn 1s ease-out both;
	-moz-animation:opacityIn 1s ease-out both;
	-webkit-animation:opacityIn 1s ease-out both;
	animation:opacityIn 1s ease-out both
}
@-webkit-keyframes rorateIn {
	0% {
	-webkit-transform:rotate(0)
}
100% {
	-webkit-transform:rotate(180deg)
}
}@keyframes rorateIn {
	0% {
	transform:rotate(0)
}
100% {
	transform:rotate(180deg)
}
}

.icon-tb01 {
    background-image: url(../images/icon.png);
    background-position: -136px -166px;
    width: 64px;
    height: 64px;
}
.icon-tb02 {
    background-image: url(../images/icon.png);
    background-position: -204px -166px;
    width: 64px;
    height: 64px;
}
.icon-tb03 {
    background-image: url(../images/icon.png);
    background-position: -68px -166px;
    width: 64px;
    height: 64px;
}
.icon-tb04 {
    background-image: url(../images/icon.png);
    background-position: -220px -56px;
    width: 64px;
    height: 64px;
}
.icon-tb05 {
    background-image: url(../images/icon.png);
    background-position: 0 -166px;
    width: 64px;
    height: 64px;
}