@charset "utf-8";
body {
	background:#f4f4f4;
}
.section01 {width:1680px;margin:auto;}

.section01 .slider01 li .text {
	position: absolute;
	left:204px;
	/* top:176px; */
	top:205px;
}


.section02 {
	width:1400px;
	height:173px;
	margin:94px auto 117px;

}

.section02 .title {
	float:left;
	line-height:173px;
	height:173px;
	width:479px;
	border-right:1px solid #dddddd;
}

.section02 .con {
	float:left;
	padding-left:30px;
	height:173px;
	position: relative;
	width:890px;
}
.section02 .con .img {
	position: absolute;
	right:-10px;
	top:-10px;
}

.section02 .con p {
	padding-top: 20px;
	line-height:25px;
	color:#818181;
	font-size:15px;
}


.section02 .con .btn {
	position: absolute;
	left:30px;
	bottom: 20px;
}


.section03 {
	width:1240px;
	margin:0 auto 53px;
	background:#fff;
	position: relative;
	padding: 72px 80px 54px;
	text-align:center;

}

.section03 > .title {
	position: absolute;
	top:-31px;
	left: 0;
}
.section03 > .section03_top p {
	line-height:26px;
	padding:10px 0;
	font-size:16px;
	color:#a3a3a3;
	margin-bottom:16px;
}

.section03 > .list {
	width:100%;
}
.section03 > .list  > li {
	float:left;
	position: relative;
	background:#000;
	
}
.section03 > .list  > li .img {opacity: 0;transition: all .4s;}
.section03 > .list   li:nth-child(1) .img {opacity: 0.49;}
.section03 > .list   li:nth-child(2) .img {opacity: 0.44;}
.section03 > .list   li:nth-child(3) .img {opacity: 0.59;}

.section03 > .list  > li:nth-child(2) {margin:0 2px;}

.section03 > .list  > li:hover .img,
.section03 > .list  > li:nth-child(1):hover .img,
.section03 > .list  > li:nth-child(2):hover .img,
.section03 > .list  > li:nth-child(3):hover .img{opacity: 1;}





.section03 > .list  > li .box {
	position: absolute;
	left:50%;
	top:50%;
	width:198px;
	height:270px;
	margin-left:-100px;
	margin-top:-136px;
	border:1px solid #1089bb;
	transition: all .4s;
}

.section03 > .list  > li:hover .box {
	width:358px;
	height:487px;
	margin-left:-180px;
	margin-top:-244.5px;
	display:block;
}
.section03 > .list  > li .box .text {
	position: absolute;
	top:50%;
	width:100%;
	margin-top:-54px;
}
.section03 > .list  > li .box .text > h3 {
	height:42px;
	line-height:42px;
	font-size:26px;
	color:#fff;
	font-weight:400;
	text-transform:uppercase;
}
.section03 > .list  > li .box .text > .bar  {
	display:inline-block;
	width:1px;
	height:25px;
	background:rgba(255,255,255,0.5);
}
.section03 > .list  > li .box .text > p {
	height:37px;
	line-height:37px;
	font-size:16px;
	color:rgba(255,255,255,0.7);
	font-weight:400;
}


.section04 {
	width:1400px;
	margin:0 auto 80px;

}
.section04 > .section04_sub {
	position: relative;
}

.section04 > .section04_sub > .box {
	right:80px;
	top:74px;
	position: absolute;
	border-top:5px solid #0199d7;
	width:503px;
	padding:63px 50px 60px;
	background:rgba(0,0,0,0.7);
}
.section04 > .section04_sub > .box h4 {margin-bottom:5px;}
.section04 > .section04_sub > .box h3 {
	font-size:47px;
	color:#fff;
	line-height:75px;
	padding:11px 0;
}
.section04 > .section04_sub > .box .h3Bar {
	width:40px;
	height:1px;
	background:#383d45;
	margin-bottom:20px;
}
.section04 > .section04_sub > .box p {
	font-size:15px;
	color:rgba(255,255,255,0.5);
	line-height:25px;
	margin-bottom:55px;
}