@charset "UTF-8";
/*  箭头 @include arrow(direction,size,color);
**/
/* 超出省略号 @include ell(); */
/* inline-block @include inline_block(); */
/* font-size of REM @include font_size(fz); */
.services_body .services_box_1 { background-color: #fff; padding: 4rem 0; text-align: center; }
.services_body .services_box_1 .line { color: #1090d6; font-size: 1.8rem; line-height: 3rem; margin-bottom: 6rem; font-weight: 700; }
.services_body .services_box_1 .img_1 { display: block; max-width: 100%; margin: 0 auto; }
.services_body .services_box_1 .img_1.mbBody{display:none;}
.services_body .services_box_2 { background: url(../images/services/services_bg_1.jpg) center no-repeat; background-size: cover; padding: 10rem 0; text-align: center; color: #fff; }
.services_body .services_box_2 h3.tit { font-size: 2.2rem; font-weight: 700; padding:0; }
.services_body .services_box_2 .blank { border-top: 2px solid #3bb7df; width: 40px; margin: 1.5rem auto 3rem; }
.services_body .services_box_2 p { font-size: 2.8rem; line-height: 3.2rem; margin-bottom: 5rem; font-weight: 700; }
.services_body .services_box_2 .icon_body { margin-top: 5em; }
.services_body .services_box_2 .icon_body span { margin: 0 40px; display: inline-block; vertical-align: middle; width: 160px; height: 160px; overflow: hidden; background: rgba(27, 184, 222, 0.5); transform: rotate(45deg); cursor: pointer; transition: all ease .8s; position: relative; }
.services_body .services_box_2 .icon_body span:hover { background-color: #1bb8de; }
.services_body .services_box_2 .icon_body span:hover em { opacity: 0; }
.services_body .services_box_2 .icon_body span:hover div { opacity: 1; }
.services_body .services_box_2 .icon_body span em, .services_body .services_box_2 .icon_body span div { /*
transform:rotate(-45deg);
*/ position: absolute; top: 0; left: 0; width: 100%; bottom: 0; transform: rotate(-45deg); }
.services_body .services_box_2 .icon_body span em { opacity: 1; width: 100%; height: 100%; line-height: 160px; text-align: center; 
	font-size: 3rem; font-weight: 700; display: block; }
.services_body .services_box_2 .icon_body span div { width: 100%; padding-top: 20px; opacity: 0; }
.services_body .services_box_2 .icon_body span div p { text-align: center; font-size: 1.6rem; line-height: 1.6rem;
	font-weight: normal; padding:15px 15px 0;}
.services_body .services_box_3 { background-color: #3d8fd1; padding: 4rem 0; }
.services_body .services_box_3 h3 { color: #fff; text-align: center; margin-bottom: 6rem; font-size: 2.8rem; font-weight: 700; }
.services_body .services_box_3 .txt_box { background: url(../images/services/services_bg_2_n.png) center no-repeat; 
	height: 260px; position: relative; margin-bottom: 220px; margin-top:100px; }
.services_body .services_box_3 .txt_box .txt { position: absolute; color: #fff; width: 300px; }
.services_body .services_box_3 .txt_box .txt.txt_1 { top: -23px; left: 170px; }
.services_body .services_box_3 .txt_box .txt.txt_2 { top: -46px; left: 710px; }
.services_body .services_box_3 .txt_box .txt.txt_3 { top: 230px; left: 440px; }
.services_body .services_box_3 .txt_box .txt.txt_4 { top: 230px; left: 870px; }
.services_body .services_box_3 .txt_box .txt h6 { font-size: 1.5rem; }
.services_body .services_box_3 .txt_box .txt h3 { font-size: 1.8rem; margin: 5px 0 10px; text-align: left; }
.services_body .services_box_3 .txt_box .txt p { font-size: 1.5rem; line-height: 1.8rem; }
.services_body .services_box_3 .txt_box .txt a { font-size: 14px; padding-bottom: 3px; color: #243c7d; text-decoration: none; border-bottom: 1px solid #243c7d; }
.services_body .services_box_4 { background-color: #fff; padding: 4rem 0; text-align: center; }
.services_body .services_box_4 h3 { font-size: 2.8rem; margin-bottom: 3rem; font-weight: 700; }
.services_body .services_box_4 p { font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 5rem; text-align:left; }
.services_body .services_box_4 .img { display: block; max-width: 100%; margin: 0 auto; }
.services_body .services_box_5 { padding: 4rem 0; background-color: #eee; }
.services_body .services_box_5 .container .tit { text-align: center; padding: 0; }
.services_body .services_box_5 .container h6.tit { font-size: 1.6rem; }
.services_body .services_box_5 .container h3.tit { font-size: 5.8rem; margin: 1rem 0  1.5rem; }
.services_body .services_box_5 .container .row { margin-top: 5rem; }
.services_body .services_box_5 .container .address { box-sizing: border-box; border: 1px solid #b8b8b8; padding: 30px 20px; height: 250px; overflow: hidden; margin-bottom: 30px; }
.services_body .services_box_5 .container .address h3 { font-size: 2.8rem; font-weight: 700; margin-bottom: 2rem; }
.services_body .services_box_5 .container .address p { font-size: 1.6rem; line-height: 2.6rem; margin-bottom: .5rem;padding-right:40px; }
.services_body .services_box_5 .container .address p a { color: #000; }

.services_body_1{background:url(../images/services/services_body_1_bg.jpg) repeat-x left bottom;padding:60px 0;text-align:center;}
.services_body_1 .time{font-size:20px;line-height:36px;color:#333333;}
.services_body_1 .top{font-size:24px;line-height:32px;color:#333333;font-weight:bold;margin:10px 0;}
.services_body_1 .tel{font-size:58px;line-height:60px;color:#1ebaec;font-weight:bold;margin-bottom:5px;}
.services_body_1 .mail a{display:inline-block;font-size:20px;line-height:20px;color:#1ebaec;border-bottom:1px solid #1ebaec;text-decoration:none;}
.services_body_1 .txt{font-size:24px;line-height:32px;color:#333333;font-weight:bold;margin:30px 0;}
.services_body_2{padding:80px 0;}
.services_body_2 .list-item{display:inline-block;width:100%;position: relative;}
.services_body_2 .list-item .img_box{float:right;}
.services_body_2 .list-item:first-child{margin-bottom:80px;}
.services_body_2 .list-item:nth-child(even) .img_box{float:left;}
.services_body_2 .list-item .txt_box{position: absolute;top:50%;transform: translateY(-50%);background-color:#fff;box-sizing: border-box;}
.services_body_2 .list-item .txt_box.box_1{width:605px;height:325px;padding:50px 45px;left:0;}
.services_body_2 .list-item .txt_box.box_2{right:0;width:640px;padding:30px 40px;}
.services_body_2 .list-item .txt_box h3{font-size:28px;line-height:42px;color:#003a8f;font-weight:bold;position: relative;padding-bottom:10px;}
.services_body_2 .list-item .txt_box h3::before{content:"";display:inline-block;width:45px;height:2px;background:#003a8f;position: absolute;left:0;bottom:0;}
.services_body_2 .list-item .txt_box.box_1 ul{margin-top:35px;}
.services_body_2 .list-item .txt_box.box_1 ul li{display:inline-block;width:100%;box-sizing: border-box;font-size:20px;line-height:28px;color:#1ebaec;font-weight:bold;padding-left:20px;position: relative;margin-bottom:15px;}
.services_body_2 .list-item .txt_box.box_1 ul li::before{content:"";display:inline-block;width:8px;height:8px;background-color:#1ebaec;border-radius:50%;position: absolute;left:0;top:12px;}

.services_body_2 .list-item .txt_box.box_2 ul{margin-top:20px;}
.services_body_2 .list-item .txt_box.box_2 ul li{display:flex;align-items:center;margin-top:10px;}
.services_body_2 .list-item .txt_box.box_2 ul li h4{font-size:26px;line-height:38px;color:#1ebaec;font-weight:bold;border-right:1px solid #1ebaec;width:135px;box-sizing: border-box;margin-right:10px;}
.services_body_2 .list-item .txt_box.box_2 ul li p{font-size:18px;line-height:18px;color:#333;font-weight:500;width:calc(100% - 145px);}

.services_body_3{background-color:#f7f8fa;padding:90px 0;text-align:center;}
.services_body_3 h3{font-size:32px;line-height:36px;color:#000;font-weight:bold;margin-bottom:30px;}
.services_body_3 p{font-size:16px;line-height:32px;color:#333333;margin-bottom:50px;text-align:left;}




/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 600px) {
	
	.services_body_1{padding:40px 0;}
	.services_body_1 img{max-width:100%;}
	
	.services_body_1 .time{font-size:14px;line-height:24px;}
	.services_body_1 .top{font-size:16px;line-height:26px;}
	.services_body_1 .tel{font-size:34px;line-height:40px;}
	.services_body_1 .mail a{font-size:14px;}
	.services_body_1 .txt{font-size:14px;line-height:24px;margin:20px 0;}
	.services_body_1 .txt br{display:none;}
	.services_body_2{padding:40px 0;}
	.services_body_2 .list-item:first-child{margin-bottom:40px;}
	.services_body_2 .list-item .img_box{float:none!important;width:calc(100% + 30px);margin-left:-15px;margin-right:-15px;}
	.services_body_2 .list-item .img_box img{display:block;width:100%;}
	.services_body_2 .list-item .txt_box{position: inherit;left:inherit!important;right:inherit!important;top:inherit;transform:none;margin-left:-15px;margin-top:-40px;}
	.services_body_2 .list-item .txt_box.box_1{width:100%;height:inherit;padding:30px 20px;}
	.services_body_2 .list-item .txt_box h3{font-size:22px;line-height:30px;}
	.services_body_2 .list-item .txt_box h3::before{width:40px;}
	.services_body_2 .list-item .txt_box.box_1 ul li{font-size:14px;line-height:24px;padding-left:15px;}
	.services_body_2 .list-item .txt_box.box_1 ul li::before{width:6px;height:6px;top:9px}
	.services_body_2 .list-item .txt_box.box_2{width:100%;height:inherit;padding:30px 20px;}
	.services_body_2 .list-item .txt_box.box_2 ul li{width:100%;}
	.services_body_2 .list-item .txt_box.box_2 ul li:last-child{margin-right:0;}
	.services_body_2 .list-item .txt_box.box_2 ul li h4{font-size:16px;line-height:26px;width:110px;}
	.services_body_2 .list-item .txt_box.box_2 ul li p{font-size:10px;line-height:18px;width:calc(100% - 120px)}
	.services_body_3{padding:40px 0;}
	.services_body_3 h3{font-size:18px;line-height:28px;}
	.services_body_3 p{font-size:13px;line-height:24px;text-align:left;}
	.services_body_3 p br{display:none;}
	.services_body_3 img{max-width:100%;}
	
}