@charset "utf-8";
/* CSS Document */


.service_sec01 {
	background: url("../images/top_survice.jpg")no-repeat;
	background-position: 35% 50%;
	background-size: cover;
}
.service_sec01 .intro {
	padding-left: 18em;
}
#section0 {
	color: #fff;
	padding-left: 30em;
}
.section_01 {
	font-weight: 600;
}
.section_02 {
	font-weight:500;
}

.service_box {
	background-color: #fff;
	margin-left: 10px;
	margin-right: 10px;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.16);
}

.service_box img {
	padding: 3em;
}
.box1 img, .box2 img{
height:50%;	
}
.box3 img {
height:52%;	
}

/*@media only screen and (min-device-width: 768px)   and (max-device-width: 1024px)  {*/
@media only screen and (max-width: 1366px)  {
	#section0 {
	color: #fff;
	padding-left: 0;
	}
	.box3 .fs_36 {
		margin-top: -0.3em;
	}
	
	#section2 .pd_b_8 {
		padding-bottom: 0;
	}

	
}



    .swiper1 {
        width: 70%;
        height: 50em;
		margin-top: 5em;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .swiper-pagination-bullet {
        width: 7em;
        height: 1em;
        text-align: center;
        line-height: 1em;
        opacity: 1;
        background: rgba(0,0,0,0.0);
		border-radius: 0;
		margin-top:3em!important;
		font-weight: 500;
		padding: 0 0.7em 0 0;
		
    }
@media screen and (max-width:2008px){
	.swiper-pagination-bullet {
	width: 6em;
		padding: 0 0.5em 0 0;
	}
}		
		.swiper-line {
			border-right: 1px solid #ccc;
		}
	

		
    .swiper-pagination-bullet-active {
        color:#1FAFD2;
		font-weight: 700;
    }
		.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
			top:20px;
		}

 .swiper_wrap {
			display:flex;
			width: 100%;
		}

		.swiper_txt {
			width: 55%;
			padding-left: 8em;
			text-align: left;
			float: right;
			line-height: 2.8em;
		}
		.swiper_txt_1 {
			font-weight: 700;
			padding-bottom: 1em;
		}
		.swiper_img {
			width: 35%;
			padding-left: 8em;
			
		}
		.swiper_img img {
			display: inline;
		}
		

		.swiper_txt_use {
			width: 55%;
			padding-left: 0;
			text-align: left;
			float: right;
			line-height: 2.8em;
			margin-top:6em;
			background-color: #1FADD0;
		}
		.swiper_img_use {
			width: 40%;
			padding-left: 11em;			
		}
		.swiper_img_use img {
			display: inline;
		}
#section3 .title {
	margin-top: 3em;
}
#section3 .col {
	padding-left: 0;
	padding-right: 0;
}
.swiper_txt_use .fs_32 {
	line-height:1.3em;
}
.swiper_txt_use .fs_26 {
	line-height: 3em;
}


.swiper2 {
	width: 85%;
	overflow: hidden;
}
		
.swiper2 .swiper-button-next, .swiper2 .swiper-button-prev {
	top:50%!important;
}
		
.swiper2 .swiper-button-prev {
left : 51.5em;
}


	@media screen and (max-width:1700px){
		
		.swiper1{
				width: 90%;
				height: 40em;
				margin-top: 5em;
			}
			.swiper-pagination-bullet {
			padding: 0 0.75em 0 0.3em;
		margin-top:3em!important;
				}
			
			.swiper_img {
				width: 40%;
				padding-left: 8em;
			}
			.swiper_txt {
			width: 55%;
			text-align: left;
			float: right;
			line-height: 2.5em;
			padding-left: 5em;
				margin-top: 1em;
			}
		
		/*
		.swiper_txt_use {
			width: 40%;
			text-align: left;
			float: right;
			line-height: 2.5em;
			margin-top: 10em;			
			}
		.swiper_txt_use .fs_32 {
			font-weight: 500;
		}	
			.swiper_img_use {
				width: 55%;
				padding-left: 20em;
			}
		.swiper2 .swiper-button-prev {
			left: 48em!important;
		}*/
	
}

		@media screen and (max-width:1580px){
			
			.swiper_txt {
			width: 55%;
			text-align: left;
			float: right;
			line-height: 2.5em;
			padding-left: 5em;
				margin-top: 1em;
			}	
				.swiper2 .swiper-button-prev {
			left: 43em!important;
		}
			
		}

		@media screen and (max-width:1366px){
			
			.swiper1{
				width: 90%;
				height: 30em;
				margin-top: 5em;
			}
		.swiper2{
			/*	width: 90%!important;
				height: 30em;*/
				margin-top: 0;
			}
			#section3 .title {
			margin-top: 5em;
				margin-left: 0em!important;
		}
			.swiper-pagination-bullet {
			padding: 0 0.6em 0 0;
			margin-top:4em!important;
				}
			
			.swiper_img {
				width: 40%;
				padding-left: 8em;
			}
			.swiper_txt {
			width: 45%;
			text-align: left;
			float: right;
			line-height: 2.5em;
			padding-left: 5em;
				/*margin-top: 2em;*/
			}	
			.swiper_txt_use {
			width: 55%;
			text-align: left;
			float: right;
			line-height: 2.5em;
				margin-top: 7em;
			}	
			.swiper_img_use {
				width: 40%!important;
				padding-left: 6em!important;
			}
			.swiper2 .swiper-button-prev {
			left: 37.5em!important;
		}
			
				#section3 .container .pd_b_2 {
				padding-bottom: 0!important;
			}
		}
		
@media screen and (max-width:1200px){
	.swiper_img_use {
		padding-left: 3em!important;
	}
	.swiper2 .swiper-button-prev {
    left: 31em!important;
	}
}
@media screen and (max-width:1080px){
		.swiper_img {
				
				padding-left: 5em;
			}
		.swiper_txt {
			width:55%;
			padding-left: 3em;
				margin-top: -1em;
			}	
		
		.swiper_txt_use {
			
			padding-left: 0;
			}
		.swiper2 {
			width:85%;
		}
		#section3 .title {
			margin-left: 1em!important;
		}
		.swiper2 .swiper-button-prev {
    left: 29.5em!important;
}
		
	}
@media screen and (max-width:1024px) {
	.swiper2 .swiper-button-prev {
			left: 26.5em!important;
		}
}
	@media screen and (max-width:1000px){
		.service_sec01 .intro {
			padding-left: 25em;			
}
		.swiper_img {
			padding-left: 3em;
		}
		.swiper_txt {
			width:55%;
			padding-left: 2em;
			margin-top: 1em;
			line-height: 2.1em;
		}	
		.swiper2 {
			width: 100%;
		}
		#section3 .title {
		   margin-left: 0!important;
		}
		.swiper2 .swiper-button-prev {
			left: 30.5em!important;
		}

}


@media screen and (max-width:992px){
	.swiper_img_use {
		padding-left: 0!important;
	}
	.swiper2 .swiper-button-prev {
    left: 21em!important;
	}
}
	
		@media only screen and (max-width: 768px) {

	.service_sec01 .intro {
	padding-left: 0em;
	margin-top: 20em;
}
	.service_sec01 .intro .pd_t_3 {
		padding-top: 1em;
	}
	#section0 img {
		width: 40%;
	}

	.mobile .row {
		margin: 1em 2em;
	}
	
	.service_box {
		padding: 1em 0 1em 0.5em;
	}
	.service_box img {
		padding: 2em;
	}
	#section2 .pd_b_4 {
		padding-bottom: 0;
	}
	.mobile .pd_b_2 {
		padding-bottom: 0;
	}
	.box_3_m {
		padding-right: 10px;
		padding-left: 10px;
	}
				
			.swiper1{
				width: 90%;
				height: 46em;
				margin-top: 0;
			}
				.swiper-pagination-bullet {
					margin-top: 7em!important;
					width:2em;
				padding: 0 2.4em 0 0;
				}
			
				.swiper_wrap {
			display: inline-block!important;
					margin-top: -3em;
		}
			
			.swiper_img{
				width: 60%!important;
				text-align: center;
				float: none;
				margin: 0 auto;
				padding-left: 0;
			}
			.swiper_txt {
				width: 100%!important;
				float: none!important;
				padding-top: 2em!important;
				text-align: center!important;
				padding-left: 0;
			line-height: 1.5em;
				margin-top: 0;
			}
			.swiper_txt_1 {
				padding-bottom: 0.5em;
			}
			.swiper_title {
				margin-top: 3em;
			}
			.swiper2{		
				width: 80%;
				height: 38em;
			}
			.swiper_txt_use {
			width: 100%!important;
				float: none!important;
				text-align: center!important;
				padding-left: 0;
				line-height: 1.5em;
				margin-top: 4em;
			}	
			.swiper_img_use {
				width: 32%!important;
				text-align: center;
				float: none;
				margin-left: 0!important;
				margin: 0 auto!important;
				padding-left: 0!important;
			}
			.swiper2 .swiper-button-prev  {
				left: 0!important;
			}
			#section3 .title {
				margin: 2em auto 0 auto!important;
				font-weight: 500;
			}
			#section3 .container .pd_b_2 {
				padding-bottom: 0!important;
			}
			.swiper2 .swiper-wrapper {
				margin-top: 0;
			}
			.swiper2 .swiper-button-next, .swiper2 .swiper-button-prev {
				top:64%!important;
			}
}
		
		@media screen and (max-width:600px){
			
			.swiper1{
				height: 36em;
			}
			.swiper-pagination-bullet {
					margin-top: 7.5em!important;
				}
				.swiper2{				
				height: 30em;
			}
			
			.swiper_img_use {
				width: 55%!important;
			}
			.swiper_txt_use {
				margin-top: 6em;
			}	
		#section3 .title {
			margin: 2em auto 0 auto!important;
			}
			.service_box img {
		padding: 0;
		padding-top: 0.8em;
	}
			
		}