* {margin:0;padding:0;}
body {
    font-family: Microsoft YaHei;
    font-size: 16px;
    min-width: 1220px;
    overflow-x: auto;
}
a,a:hover {text-decoration:none;}
/*container 样式代码*/
.container {
	width:1200px;
	margin:0 auto;
}
.container-fluid {
}
.banner{}
/*nav 样式代码*/
.nav {
	padding-left:200px;height:340px;
	box-sizing:border-box;
	overflow:hidden;
	position:relative;
	z-index: 3;
	position: absolute;
}
.banner img{width:100%;}
.nav ul {
	list-style-type:none;height:90px;
	margin-left:30px;
}
.nav ul li{
	float:left;height: inherit;
	margin-right:50px;
	font-size:20px;
	box-sizing: border-box;
}
.nav ul li:nth-of-type(3) {
	font-size:22px;
	line-height:25px;
}
.nav ul li a{
	padding-top:48px;
	box-sizing: border-box;
	display:block;
	color:white;
	width:100%;height:inherit;
}

.navItemActive {
	border-bottom:solid 2px white;
}
/*subNav 样式代码*/
.subNav {
	display:none;
	position:absolute;
	width:133px;height:250px;
	background-color: rgba(255,255,255,0.5);
	top:90px;
	left:294px;
	z-index: 5000;
}
.subNav a {
	display:block;
	line-height:35px;
	position: relative;
	color:white;
	font-size:12px;
	padding-left:16px;
	box-sizing: border-box;
}
.subNav>a .sub-line {
	width:100px;height:1px;
	background-color: white;
	position:absolute;
	left:0;right:0;
	margin:0 auto;
	z-index:500000;
}
.subNav a:hover {
	color:#01cced;
}
.nav-back  {
	background-size: 100% 100%;
	position:relative;
}
.aboutus {
	width:160px;height:220px;
	position:absolute;
	top:0;right:0;
	bottom:0;left:0;
	margin:auto;
	text-align:center;
	font-size:36px;
}
.aboutus p:nth-of-type(1) {
	font-weight:bold;
	color:white;
}
.aboutus p:nth-of-type(2) {
	color:#cac9cc;
}
.select {
	width:45px;height:70px;
	border:solid 1px white;
	border-radius:50px;
	cursor:pointer;
	margin:35px auto;
}
.select span {
	display:block;
	width:0;
    height:0;
    border-width:9px 9px 0;
    border-style:solid;
    border-color:white transparent transparent;/*灰 透明 透明 */
    margin:30px auto;
    position:relative;
}

/*project-wraper  样式代码*/
.project-wraper {
	height:785px;
	background-color: white;
}
.project-wraper .container {
	height:inherit;
	position:relative;
}
.rect-1 {
	width:490px;height:395px;
	background-color: #0b1629;
	position:absolute;
	top:190px;
}
.video {
	position:absolute;
	width:530px;height:264px;
	left:135px;top:250px;
}
.video video {
	width:100%;height:264px;
	background-color: white;
}
.video .play {
	position:absolute;
	width:130px;height:130px;
	top:0;left:0;bottom:0;right: 0;
	margin:auto;
	border-radius:50%;
	cursor:pointer;
}
.projectInfo {
	width:380px;height:395px;
	position:absolute;
	right:0;
	top:250px;
	padding:25px 0 50px;
	box-sizing: border-box;
	font-size:24px;
	color:#333;
	color:white;
}
.projectInfo p:nth-of-type(2) {
	font-size:36px;
}
.projectInfo p:nth-of-type(3) {
	margin:40px 0;
}
.projectInfo a {
	display:block;
	width:220px;height:60px;
	border:solid 1px #10cfee;
	text-align:center;
	line-height:60px;
	color:#10cfee;
	border-radius:10px;
	transition:0.5s;
}
.projectInfo a:hover {
	background-color: white;
	border-color:transparent;
	transition:0.5s;
}
body .project-wraper:nth-child(even) .projectInfo {color: #333;}
body .project-wraper:nth-child(even) .projectInfo a:hover {
	border-color:transparent;
	background-color: #040f22;
	transition:0.5s;
}
/*even-project  样式代码*/
.even-project {
	background-color: #040f22;
}
.even-project .rect-1 {
	right:0!important;
}
.even-project .video {
	left:533px;
}
.even-project .projectInfo {
	left:0;
}


/*copyright  样式代码*/
.copyright {
	height:150px;
	background-color: #040f22;
	padding-top:85px;
	box-sizing: border-box;
	text-align:center;
	font-size:14px;
	color:white;
}

.beianhao {
	color:#fff;
	border-bottom: 1px solid #fff;
}