﻿.navbar-inner {
	background:#fff;
}
.navbar .brand {
	color:#FFFFFF;
	height:115px;
	width:260px;
	background-repeat:no-repeat;
	background-position:center
}
.navbar .nav>li>a {
	color:#666666;
	font-family:"Microsoft YaHei";
	font-size:18px;
}
.navbar .nav>li>a:hover {
	color:#666666;
}
.navbar .nav>li.active>a, .navbar .nav>li.active:hover>a, .navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {
	background:none repeat scroll 0 0 transparent;
	border-bottom:2px solid #308CCF;
	color:#FFFFFF;
}
.nav-collapse {
	float:left;
}
.container {
	font-family:"Microsoft YaHei";
}
#landing {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:750px;
}
#landing h2 {
	color:rgba(255, 255, 255, 0.8);
	font-weight:bold;
	font-family:"Microsoft YaHei";
	text-align:center;
}
#landing p {
	color:#394755;
	text-align:center;
	margin-top:45px;
}
#landing .carousel-control {
	color:#0088CC;
}
#landing .carousel-control:hover {
	color:#17405E;
}
#landingSlide {
	background:url("../images/landing.png") no-repeat scroll center 200px #F1F1F1;
}
#header {
	background:none repeat scroll 0 0 #F1F1F1;
}
#header h1 {
	color:#308CCF;
}
#content {
	color:#394755;
}
.bouncy:hover i {
	color:#0074CC;
}
.product-plan {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #CCCCCC;
}
ul.plans {
	margin:0;
}
.product-plan .name {
	background:none repeat scroll 0 0 #394755;
	border-bottom:1px solid rgba(0, 0, 0, 0.2);
}
.product-plan .name h3 {
	color:#D6DFE5;
	text-shadow:0 2px 0 rgba(0, 0, 0, 0.5);
}
.product-plan .price {
	background:none repeat scroll 0 0 #F1F1F1;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid rgba(255, 255, 255, 0.8);
}
.product-plan .price h3 {
	color:#308CCF;
}
.product-plan .feature {
	background:none repeat scroll 0 0 #FFFFFF;
	border-bottom:1px solid #CCCCCC;
}
.product-plan .action {
	background:none repeat scroll 0 0 #F1F1F1;
}
.product-plan.popular .name {
	background:none repeat scroll 0 0 #308CCF;
	color:#FFFFFF;
}
.product-plan.popular .name h3 {
	color:#FFFFFF;
}
#footer {
	background:none repeat scroll 0 0 #333;
	color:#17405E;
}
#footer h5 {
	color:#DAB058;
}
#footer a:link {
	color:#fff;
	font-size:12px;
	font-weight:normal;
	font-family:"Microsoft YaHei";
}
#footer a:visited {
	color:#fff;
}
#footer a:hover {
	color:#fff;
}
#copywrite {
	background:none repeat scroll 0 0 #333;
	color:#ffffff;
	font-weight:normal
}
@media (max-width: 979px) {
.navbar .nav-collapse .nav>li.active>a, .navbar .nav-collapse .nav>li.active:hover>a, .navbar .nav-collapse .nav .active>a, .navbar .nav-collapse .nav .active>a:hover, .navbar .nav-collapse .nav .active>a:focus {
background-color:#308CCF;
}
.navbar .nav-collapse .nav>li>a:hover {
background-color:#308CCF;
}
.product-plan .feature .pull-right {
color:#308CCF;
}
}
.anon {
	text-align:center;
	margin-top:45px;
}
.ascendant {
	position:absolute;
	width:100%;
	min-height:80px;
	background:rgba(0, 0, 0, 0.2);
	left:0;
	text-align:center;
	margin-top:990px;
	line-height:80px;
	font-size:36px;
	color:#fff;
	font-weight:bold
}
.ascendant img {
	padding-left:60px;
	padding-right:60px;
	margin-top:15px;
}
.nav-btn {
	float:right;
	padding-top:10px
}
.btn-primary {
	background-color:#649be7;
	background-image:none;
	font-family:"Microsoft YaHei"
}
.btn-success {
	background-color:#FFA219;
	background-image:none;
	font-family:"Microsoft YaHei"
}
.btn-default {
	background-image:none;
	font-family:"Microsoft YaHei";
	font-size:14px;
}
.bottom-logo {
	margin-top:10px;
	margin-bottom:20px;
}
.bottom-logo p {
	color:#fff;
	font-weight:normal
}
.content {
	width:200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
}
.copywrite-left {
	float:left;
}
.copywrite-left ul {
	margin:0;
	padding:0;
	list-style:none
}
.copywrite-left ul li {
	float:left;
	width:100px;
	line-height:50px;
}
.copywrite-right {
	float:right;
}
.copywrite-right ul {
	margin:0;
	padding:0;
	list-style:none
}
.copywrite-right ul li {
	float:left;
	width:50px;
/*	line-height:50px;*/
	text-align:right;
	margin-top:10px;
}
.dg-container {
	width:100%;
	position:relative;
	background:url(../images/h-bg.png);
}
.dg-wrapper {
	width:600px;
	height:400px;
	margin:0 auto;
	position:relative;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-perspective:1000px;
	-moz-perspective:1000px;
	-o-perspective:1000px;
	-ms-perspective:1000px;
	perspective:1000px;
}
.dg-wrapper a {
	display:block;
	position:absolute;
	left:0;
	top:0;
	background:transparent url('../images/browser.png') no-repeat top left;
}
.dg-wrapper a.dg-transition {
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.dg-wrapper a img {
	display:block;
	width:100%;
}
.dg-wrapper a div {
	font-style:italic;
	text-align:center;
	line-height:50px;
	text-shadow:1px 1px 1px rgba(255, 255, 255, 0.5);
	color:#333;
	font-size:16px;
	width:100%;
	bottom:-55px;
	display:none;
	position:absolute;
}
.dg-wrapper a.dg-center div {
	display:block;
}
.dg-container nav {
	width:58px;
	position:absolute;
	z-index:1000;
	bottom:40px;
	left:50%;
	margin-left:-29px;
}
@media(max-width:1024px) {
 .dg-container {
height: 256px;
}
.dg-wrapper {
zoom: 0.8;
}
}
@media(max-width:768px) {
 .dg-container {
 zoom: 0.6;
}
}
@media(max-width:640px) {
 .dg-container {
 zoom: 0.5;
}
}
@media(max-width:480px) {
 .molly {
 padding: 2em 0;
}
.dg-container {
 zoom: 0.37;
}
.molly h3 {
 font-size: 1.55em;
}
.molly-Get-started {
 margin: 2em 0;
}
}
@media(max-width:320px) {
 .molly h3 {
 font-size: 1.1em;
}
.molly p {
 font-size: 0.8em;
}
.molly-Get-started a {
 padding: 0.4em 1.1em;
 font-size: 0.9em;
}
.dg-container {
 zoom: 0.24;
}
}
.icon {
	float:right;
	width:64px;
	height:64px;
	margin-right:10px;
}
.word {
	float:right;
	margin-right:10px
}
.icon1 {
	float:left;
	width:64px;
	height:64px;
	margin-right:10px;
}
.word1 {
	float:left;
	margin-right:10px
}
.sidenav {
	float:left;
	min-width:220px;
	text-align:left;
	margin-bottom:30px
}
.sidenav ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size:14px;
}
.sidenav ul li {
	margin:0;
	padding:0;
	list-style:none;
	line-height:45px;
	border-bottom:1px dashed #ddd;
	background-image:url(../images/arrow.png);
	background-position:right;
	background-repeat:no-repeat;
	background-size:15px;
}
.content-list {
	float:left;
	padding-left:30px;
	margin-left:30px;
	border-left:1px solid #ddd;
	color:#666;
	min-height:300px;
	padding-top:10px;
	padding-bottom:20px;
	max-width:75%;
	font-weight:normal
}
.content-title {
	font-size:24px;
	color:#333;
	margin-top:10px;
	text-align:left
}
.content-news {
	text-align:left;
}
.content-tit a:link {
	font-size:24px;
}
.content-date {
	color:#888;
	font-size:12px;
	font-weight:normal;
	margin-top:10px;
}
.content-con {
	margin-top:10px;
	line-height:26px;
	font-size:14px;
}
.content-more {
	margin-top:10px;
	border-bottom:2px solid #ddd;
	padding-bottom:20px;
	margin-bottom:30px
}
.content-more img {
	vertical-align: middle;
	margin-left:5px;
}
.content-news p {
	text-indent:2em;
	line-height:26px
}
.content-news1 {
	width:100px;
	height:50px;
	font-size:12px;
}
.content-left {
	float:left;
}
.content-right {
	float:right;
	margin-top:221px;
}
@media(max-width:320px) {
 .content-right {
float:right;
margin-top:0px;
}
}
video {
	width:100%;
}
.product-list {
	text-align:left;
	color:#fff;
	height:auto;
	max-width:660px;
	margin-bottom:20px;
	margin-top:20px
}
.product-list ul {
	margin:0;
	padding:0;
	list-style:none
}
.product-list ul li {
	/*background:url(../images/arrow3.png) no-repeat left;*/
	line-height:36px;
	text-indent:2em;
	font-size:18px
}
.product-list ul li a {
	background:url(../images/arrow3.png) no-repeat left;
	color:#FFF;
	padding-left:15px
}
.product-list ul li a:hover {
	text-decoration:none;
}
.product-list ul li span {
	float:right
}
.tab-table {
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	margin-top:20px;
	text-align:center;
	font-family:Microsoft YaHei;
	margin-bottom:20px;
	font-size:14px;
	color:#666
}
.tab-table td {
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd
}
.tab-table tr {
	height:40px;
}
.bar-title {
	width:100%;
	height:70px;
	background-color:#eee
}
.bar-title div {
	width:1175px;
	line-height:70px;
	margin-left:auto;
	margin-right:auto;
	font-size:24px;
	font-weight:bold;
	font-family:Microsoft YaHei;
	color:#666
}
.img-banner {
	float:left;
	border:1px solid #eee
}
.img-word {
	float:right;
	width:53%;
	color:#666;
	line-height:26px;
	font-size:14px
}
.img-word li {
	float:left;
	width:50%;
	line-height:35px;
}
.rule {
	float:left;
	margin-top:30px;
	width:52%;
	margin-left:50px;
}
.rule ul {
	margin:0;
	padding:0;
	list-style:none
}
.rule ul li {
	margin-bottom:45px
}
.rule p {
	line-height:30px
}
.rule-title {
	background-image:url(../images/pdf-icon.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent:2em
}
.rule-title a:link {
	color:#1075C7
}
.rule-title a:visited {
	color:#1075C7
}
.download {
	height:180px;
	background-color:#d4edf5;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.download p {
	padding:20px;
	line-height:30px;
}
.download a {
	padding-left:20px;
}
.section-wrap {
	width:100%;
	height:100%;
	overflow:visible;
	transition:transform 1s cubic-bezier(0.86, 0, 0.03, 1);
	-webkit-transition:-webkit-transform 1s cubic-bezier(0.86, 0, 0.03, 1);
}
.section-wrap .section {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:11%
}
.section-wrap .section-1 {
	background:url(../images/zhongqiu.jpg);
	background-position:center;
	background-size:cover
}
.section-wrap .section-2 {
	background:url(../images/zqbj.jpg);
	background-position:center;
	background-size:cover
}
.section-wrap .section-3 {
	background:url(../images/zqbj.jpg);
	background-position:center;
	background-size:cover
}
.put-section-0 {
	transform:translateY(0);
	-webkit-transform:translateY(0);
}
.put-section-1 {
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
}
.put-section-2 {
	transform:translateY(-200%);
	-webkit-transform:translateY(-200%);
}
.section-btn {
	width:14px;
	position:fixed;
	right:4%;
	top:50%;
}
.section-btn li {
	width:14px;
	height:14px;
	cursor:pointer;
	text-indent:-9999px;
	border-radius:50%;
	-webkit-border-radius:50%;
	margin-bottom:12px;
	background:#BD362F;
	text-align:center;
	color:#fff;
	onsor:pointer;
}
.section-btn li.on {
	background:#fff
}
.arrow {
	opacity:1;
	animation:arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;
	-webkit-animation:arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	position:absolute;
	bottom:10px;
	left:50%;
	margin-left:-30px;
	width:60px;
	height:60px;
	border-radius:100%;
	-webkit-border-radius:100%;
	line-height:60px;
	text-align:center;
	font-size:20px;
	color:#fff;
	border:1px solid #fff;
	cursor:pointer;
	overflow:hidden;
}
.arrow:hover {
	animation-play-state:paused;
	-webkit-animation-play-state:paused;
}
 @keyframes arrow {
%0, %100 {
bottom:10px;
opacity:1;
}
50% {
bottom:50px;
opacity:.5
}
}
 @-webkit-keyframes arrow {
%0, %100 {
bottom:10px;
opacity:1;
}
50% {
bottom:50px;
opacity:.5
}
}
.section-nav {
	width:100px;
	height:455px;
	position:fixed;
	top:15%;
	background:#000;
	opacity:0.8;
	font-size:14px;
	font-weight:bold;
	font-family:Microsoft YaHei;
}
.section-nav li {
	width:70px;
	height:80px;
	margin-left:auto;
	margin-right:auto;
	border-bottom:1px solid #fff;
	text-align:center;
	margin-top:10px;
	color:#fff
}
.liwu {
	width:80%;
	height:auto;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto
}
.liwu_left {
	float:left;
}
.liwu_right {
	float:right;
	width:60%;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	font-family:Microsoft YaHei;
	line-height:40px;
	margin-top:30px;
}
.ebook {
	width:1080;
	height:558px;
	background:url(../images/book_page0101.png);
	background-repeat:no-repeat;
	margin-top:30px;
}
.erweima {
	width:258px;
	height:258px;
	position:absolute;
	background:url(../images/erweima.png);
	margin-top:-260px;
	margin-left:-25px;
	display:none
}
.erweima1 {
	width:258px;
	height:258px;
	position:absolute;
	background:url(../images/erweima1.png);
	margin-top:-95px;
	margin-left:100px;
	display:none
}
