* {
		  margin: 0;
		  padding: 0;
			box-sizing: border-box;
		}

		body {
			background: #080722;
		  overflow: scroll;
		}

		ul {
		  margin: 0;
		  padding: 0;
		}

		li {
		  list-style: none;
		}

		div {
		  margin: 0;
		  padding: 0;
		}

		.container {
		  margin: 0 auto;
		  padding: 0;
		  height: auto;
		  margin-top:16%;
		}

		.container img {
		  display: block;
		  width: 100%;
		  height: auto;
		}

		.part-3-1 img, .part-5-1 img {
		  width: 100%;
		  height: 100%;
		}
		.swiper-container{
			position: absolute;
			top: 0;
			left: 50%;
			margin-left: -47.7%;
			width: 95.4%;
			height: 100%;
		}

		.swiper-pagination-bullet {
		  background: #1d1d63;
		  opacity: 1;
		}

		.swiper-pagination-bullet-active {
		  background: #5754c5;
		}

		.swiper-pagination-bullet {
		  width: 12px;
		  height: 12px;
		}
		.copyright{
			font-size:14px;
			line-height:24px;
			color: #dcdcf5;
			padding:30px 20px;
		}
		.copyright p a{
			color: #dcdcf5; text-decoration: none;
		}
		.swiper-pagination{
			bottom:-5px;
		}
		.nav{
			position: fixed;
			top:0;
			width: 100%;
		}
		.mark{
			background: rgba(0,0,0,.8);
			height: 100%;
			width: 100%;
			position: fixed;
			display: none;
		}
		.mark .tips{
			position: absolute;
			top: 40%;
			left:50%;
			width: 100%;
			transform:translate(-50%, -50%);
			display: block;
		}
		.mark .tips a{
			height: 100%;
			width: 100%;
			display: block;
		}
		.mark .tips img{
			display: block;
			width: 100%;
			height: 100%;
		}
		.closeBtn{
			background: url(images/btn_closed.png);
			bottom: -30%;
			left:50%;
			transform:translate(-50%, -50%);
			position: absolute;
			background-size: 80%;
		}
		.closeBtn img{
			transform: scale(.4);
			opacity: .5;
		}