@charset "utf-8";
body {
	width:100%;
	height:100%;
	font-family:"微软雅黑",Arial;
	overflow: hidden;
}
header,section {
	width:100%
}
table {
	border-collapse:collapse
}
a:focus {
	outline:0
}
header {
	background: #00000080;
	position:fixed;
	height:74px;
	color:#ccc;
	z-index:999
}
header.fixed {
	height:70px
}
header .logo {
	position:fixed;
	top:10px;
	left:50px;
	width:240px;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s
}
header.fixed .logo {
	width:210px;
	top:10px
}
header .logo img.mini {
	display:none
}
header nav.menu {
	margin:24px 0 0 110px;
	text-align:center;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s
}
header.fixed nav.menu {
	margin:22px 0 0 85px
}
header nav.menu ul li {
	margin:0 12px;
	font-size:18px;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s
}
header.fixed nav.menu ul li {
	margin:0 10px;
	font-size:16px
}
header nav.menu ul li a {
	color:#ccc;
	letter-spacing:2px;
	cursor:pointer
}
header nav.menu ul li a:hover,header nav.menu ul li.active a {
	color:#99c3ff;
	text-decoration:none
}
header nav.menu .line {
	position:absolute;
	top:0;
	width:0;
	height:3px;
	font-size:3px;
	background-color:#99c3ff;
	display:none
}
header .hotline {
	position:fixed;
	top:24px;
	right:215px;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s
}
header.fixed .hotline {
	top:20px;
	right:185px
}
header .hotline span {
	position:fixed;
	color:#99c3ff;
	font-family:Arial;
	font-weight:400;
	font-size:20px;
	letter-spacing:1px;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s
}
header.fixed .hotline span {
	font-size:20px
}
header .hotline u {
	position:fixed;
	top:35px;
	right:230px;
	display:block;
	width:30px;
	height:30px;
	text-decoration:none;
	background:url(/images/icons.png) no-repeat;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s
}
header.fixed .hotline u {
	top:20px;
	right:195px
}
header .hotline a {
	color:#00dfb9
}
header .menu-icon {
	position:fixed;
	top:22px;
	right:28px;
	font-size:24px;
	color:#99c3fffv
	;
	z-index:99;
	display:none
}
header.fixed .menu-icon {
	top:22px
}
header .menu-icon a {
	color:#99c3ff;
	text-decoration:none
}
header .menu-icon span {
	margin-left:15px;
	-moz-opacity:.5;
	opacity:.5;
	cursor:pointer;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s
}
header .menu-icon span.glyphicon-earphone {
	display:none
}
header .menu-icon span:hover,header .menu-icon span.active {
	-moz-opacity:1;
	opacity:1;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s
}
header .bg {
	position:absolute;
	top:0;
	width:100%;
	height:0;
	background:#111;
	-moz-opacity:.6;
	opacity:.6;
	z-index:-1;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s
}
header.fixed .bg {
	height:70px
}
div.welcome {
	position:fixed;
	width:100%;
	height:100%;
	background:url(/images/welcome.jpg) 30% 80%;
	background-position: center right;
	background-color:White;
	-moz-background-size:cover;
	background-size:cover;
	-webkit-transition:all .3s ease-in-out .5s;
	-moz-transition:all .3s ease-in-out .5s;
	-ms-transition:all .3s ease-in-out .5s;
	-o-transition:all .3s ease-in-out .5s;
	transition:all .3s ease-in-out .5s;
	z-index:999
}
div.welcome p {
	position:absolute;
	margin:0;
	padding:0;
	width:496px;
	height:328px;
	top:50%;
	left:50%;
	margin-top:-240px;
	margin-left:-248px;
	padding-top: 170px;
	color:#19b3a5;
	font-size:20px;
	text-align:center;
	background:url(/images/welcome_words.png) no-repeat;
	overflow:hidden
}
div.welcome p u {
	display:block;
	width:100%;
	height:100%;
	background:url(/images/loading.gif) no-repeat center center
}
section {
	position:relative;
	overflow:hidden
}

section.home{
	width: 100%;
	background: url(/images/bg1.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}
.home .sentence{
	text-align: center;
	position: absolute;
	top:50%;
	left: 50%;
	margin-top: -320px;
	margin-left: -428px;
}
section.setup{
	background: url(/images/bg2.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
.setup .box {
	position:relative;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.setup .box .caption {
	width:100%;
	text-align:center;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s
}
.setup.active .box .caption {
	-moz-opacity:1;
	opacity:1
}
.setup .box .caption i {
	display:block;
	margin:0 auto;
	margin-bottom:20px;
	width:438px;
	height:108px;
	background:url(/images/words_1.png) no-repeat;
}

.setup .box .content-container{
	width: 1024px;
	height: 583px;
	top:700px;
	position: relative;
	background: url(/images/team_bg1.png);
	margin: 30px auto 0;
	-webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s;
}
.setup.active .box .content-container{
	top:0;
}
.setup .box .content-container div{
	padding:50px 70px;
}
.setup .box .content-container div p{
	font-size: 18px;
	color:#3876cc;
	line-height: 30px;
}


section.visual{
	background: url(/images/bg3.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
.visual .box {
	position:relative;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.visual .box .caption {
	width:100%;
	text-align:center;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s
}
.visual.active .box .caption {
	-moz-opacity:1;
	opacity:1
}
.visual .box .caption i {
	display:block;
	margin:0 auto;
	margin-bottom:20px;
	width:438px;
	height:108px;
	background:url(/images/words_2.png) no-repeat;
}
.visual .box .content-container{
	top:700px;
	position: relative;
	-webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s;
}
.visual.active .box .content-container{
	top:0;
}
.visual .box .content-container div{
	display: flex;
}
.visual .box .content-container ul{
	display: flex;
	margin: 0 auto;
}
.visual .box .content-container ul li{
	width: 409px;
	height: 236px;
	background: url(/images/team_bg2.png);
	list-style: none;
	margin: 20px 20px;
}
.visual .box .content-container ul li img{
	-webkit-clip-path: polygon(34px 0%, 369px 0%, 100% 35px, 100% 195px, 369px 100%, 35px 100%, 0% 195px, 0% 35px);
	clip-path: polygon(34px 0%, 369px 0%, 100% 35px, 100% 195px, 369px 100%, 35px 100%, 0% 195px, 0% 35px);
	width: 403px;
	height: 230px;
	margin: 3px;
}

.visual .box .content-container div p{
	font-size: 18px;
	color:#3876cc;
	line-height: 30px;
}

section.contact{
	background: url(/images/bg4.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
.contact .box {
	position:relative;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.contact .box .caption {
	width:100%;
	margin-top: -80px;
	text-align:center;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s
}
.contact.active .box .caption {
	-moz-opacity:1;
	opacity:1
}
.contact .box .caption i {
	display:block;
	margin:0 auto;
	margin-bottom:20px;
	width:438px;
	height:108px;
	background:url(/images/words_3.png) no-repeat;
}
.contact .box .content-container{
	top:700px;
	position: relative;
	-webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s;
}
.contact.active .box .content-container{
	top:0;
}
.contact .box .content-container ul{
	display: flex;
	margin: 0 auto;
	justify-content: center;
}
.contact .box .content-container ul li{
	width: 240px;
	margin: 0 40px;
}
.contact .box .content-container ul li i img{
	width: 240px;
	height: 240px;
	border-radius: 16px;
}
.contact .box .content-container ul li p{
	width: 240px;
	height: 44px;
	line-height: 44px;
	background: #FFF;
	border-radius: 12PX;
	color:#3876cc;
	margin-top:16px;
	font-size: 16px;
	font-weight:700; 
	text-align: center;
}

section.register{
	width: 100%;
	background: url(/images/bg5.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}
.register .register_box{
	width: 800px;
	height: 660px;
	position: absolute;
	top:50%;
	left:50%;
	margin-top: -350px;
	margin-left: -400px;
	z-index: 2;
}
.register .register_bg{
	width: 800px;
	height: 660px;
	position: absolute;
	top:50%;
	left:50%;
	margin-top: -350px;
	margin-left: -400px;
	background: #f1f1f1;
	opacity: 0.7;
	border-radius: 24px;
	z-index: 1;
}
.register .register_box h3{
	font-size: 32px;
	text-align: center;
	padding: 24px 0;
	font-weight: 700;
}
.register .register_box .btn{
	width: 280px;
	height: 48px;
	text-align: center;
	font-weight: 700;
	background: #99c3ff;
	border-radius: 12px;
	font-size: 16px;
	color:#FFF;
	border: 0;
	outline:0;
}
.register .register_box div ul{
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 0;
}
.register .register_box div ul li{
	list-style: none;
	margin: 12px 0 0;
}
.register .register_box div ul li:nth-child(1){
	width: 120px;
	text-align: center;
	font-size: 16px;
	line-height: 48px;
}
.register .register_box div ul li:nth-child(2){
	width: 360px;
	text-align: left;
}
.register .register_box div:nth-child(7) ul li:nth-child(2){
	width: 160px;
}
.register .register_box div:nth-child(7) ul li:nth-child(2) .input_txt{
	width: 140px;
}
.register .register_box div:nth-child(7) ul li:nth-child(3){
	width: 200px;
}
.register .register_box .input_txt{
	width: 340px;
	height: 48px;
	background: #FFF;
	border: 0;
	outline:0;
	border-radius: 8px;
	padding: 0 8px;
	font-size: 14px;
	line-height: 48px;
}



@media(max-width:1300px) {
	header .logo {
	top:10px;
	left:35px;
	width:240px
}
header nav.menu {
	margin-left:-40px
}
header.fixed nav.menu {
	margin-left:-55px
}
header nav.menu ul li {
	margin:0 8px
}
header .hotline {
	right:200px
}
header.fixed .hotline {
	right:200px;
}
header .hotline u {
	right:215px
}
header.fixed .hotline u {
	right:180px
}
}@media(max-width:1279px) {
	header .logo {
	top:18px;
	width:160px
}
header.fixed .logo {
	top:18px;
	width:160px
}
header .logo img.ori {
	display:none
}
header .logo img.mini {
	display:inline-block
}
}@media(max-width:1080px) {
	header .hotline {
		right:232px
	}
	header.fixed .hotline {
		right:232px
	}
	header .menu-icon {
		display:block
	}
	header nav.menu {
		position:fixed;
		width:100px;
		top:54px;
		right:-110px;
		margin:0;
		padding-top:20px;
		border:1px solid #000;
		border-top:1px solid #99c3ff;
		border-right:0;
		background:#3a3a3a
	}
	header.fixed nav.menu {
		top:22px;
		margin:0
	}
	header nav.menu.active {
		display:block;
		margin:0;
		right:0
	}
	header nav.menu ul li,header.fixed nav.menu ul li {
		margin:0;
		margin-left:5px;
		width:73px;
		padding:8px 0;
		font-family:"宋体";
		font-size:14px;
		text-align:center
	}
	header nav.menu ul li.active {
		background:#111
	}
	header nav.menu .line {
		-moz-opacity:0;
		opacity:0
	}
	.home .sentence{
		margin-top: -320px;
    	margin-left: -300px;
	}
	.home .sentence img{
		width: 600px;
		height: 258px;
	}
}
@media(max-width:720px) {
	header {
		height:54px
	}
	header.fixed {
		height:54px
	}
	header.fixed .bg{
		height:54px
	}
	header .logo,header.fixed .logo {
		top:12px;
		left:16px;
		width:120px
	}
	header .menu-icon,header.fixed .menu-icon {
		top:12px;
		right:20px
	}
	header nav.menu,header.fixed nav.menu {
		width:80px;
		top:44px;
		padding-top:12px
	}
	header nav.menu ul li,header.fixed nav.menu ul li {
		margin-left:5px;
		width:70px;
		padding:5px 0;
		font-size:12px
	}
	header .hotline,header.fixed .hotline {
		top:17px;
		right:190px
	}
	header .hotline span {
		font-size:16px
	}
	header.fixed .hotline span{
		font-size:16px
	}
	header .hotline u,header.fixed .hotline u {
		top:24px;
		right:223px;
		width:15px;
		height:21px;
		background:url(/images/icons.png) no-repeat 0 -34px
	}
	.home .sentence{
		margin-top: -320px;
    	margin-left: -200px;
	}
	.home .sentence img{
		width: 400px;
		height: 172px;
	}
}
@media(max-width:460px) {
	header {
		height:54px
	}
	header.fixed {
		height:60px
	}
	header .logo,header.fixed .logo {
		width:140px
	}
	header .menu-icon,header.fixed .menu-icon {
		top:13px
	}
	header .menu-icon span.glyphicon-earphone {
		display:inline
	}
	header nav.menu,header.fixed nav.menu {
		top:44px
	}
	header .hotline,header.fixed .hotline {
		/*display:none*/
	}
	header.fixed .bg {
		height:60px
	}
	.home .sentence{
		margin-top: -200px;
    	margin-left: -170px;
	}
	.home .sentence img{
		width: 340px;
		height: 146px;
	}
	.setup .box .caption i{
		width: 260px;
		height: 64px;
		background-size: 260px 64px;
	}
	.setup .box .content-container{
		width: 350px;
		background: url(/images/team_bg4.png);
		background-repeat: repeat-y;
		height:auto;
		margin: 16px auto 0;
		border-radius: 16px;
	}
 	.setup .box .content-container div{
		padding: 10px 15px; 
	}
	.setup .box .content-container div p{
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 8px;
	}
	.visual .box .caption i{
		width: 260px;
		height: 64px;
		background-size: 260px 64px;
	}
	.visual .box .content-container div:nth-child(2){
		display: none;
	}
	.visual .box .content-container ul{
		display: block;
		padding: 0;
	}
	.visual .box .content-container ul li{
		width: 320px;
		height: 204px;
		margin:0 0 12px; 
		background-size: 320px 204px;
	}
	.visual .box .content-container ul li:nth-child(3){
		display: none;
	}
	.visual .box .content-container ul li img {
	    -webkit-clip-path: polygon(28px 0%, 288px 0%, 100% 30px, 100% 168px, 288px 100%, 28px 100%, 0% 168px, 0% 28px);
	    clip-path: polygon(28px 0%, 288px 0%, 100% 30px, 100% 168px, 288px 100%, 28px 100%, 0% 168px, 0% 28px);
	    width: 316px;
	    height: 200px;
	    margin: 2px;
	}
	.contact .box .caption i{
		width: 260px;
		height: 64px;
		background-size: 260px 64px;
	}
	.contact .box .content-container ul{
		padding: 0;
	}
	.contact .box .content-container ul li{
		width: 160px;
		margin:0 12px;
	}
	.contact .box .content-container ul li i img{
		width: 160px;
		height: 160px;
	}
	.contact .box .content-container ul li p{
		width: 160px;
		font-size: 14px;
	}
}
@media(max-height:310px) {
	header,header.fixed {
		display:none;
		height:0
	}
}
@media(max-width:800px),(max-height:480px) {
	div.welcome p {
		width:300px;
		top:250px;
		left:50%;
		padding-top: 40px;
		margin-left:-150px;
		background:url(/images/welcome_words_mini.png) no-repeat
	}
}
@media(max-height:260px) {
	div.welcome p {
		height:150px;
		padding:0;
		margin-top:-65px
	}
	div.welcome p u {
		display:none
	}
}