.home{
	width:100%;
	margin:0;
	margin-top:60px;
	padding:0;
	position:relative;
	background:radial-gradient(#FFF 60%, #AAA);
	border-bottom:2px solid #000;
	overflow:hidden;
}

.home img{
	width:75%;
	display: block;
    margin:55px auto;
}

.home h1{
	text-align:center;
	font-size:40px;
}

.slider{
	width:1300px;
	height:650px;
	border:2px solid #000;
	border-radius:50px;
	margin:50px auto;
	position:relative;
	background:#FFF;
	overflow:hidden;
}

.slider img{
	position:absolute;
	width:100%;
}

.slider .btn{
	position:absolute;
	width:50px;
	height:50px;
	border:none;
	border-radius:25px; 
	outline:none;
	top:590px;
	color:#000;
	background:rgba(0,0,0,0);
	font-size:30px;
}

.slider #navLeft{
	padding-left:40px;
	padding-bottom:50px;
	position:relative;
	float:left;
}

.slider #navLeft:hover{
	color:#FF6600;
}

.slider #navRight{
	padding-right:40px;
	padding-bottom:50px;
	position:relative;
	float:right;
}

.slider #navRight:hover{
	color:#FF6600;
}

.slider .dot{
	position:relative;
	margin:5px;
	height:15px;
    width:15px;
    border:none;
	border-radius:50%; 
	outline:none;
    top:600px;
    background:#000;
    display:inline-block;
}

.slider .dot:hover{
	background:#FF6600!important;
}

@keyframes fadeIn {
	from{
		opacity:0.6;
	}

	to {
		opacity:1;
	}
}

.imgBox {
	width:1300px;
	min-height:400px;
	margin:20px auto;
	position:relative;
}

#box, #box2{
	padding-top:0;
	border-radius:50px;
	border:2px solid #000;
	width:550px;
	height:325px;
	background-repeat: no-repeat;
	background-position: center;
	background-size:550px;
}

#box{
	background-image:url("../images/studioBox.png");
	margin-bottom:20px;
	margin-left:30px;
	float:left;
}

#box2{
	background-image:url("../images/logisticsBox.png");
	margin-bottom:20px;
	margin-right:30px;
	float:right;
}
@media screen and (max-width: 530px){
	.slider{
		width:250px;
		height:125px;
	}

	.slider .btn{
		top:100px;
		font-size:20px
	}

	.slider .dot{
		top:105px;
		width:6px;
		height:6px;
		margin:0;
		padding:0;
	}

	#box, #box2{
		float:none;
		margin:0 auto;
		margin-bottom:20px;
		width:250px;
		height:155px;	
		background-size:250px;
	}

	.imgBox {
		width:100%;
	}
}

@media screen and (max-width: 768px) and (min-width:531px){
	.slider{
		width:500px;
		height:250px;
	}

	.slider .btn{
		top:210px;
	}

	.slider .dot{
		top:220px;
		width:12px;
		height:12px;
	}

	#box, #box2{
		float:none;
		margin:0 auto;
		margin-bottom:20px;
		width:425px;
		height:260px;	
		background-size:425px;
	}

	.imgBox {
		width:100%;
	}
}

@media screen and (max-width: 1024px) and (min-width: 769px){
	.slider{
	width:700px;
	height:350px;
	}

	.slider .btn{
		top:300px;
	}

	.slider .dot{
		top:315px;
		width:15px;
		height:15px;
	}

	#box, #box2{
		float:none;
		margin:0 auto;
		margin-bottom:20px;
	}

	.imgBox {
		width:100%;
	}
}

@media screen and (max-width: 1500px) and (min-width: 1025px){
	.slider{
	width:900px;
	height:450px;
	}

	.slider .btn{
		top:400px;
	}

	.slider .dot{
		top:415px;
		width:15px;
		height:15px;
	}

	#box, #box2{
		float:none;
		margin:0 auto;
		margin-bottom:20px;
	}

	.imgBox {
		width:100%;
	}
}