#title1{
	width:900px;
	position:relative;
	margin:0px auto 60px auto;
	display:block;
	z-index:1;
}

#cloud1{
	top:60px;
	left:-100px;
	width:800px;
	position:absolute;
}

#cloud2{
	top:60px;
	right:-100px;
	width:600px;
	position:absolute;
}

@media(max-width:950px){
	#title1{
		width:600px;
		margin:0px auto 60px auto;
	}

	#cloud1{
		top:60px;
		left:-200px;
		width:600px;
	}

	#cloud2{
		top:60px;
		right:-200px;
		width:420px;
	}
}

@media(max-width:650px){
	#title1{
		width:98%;
		margin:0px auto 60px auto;
	}

	#cloud1{
		top:60px;
		left:-80px;
		width:400px;
	}

	#cloud2{
		top:60px;
		right:-80px;
		width:300px;
	}
}

@media(max-width:450px){
	#title1{
		width:98%;
		margin:0px auto 60px auto;
	}

	#cloud1{
		top:40px;
		left:-80px;
		width:300px;
	}

	#cloud2{
		top:40px;
		right:-80px;
		width:220px;
	}
}

.wrapper{
	position:relative;
	background:#22d0ff;
	padding:60px 0px;
}

.wrapper h1{
	width:900px;
	position:relative;
	color:#ffffff;
	font-size:50px;
	font-weight:bold;
	text-align:center;
	border-top:4px solid #ffffff;
	border-bottom:4px solid #ffffff;
	padding:10px 0px;
	margin:0px auto 20px auto;
	z-index:1;
}

.carousels{
	width:1200px;
	position:relative;
	margin:0px auto;
	z-index:1;
}

.carousels .slick-slide{
	background:#b8ebff;
	border-radius:4px;
	padding:6px;
	transform:scale(0.92);
	transition:0.5s;
}

.carousels .box .box_1{
	width:100%;
	position:relative;
	background:#b8ebff;
	padding:20px 0px;
	margin:0px auto;
}

.carousels .box .box_1 img{
	width:50%;
	border-radius:50%;
	margin:0px auto;
	display:block;
	overflow:hidden;
}

.carousels .box .box_1 h2{
	top:10px;
	right:50px;
	position:absolute;
	color:#ffffff;
	background:#ef254c;
	font-size:28px;
	font-weight:500;
	line-height:1;
	border:2px solid #b2002b;
	border-radius:50%;
	padding:14px 14px;
}

.carousels .box .box_1 h3{
	color:#005284;
	font-size:24px;
	font-weight:500;
	text-align:center;
	margin:6px 0px;
}

.carousels .box .box_1 h3 span{
	color:#ffffff;
	background:#ef254c;
	border-radius:4px;
	padding:0px 6px;
	margin:0px 6px;
}

.carousels .box .box_1 h4{
	color:#005284;
	font-size:24px;
	font-weight:500;
	text-align:center;
}

.carousels .box .box_2{
	width:calc(100% - 16px);
	position:relative;
	background:#ffffff;
	text-align:justify;
	padding:20px 8px;
	margin:0px auto;
}

.carousels .box .box_2 h5{
	font-size:22px;
	font-weight:500;
	line-height:1.8;
	letter-spacing:4px;
}

.carousels .slick-dots li.slick-active button:before{
	color:#ffffff;
	content:"\f501";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	transform:scale(2);
}

.carousels .slick-dots li button:before{
	color:#ffffff;
	content:"\f501";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	transform:scale(2);
}

.slide-arrow{
	top:calc(100% - 4px);
	position:absolute;
	color:#ffffff;
	font-size:36px;
	cursor:pointer;
	z-index:1;
}

.pre{
	left:35%;
}

.nex{
	right:35%;
}

@media(max-width:1250px){
	.wrapper{
		padding:60px 0px;
	}

	.wrapper h1{
		width:600px;
		font-size:40px;
		border-top:4px solid #ffffff;
		border-bottom:4px solid #ffffff;
		padding:10px 0px;
		margin:0px auto 20px auto;
	}

	.carousels{
		width:900px;
	}

	.carousels .slick-slide{
		border-radius:4px;
		padding:6px;
		transform:scale(0.92);
	}

	.carousels .box .box_1{
		padding:20px 0px;
		margin:0px auto;
	}

	.carousels .box .box_1 img{
		width:50%;
	}

	.carousels .box .box_1 h2{
		top:10px;
		right:70px;
		font-size:28px;
		border:2px solid #b2002b;
		padding:14px 14px;
	}

	.carousels .box .box_1 h3{
		font-size:24px;
		margin:6px 0px;
	}

	.carousels .box .box_1 h3 span{
		border-radius:4px;
		padding:0px 6px;
		margin:0px 6px;
	}

	.carousels .box .box_1 h4{
		font-size:24px;
	}

	.carousels .box .box_2{
		width:calc(100% - 16px);
		text-align:justify;
		padding:20px 8px;
	}

	.carousels .box .box_2 h5{
		font-size:22px;
		line-height:1.8;
		letter-spacing:4px;
	}

	.slide-arrow{
		top:calc(100% - 4px);
		font-size:36px;
	}

	.pre{
		left:25%;
	}

	.nex{
		right:25%;
	}
}

@media(max-width:950px){
	.wrapper{
		padding:60px 0px;
	}

	.wrapper h1{
		width:540px;
		font-size:40px;
		border-top:4px solid #ffffff;
		border-bottom:4px solid #ffffff;
		padding:10px 0px;
		margin:0px auto 20px auto;
	}

	.carousels{
		width:600px;
	}

	.carousels .slick-slide{
		border-radius:4px;
		padding:6px;
		transform:scale(0.92);
	}

	.carousels .box .box_1{
		padding:20px 0px;
		margin:0px auto;
	}

	.carousels .box .box_1 img{
		width:35%;
	}

	.carousels .box .box_1 h2{
		top:10px;
		right:140px;
		font-size:28px;
		border:2px solid #b2002b;
		padding:14px 14px;
	}

	.carousels .box .box_1 h3{
		font-size:24px;
		margin:6px 0px;
	}

	.carousels .box .box_1 h3 span{
		border-radius:4px;
		padding:0px 6px;
		margin:0px 6px;
	}

	.carousels .box .box_1 h4{
		font-size:24px;
	}

	.carousels .box .box_2{
		width:calc(100% - 16px);
		text-align:justify;
		padding:20px 8px;
	}

	.carousels .box .box_2 h5{
		font-size:22px;
		line-height:1.8;
		letter-spacing:4px;
	}

	.slide-arrow{
		top:calc(100% - 4px);
		font-size:36px;
	}

	.pre{
		left:10%;
	}

	.nex{
		right:10%;
	}
}

@media(max-width:650px){
	.wrapper{
		padding:60px 0px;
	}

	.wrapper h1{
		width:88%;
		font-size:30px;
		border-top:2px solid #ffffff;
		border-bottom:2px solid #ffffff;
		padding:10px 0px;
		margin:0px auto 20px auto;
	}

	.carousels{
		width:98%;
	}

	.carousels .slick-slide{
		border-radius:4px;
		padding:6px;
		transform:scale(0.92);
	}

	.carousels .box .box_1{
		padding:10px 0px;
		margin:0px auto;
	}

	.carousels .box .box_1 img{
		width:180px;
	}

	.carousels .box .box_1 h2{
		top:10px;
		right:calc(50% - 80px);
		transform:translate(50%,0%);
		font-size:24px;
		border:2px solid #b2002b;
		padding:10px 10px;
	}

	.carousels .box .box_1 h3{
		font-size:22px;
		margin:6px 0px;
	}

	.carousels .box .box_1 h3 span{
		border-radius:4px;
		padding:0px 6px;
		margin:0px 6px;
	}

	.carousels .box .box_1 h4{
		font-size:22px;
	}

	.carousels .box .box_2{
		width:calc(100% - 16px);
		text-align:justify;
		padding:10px 8px;
	}

	.carousels .box .box_2 h5{
		font-size:20px;
		line-height:1.6;
		letter-spacing:4px;
	}

	.slide-arrow{
		top:calc(100% - 4px);
		font-size:36px;
	}

	.pre{
		left:10px;
	}

	.nex{
		right:10px;
	}
}

@media(max-width:400px){
	.wrapper{
		padding:40px 0px;
	}

	.wrapper h1{
		width:88%;
		font-size:28px;
		border-top:2px solid #ffffff;
		border-bottom:2px solid #ffffff;
		padding:10px 0px;
		margin:0px auto 20px auto;
	}

	.carousels{
		width:98%;
	}

	.carousels .slick-slide{
		border-radius:4px;
		padding:6px;
		transform:scale(0.92);
	}

	.carousels .box .box_1{
		padding:10px 0px;
		margin:0px auto;
	}

	.carousels .box .box_1 img{
		width:140px;
	}

	.carousels .box .box_1 h2{
		top:10px;
		right:calc(50% - 70px);
		transform:translate(50%,0%);
		font-size:20px;
		border:2px solid #b2002b;
		padding:8px 8px;
	}

	.carousels .box .box_1 h3{
		font-size:20px;
		margin:6px 0px;
	}

	.carousels .box .box_1 h3 span{
		border-radius:4px;
		padding:0px 6px;
		margin:0px 6px;
	}

	.carousels .box .box_1 h4{
		font-size:20px;
	}

	.carousels .box .box_2{
		width:calc(100% - 16px);
		text-align:justify;
		padding:10px 8px;
	}

	.carousels .box .box_2 h5{
		font-size:18px;
		line-height:1.6;
		letter-spacing:2px;
	}

	.carousels .slick-dots li{
		margin:0px 2px;
	}

	.carousels .slick-dots li.slick-active button:before{
		transform:scale(1.6);
	}

	.carousels .slick-dots li button:before{
		transform:scale(1.6);
	}

	.slide-arrow{
		top:calc(100% - 0px);
		font-size:30px;
	}

	.pre{
		left:10px;
	}

	.nex{
		right:10px;
	}
}