body {
	font-family: -apple-system,noto sans,helvetica neue,Helvetica,nimbus sans l,Arial,liberation sans,pingfang sc,hiragino sans gb,noto sans cjk sc,source han sans sc,source han sans cn,microsoft yahei,wenquanyi micro hei,wenquanyi zen hei,st heiti,SimHei,wenquanyi zen hei sharp,sans-serif;
	background: #030415
}

.page-index {
	height: 800px;
	background: linear-gradient(0.12deg,rgba(3,4,21,.2) 0,rgba(69,61,180,0.2) 61.84%,rgba(33,59,119,0.2) 99.97%,rgba(3,4,21,0.2) 100%)
}

ul,menu,dir {
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0
}

.page-wrapper {
	width: 100%
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
	background: 0;
	color: #337ab7
}

.navbar-default {
	background: 0;
	border: 0
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
	border: 0
}

.navbar-nav {
	float: right
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
	background: 0;
	color: #337ab7
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
	color: #337ab7
}

.dropdown-login {
    width: 80px
}

.dropdown-language-change {
    width: auto;
    background-color: #f5f5f5
}

.dropdown-menu {
	height: auto;
	width: auto;
	border-radius: 4px;
	min-width: auto;
	background-color: #030415;
	box-shadow: 0 11px 16px 0 rgba(3,4,21,.2)
}

.dropdown-menu>li>a {
	color: rgba(255,255,255,.7);
	font-weight: 400
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
	background: 0;
	color: #337ab7
}

.navbar-brand {
	padding: 0
}

.logo {
	width: 120px;
	padding-top: auto;
	padding-left: 20px
}

.slogan-title {
	color: #fff;
	font-size: 35px;
	font-weight: 400;
	line-height: 65px;
	margin-top: 60px
}

.slogan-desc {
	color: rgba(255,255,255,.7);
	font-size: 21px;
	font-weight: 300;
	line-height: 35px;
	text-align: justify
}

.page-banner-home {
	margin-top: 180px;
	margin-bottom: 120px
}

.slogan-title-t {
	color: #fff;
	font-size: 40px;
	font-weight: 400;
	line-height: 40px;
	margin-top: 60px;
	text-align: center;
	margin-bottom: 50px
}

.slogan-desc-t {
	color: rgba(255,255,255,.7);
	font-size: 15px;
	font-weight: 300;
	line-height: 21px;
	text-align: justify
}

.index-global {
	height: 800px;
	background: url(../img/The-Graph-Network.png) no-repeat center center;
	background-size: 80%
}

.tips-click {
	width: 20px;
	height: 20px;
	position: relative;
	margin-top: 15%;
	margin-left: 50%
}

.tips-click b {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: block;
	background-color: #ffffe1;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}

.tips-click b:nth-of-type(1) {
	animation: click1 1s linear infinite
}

.tips-click b:nth-of-type(2) {
	animation: click2 1s linear infinite
}

@keyframes click1 {
	0% {
		opacity: .6;
		-webkit-transform: scale(2);
		transform: scale(3)
	}

	50% {
		opacity: .6;
		-webkit-transform: scale(4);
		transform: scale(5)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(6);
		transform: scale(7)
	}
}

@keyframes click2 {
	0% {
		opacity: .6;
		-webkit-transform: scale(3);
		transform: scale(4)
	}

	50% {
		opacity: .6;
		-webkit-transform: scale(5);
		transform: scale(7)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(15);
		transform: scale(20)
	}
}

svg {
	-webkit-transform: rotate(-0.05deg);
	transform: rotate(-0.05deg)
}

.index-rectangle {
	margin: 0 auto;
	height: 50px;
	width: 240px;
	border: 1px solid #337ab7;
	border-radius: 31px
}

.index-rectangle a {
	height: 50px;
	display: block;
	width: 240px;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	line-height: 50px;
	text-align: center;
	text-decoration: none
}

.index-rectangle a img {
	width: 20px
}

.tabs-package .nav-tabs {
	border-bottom: 0;
	width: 240px;
	margin: 20px auto;
	margin-bottom: 50px
}

.tabs-package .nav-tabs>li {
	width: 80px
}

.tabs-package .nav-tabs>li>a {
	color: rgba(255,255,255,.7);
	font-size: 25px;
	font-weight: 300;
	text-align: center;
	border: 0
}

.tabs-package .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
	background: 0;
	color: #fff;
	border: 0;
	border-bottom: 2px #fff solid
}

.tabs-package .nav-tabs>li>a:hover {
	background: 0;
	color: #fff;
	border: 0;
	border-bottom: 2px #fff solid
}

.rectangle,.rectangle:hover {
	height: auto;
	display: block;
	border: 1px solid rgba(255,255,255,.3);
	border-radius: 4px;
	padding: 15px 10px;
	text-align: center;
	text-decoration: none
}

.packages-row {
	justify-content: space-between
}

.package-title {
	font-size: 16px;
	font-weight: 400;
	color: #fff
}

.package-price {
	color: #337ab7;
	font-size: 34px;
	display: block;
	margin: 38px 0
}

.package-body ul>li {
	color: #fff;
	font-weight: 300;
	font-size: 16px;
	list-style-type: none
}

.package-body ul {
	list-style-type: none;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
	padding-inline-start: 0
}

.gv {
	width: 140px;
	margin: 10px auto
}

.gv img {
	width: 100%
}

.carousel-indicators {
	bottom: -40px!important
}

.carousel-indicators .active {
	background-color: #337ab7
}

.carousel-indicators li {
	border: 1px solid #337ab7
}

.section-title {
	color: #fff;
	font-size: 43px;
	font-weight: 400;
	text-align: center;
	margin: 40px 0
}

.slogan-title-b {
	color: #fff;
	font-size: 28px;
	font-weight: 400;
	line-height: 40px;
	margin-top: 60px;
	text-align: left;
	margin-bottom: 50px
}

.slogan-desc-b {
	color: rgba(255,255,255,.7);
	font-size: 20px;
	font-weight: 300;
	line-height: 21px;
	text-align: left;
	margin-top: 60px;
	line-height: 30px
}

.slogan-desc-b-h5 {
	color: rgba(255,255,255,.7);
	font-size: 16px;
	font-weight: 300;
	line-height: 16px;
	margin-top: 60px
}

.slogan-desc-b-h6 {
	color: rgba(255,255,255,.6);
	font-size: 12px;
	font-weight: 300;
	margin-top: 10px;
	line-height: 20px
}

.feature h4 {
	color: rgba(255,255,255,.7);
	font-size: 16px;
	font-weight: 300
}

.feature {
	text-align: center
}

.feature img {
	width: 40px;
	margin-bottom: 35px
}

.spview {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 10px
}

.features {
	margin-top: 120px
}

.footer-copyright {
	color: rgba(255,255,255,.7);
	font-size: 16px;
	font-weight: 500;
	margin: 50px 0
}

.footer-copyright a {
	color: rgba(255,255,255,.7)
}

.page-footer {
	margin-top: 100px
}

.footer-nav {
	margin: auto
}

.dl-footer div>h4 {
	color: #fff;
	font-size: 17px;
	font-weight: 500
}

.dl-footer div>ul {
	display: block;
	list-style-type: none;
	margin-block-start: 0;
	margin-block-end: 1;
	margin-inline-start: 0;
	margin-inline-end: 0;
	padding-inline-start: 0
}

.dl-footer div>ul>li {
	line-height: 30px
}

.dl-footer div>ul>li a {
	color: rgba(255,255,255,.7);
	font-size: 14px;
	font-weight: 400
}

.break-line-1px {
    margin-top: 30px;
    border-top-width: 1px;
}

.break-line {
    width: 100%;
    border-color: #919191;
    border-top-style: solid;
}

@media(max-width:768px) {
	.page-banner-home {
		margin-top: 70px
	}

	.index-global {
		height: 400px
	}

	.tips-click {
		margin-top: 12%
	}

	.navbar-nav {
		float: left
	}

	.carousel-indicators {
		bottom: -40px
	}
}

@media(max-width:375px) {
	.page-banner-home {
		margin-top: 50px
	}

	.navbar-nav {
		float: left
	}

	.slogan-desc {
		font-size: 15px;
		line-height: 25px
	}

	.tips-click {
		margin-top: 5%
	}

	.carousel-indicators {
		bottom: -30px
	}

	.index-global {
		height: 300px
	}
}