.header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 80px;
	background-color: #fff;
	z-index: 1000
}

.header .nav-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.header .nav-list .logo {
	display: inline-block;
	margin-right: 100px;
	width: 188.8px;
	height: 39.2px
}

.header .nav-list .logo img {
	display: inline-block;
	width: 188.8px;
	height: 39.2px
}

.header .nav-list .item {
	display: inline-block;
	margin-right: 14px;
	padding: 0 10px;
	height: 80px;
	text-align: center
}

.header .nav-list .item.active {
	background-color: #083388
}

.header .nav-list .item.active a {
	color: #fff;
	border: none
}

.header .nav-list .item a {
	padding-bottom: 2px;
	line-height: 80px;
	border-bottom: 1px solid #999;
	font-size: 20px;
	color: #000
}

.footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: #000;
	z-index: 1000
}

.footer .company-info {
	width: 100%;
	padding-left: 120px
}

.footer .company-info span {
	margin-right: 40px;
	font-size: 14px;
	color: #fff
}

.design-wrapper {
	background: #fff
}

.design-wrapper .section {
	position: relative;
	overflow: hidden
}

.design-wrapper .section img {
	width: 100%;
	height: auto
}

.design-wrapper .section .text {
	position: absolute
}

.design-wrapper .section .text .p1 {
	font-size: 20px;
	letter-spacing: 3px;
	line-height: 1.2;
	color: #ffffff
}

.design-wrapper .section .text .p2 {
	padding-left: 85px;
	font-size: 14px;
	line-height: 1.1;
	color: #f2f2f2;
	font-weight: bold
}

.design-wrapper .section .text .p3 {
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.8;
	color: #323a40;
	font-weight: 300
}

.design-wrapper .section1 {
	padding-bottom: 80px;
	background: #000
}

.design-wrapper .section1 .text {
	right: 10%;
	bottom: 10%;
	padding-bottom: 80px
}

.design-wrapper .section2 {
	padding-bottom: 120px;
	height: 600px
}

.design-wrapper .section2 .bg2-1 {
	position: absolute;
	left: 0;
	bottom: 120px;
	width: 42.5%
}

.design-wrapper .section2 .bg2-2 {
	position: absolute;
	left: 50%;
	bottom: 70px;
	width: 15%
}

.design-wrapper .section2 .bg2-3 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 120px;
	background: url(../images/bg.jpg) center center no-repeat;
	background-size: cover
}

.design-wrapper .section2 .text {
	right: 10%;
	bottom: 10%;
	padding-bottom: 120px
}

.design-wrapper .section2 .text .p1,.design-wrapper .section2 .text .p2 {
	color: #000
}

.design-wrapper .section2 .text .p2 {
	padding-left: 0
}

.design-wrapper .section3 {
	height: 600px
}

.design-wrapper .section3 .bg3-1 {
	position: absolute;
	left: 15%;
	bottom: 15%;
	width: 16%
}

.design-wrapper .section3 .text {
	left: 40%;
	right: 25%;
	bottom: 15%
}

.design-wrapper .section3 .text .p1,.design-wrapper .section3 .text .p2 {
	color: #000
}

.design-wrapper .section3 .text .p2 {
	padding-left: 0
}

.design-wrapper .section4 .text {
	left: 10%;
	bottom: 10%
}

.design-wrapper .section4 .text .p1,.design-wrapper .section4 .text .p2 {
	color: #000;
	font-size: 27px
}

.design-wrapper .section4 .text .p2 {
	padding-left: 0;
	font-size: 12px
}

.design-wrapper .section5 {
	height: 740px
}

.design-wrapper .section5 .bg5-1 {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: auto
}

.design-wrapper .section5 .bg5-2 {
	position: absolute;
	right: 0;
	top: 5%;
	height: auto;
	width: 36.5%
}

.design-wrapper .section5 .text {
	left: 48%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 13%
}

.design-wrapper .section5 .text .p1,.design-wrapper .section5 .text .p2 {
	color: #000
}

.design-wrapper .section5 .text .p2 {
	padding-left: 0
}

.design-wrapper .section5 .text .p3 {
	text-align: justify
}

.design-wrapper .section6 .text {
	left: 10%;
	bottom: 10%
}

.design-wrapper .section7 {
	height: 1100px
}

.design-wrapper .section7 .bg7-1 {
	position: absolute;
	left: -2.35%;
	bottom: 5%;
	width: 700px;
	height: auto
}

.design-wrapper .section7 .bg7-2 {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: auto
}

.design-wrapper .section7 .text {
	left: 10%;
	top: 20%;
	width: 45%
}

.design-wrapper .section7 .text .p1,.design-wrapper .section7 .text .p2 {
	color: #000
}

.design-wrapper .section7 .text .p2 {
	padding-left: 0
}

.design-wrapper .section7 .text .p3 {
	text-align: justify
}

.design-wrapper .section8 .text {
	right: 10%;
	bottom: 10%
}

.design-wrapper .section9 {
	margin: 40px 0;
	height: 800px
}

.design-wrapper .section9 .bg9-1 {
	position: absolute;
	left: 0;
	top: 0;
	height: auto;
	width: 50%
}

.design-wrapper .section9 .bg9-2 {
	position: absolute;
	right: 0;
	top: -19.25%;
	height: auto;
	width: 55%
}

.design-wrapper .section9 .text {
	left: 45%;
	bottom: 0;
	width: 55%;
	text-align: center
}

.design-wrapper .section9 .text .p1,.design-wrapper .section9 .text .p2 {
	color: #000
}

.design-wrapper .section9 .text .p2 {
	padding-left: 60px
}

.design-wrapper .section10 {
	padding-bottom: 100px
}

.design-wrapper .section10 .text {
	left: 10%;
	bottom: 10%;
	padding-bottom: 100px
}

.design-wrapper .section10 .bg10-2 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
	background: url(../images/bg.jpg) center center no-repeat;
	background-size: cover
}

.design-wrapper .section11 {
	padding-bottom: 120px;
	height: 500px
}

.design-wrapper .section11 .text {
	padding-bottom: 120px
}

.design-wrapper .section11 .text .p1,.design-wrapper .section11 .text .p2 {
	color: #000
}

.design-wrapper .section11 .text.left {
	left: 10%;
	bottom: 10%
}

.design-wrapper .section11 .text.left .p2 {
	padding-left: 0
}

.design-wrapper .section11 .text.right {
	right: 10%;
	bottom: 10%
}

.design-wrapper .section11 .bg11-1 {
	position: absolute;
	right: 50%;
	bottom: 10%;
	width: 11.8%;
	height: auto
}

.design-wrapper .section11 .bg11-2 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 120px;
	background: url(../images/bg.jpg) center center no-repeat;
	background-size: cover
}

.design-wrapper .section12 .text {
	right: 10%;
	bottom: 10%
}

.design-wrapper .section13 .text {
	left: 10%;
	bottom: 10%
}