input[type="text"]{padding-left:10px;box-sizing:border-box;}

#sv_area{width: 100%;margin:0 auto;background: url("../image/sub/svbg.jpg") no-repeat center center;background-size:cover;}
#sv_area > div{display:table;width: calc(100% - 20px);max-width: 1180px;margin: 0 auto;height: 124px;position: relative;}
#sv_area > div h2{display:table-cell;vertical-align:middle;font-size:30px;color:#fff;font-weight: bold;line-height:1;}

.sub_title{text-align: center;margin-bottom: 70px;padding-top: 50px;}
.sub_title > div{width: calc(100% - 20px);max-width: 1180px;margin: 0 auto;padding-bottom: 30px;border-bottom: 1px solid #dfdfdf;}
.sub_title h3{font-size: 26px;color:#000;font-weight: bold;line-height: 1;}



#sconts_area{width: 100%;margin: 0 auto;}
.sconts_wid{width: calc(100% - 20px);max-width:1180px;margin:0 auto;padding:85px 0 120px;}
.sconts_wid.w_1680{max-width: 1680px;}

.sctop_area{width: calc(100% - 20px);max-width: 1180px;margin: 0 auto;}
.sctop_box{position: relative;text-align: center;}
.sctop_box > .ct{width:29%;margin: 0 auto;}
.sctop_box > .lf{width:36%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.sctop_box > .rt{width:36%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.sctop_box > .lf > p{padding-bottom: 16%;font-size: 24px;color:#000;font-weight: 300;line-height: 1.5;letter-spacing: -1px;}
.sctop_box > .lf > p span{font-size: 28px;}
.sctop_box > .lf > p strong{font-weight: bold;}
.sctop_box > .rt > p{padding-bottom: 12%;font-size: 18px;color:#000;font-weight: 500;line-height: 1.5;}

.scbot_area{width: 100%;margin: 20px auto 0;position: relative;background: #6fc8bb;}
.scbot_area:before{content:"";position: absolute;left:0;right: 0;top:-85px;width: 100%;height: 85px;background: url("../image/sub/scbg.png") no-repeat center center;background-size:auto 85px;z-index: -1;}
.scbot_wid{width: calc(100% - 20px);max-width: 1180px;margin: 0 auto;padding: 55px 0 100px;}

.scb_wp{display: flex;justify-content:space-between;}
.scb_wp > .scb_box{position: relative;width: 44%;box-sizing: border-box;padding: 40px 40px 20px 40px;border-radius: 25px;}
.scb_wp > .scb_box.lf{background: url("../image/sub/scb1.png") no-repeat center center;background-size: 100% 100%;}
.scb_wp > .scb_box.rt{background: url("../image/sub/scb2.png") no-repeat center center;background-size: 100% 100%;}
.scb_wp > .scb_box.lf > div{height: 100%;padding-bottom: 40px;background: url("../image/sub/sic1.png") no-repeat right bottom;}
.scb_wp > .scb_box.rt > div{height: 100%;padding-bottom: 40px;background: url("../image/sub/sic2.png") no-repeat left bottom;}
.scb_wp > .ct{width: 12%;text-align: center;padding-top: 90px;}
.scb_wp > .scb_box.rt{text-align: right;}
.scb_wp > .scb_box > div > p{margin-bottom: 25px;font-size: 28px;color:#000;font-weight: 500;line-height: 1;}
.scb_wp > .scb_box > div > div{display: flex;}
.scb_wp > .scb_box.rt > div > div{justify-content:flex-end;}
.scb_wp > .scb_box > div > div > ul + ul{margin-left: 10%;}
.scb_wp > .scb_box > div > div > ul li{font-size: 18px;color:#000;line-height: 1.68;}

.sconts_wrap{width: calc(100% - 20px);max-width: 1180px;margin: 0 auto;padding-bottom: 100px;}
.search_top{margin-bottom: 50px;background: #f0f0f0;border-radius: 10px;padding: 13px;}
.search_top > div{width: 100%;max-width: 420px;margin:0 auto;box-sizing:border-box;border: 1px solid #dfdfdf;border-radius: 10px;background: #fff;display: flex;align-items: center;}
.search_top > div input{width: calc(100% - 50px);height: 42px;border: 0;background: none;}
.search_top > div a{width: 50px;text-align:center;}

.spr_line{margin-left: -20px;margin-top: -40px;display: flex;flex-wrap: wrap;}
.spr_line > li{margin-left :20px;margin-top: 40px;width: calc(33.333333% - 20px);text-align: center;}
.spr_line > li > a{display: block;}
.spr_line > li > a > .img{position: relative;overflow: hidden;border-radius: 15px;}
.spr_line > li > a > .img > img{width: 100%;}
.spr_line > li > a > .img > .view{opacity: 0;transition: .4s;position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items:center;}
.spr_line > li > a > .tit{margin-top:20px;font-size: 18px;color:#000;line-height: 1;display:block;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.spr_line > li:hover > a > .img > .view{opacity: 1;}


.page_all {text-align: center;margin-top: 60px;font-size: 0;}
.page_all > a{display: inline-block;width: 45px;height: 45px;line-height: 45px;border-radius: 100%;}
.page_all > a.page {color:#424242;font-size:16px;vertical-align: middle;text-align: center;}
.page_all > a.on{color:#fff;background:#359596;font-weight: 500;}


.servoce_wrap{padding-bottom: 100px;}
.servoce_area{width: calc(100% - 20px);max-width: 1720px;margin: 0 auto;border-radius: 10px;background: url("../image/sub/svcbg.jpg") no-repeat center center;background-size:cover;}
.servoce_wid{width: calc(100% - 20px);max-width: 1180px;margin: 0 auto;padding: 65px 0 100px;}
.serv_tit{text-align:center;margin-bottom: 32px;font-size: 24px;color:#fff;line-height: 1.5;}
.serv_tit span{font-weight: bold;}
.servoce_box + .servoce_box{margin-top: 20px;}
.servoce_box{border: 1px solid #33898a;border-radius: 10px;padding: 35px;display: flex;box-sizing:border-box;align-items:center;}
.servoce_box.on{background: #33898a;}
.servoce_box:hover{background: #33898a;}
.servoce_box > .title{width: 300px;display: flex;align-items:center;}
.servoce_box > .box{width: calc(100% - 300px);}
.servoce_box > .title > span{display: inline-block;}
.servoce_box > .title > p{font-size:26px;color:#fff;font-weight:500;margin-left: 18px;}
.servoce_box > .box > ul{margin-left: -8px;margin-top: -8px;display: flex;flex-wrap: wrap;}
.servoce_box > .box > ul > li{margin-left: 8px;margin-top: 8px;width: calc(25% - 8px);height: 55px;display: table;box-sizing: border-box;border: 1px solid #fff;border-radius: 5px;text-align:center;}
.servoce_box > .box > ul > li p{display: table-cell;vertical-align: middle;font-size:18px;color:#fff;font-weight: 500;}

.inq_wrap{display: flex;justify-content:space-between;}
.inq_img{width: 42%;}
.inq_area{width: 50%;}
.ti_box{padding: 12px 0 26px;margin-bottom: 30px;border-bottom: 1px solid #d8d8d8;}
.ti_box > p{font-size: 22px;color:#000;}
.ti_box > ul > li{margin-top: 20px;font-size: 18px;color:#000;font-weight: 600;padding-left: 90px;position: relative;line-height: 24px;}
.ti_box > ul > li > span{display: inline-block;position: absolute;left: 0;top: 0;padding-left: 35px;font-weight: 300;}
.ti_box > ul > li.tel > span{background: url("../image/sub/tic1.png") no-repeat left center;}
.ti_box > ul > li.mail > span{background: url("../image/sub/tic2.png") no-repeat left center;}

.inq_line > li + li{margin-top: 15px;}
.inq_line > li{padding-left: 100px;position: relative;}
.inq_line > li > p{position: absolute;left:5px;top: 50%;transform: translateY(-50%);font-size: 18px;color:#252525;font-weight: 500;}
.inq_line > li > div input{width: 100%;height: 55px;box-sizing:border-box;border: 1px solid #359596;border-radius: 10px;background: #fff;padding-left: 15px;}
.inq_line > li > div textarea{width: 100%;height: 200px;box-sizing:border-box;border: 1px solid #359596;border-radius: 10px;background: #fff;padding: 15px;}

.fck_area{margin-top: 15px;padding-left: 100px;display: flex;;justify-content:space-between;align-items:center;}
.fck_area .ck_box{width: calc(100% - 92px);font-size: 0;}
.fck_area .ck_box > span{display: inline-block;position:relative;}
.fck_area .ck_box > span > input{position: absolute;top: 0;left: 0;opacity: 0;width: 0;height: 0;}
.fck_area .ck_box > span > label{display: table-cell;vertical-align: middle;line-height:24px;color: #252525;font-size: 16px;padding-left:30px;}
.fck_area .ck_box > span > input[type='checkbox'] + label{background: url('../image/sub/c_off.png') no-repeat left top;}
.fck_area .ck_box > span > input[type='checkbox']:checked + label{background: url('../image//sub/c_on.png') no-repeat left top;}
.fck_area > a{display: inline-block;width: 90px;line-height: 32px;border-radius: 15px;border: 1px solid #359596;text-align: center;font-size: 16px;color:#359596;}
.inqf_btn{text-align:center;margin-top:40px;}
.inqf_btn a{display: inline-block;width: 220px;line-height: 58px;border-radius: 8px;background: #359596;font-size:20px;color:#fff;font-weight:500;}

.inqf_btn button{display: inline-block;width: 220px;line-height: 58px;border-radius: 8px;background: #359596;font-size:20px;color:#fff;font-weight:500;border:0;cursor:pointer}

.inq_text p{font-size: 18px;color:#000;line-height: 1.6;font-weight: 350;}
.inq_text p + p{margin-top: 28px;}
.inq_text p span{display: block;font-weight: 500;margin-bottom: 3px;}

@media screen and (max-width:1440px){
	
}
@media screen and (max-width:1180px){
	
}

@media screen and (max-width:1024px){
	
}



@media screen and (max-width:767px){
	#sv_area > div{height: 100px;text-align: center;}
	#sv_area > div h2{font-size: 27px;}

	.sub_title{margin-bottom: 40px;padding-top: 40px;}
	.sub_title > div{padding-bottom: 20px;}
	.sub_title h3{font-size: 25px;}


	.sctop_box > .ct{width:auto;}
	.sctop_box > .lf{width:auto;position: static;transform: translateY(0);}
	.sctop_box > .rt{width:auto;position: static;transform: translateY(0);margin: 15px 0 20px;}
	.sctop_box > .lf > p{padding-bottom: 0;font-size: 20px;}
	.sctop_box > .lf > p span{font-size: 24px;}
	.sctop_box > .rt > p{padding-bottom: 0;font-size: 16px;}

	.scb_wp{display: block;}
	.scb_wp > .scb_box{width: auto;padding: 35px 25px;border-radius: 25px;background: #fff;}
	.scb_wp > .scb_box.lf{background: #fff;}
	.scb_wp > .scb_box.rt{background: #fff;}
	.scb_wp > .scb_box.lf > div{height: 100%;padding-bottom: 30px;}
	.scb_wp > .scb_box.rt > div{height: 100%;padding-bottom: 30px;}
	.scb_wp > .ct{width: auto;margin: 20px auto 20px;padding-top: 0;}
	.scb_wp > .scb_box > div > p{margin-bottom: 25px;font-size: 26px;}
	
	.sconts_wrap{padding-bottom: 60px;}
	.search_top{margin-bottom: 40px;padding: 10px;}
	.spr_line{margin-left: -4px;margin-top: -25px;}
	.spr_line > li{margin-left :4px;margin-top: 25px;width: calc(50% - 4px);}
	.spr_line > li > a > .img > .view > span{display: inline-block;max-width: 50px;}
	.spr_line > li > a > .tit{margin-top:12px;font-size: 15px;c}
	
	.servoce_wrap{padding-bottom: 60px;}

	.servoce_wid{padding: 40px 0;}
	.serv_tit{margin-bottom: 25px;font-size: 22px;}
	.servoce_box{padding: 20px;display: block;}
	.servoce_box > .title{width: auto;margin-bottom: 15px;}
	.servoce_box > .box{width: auto;}
	.servoce_box > .title > span{display: inline-block;max-width: 65px;}
	.servoce_box > .title > p{font-size:23px;margin-left: 13px;}
	.servoce_box > .box > ul{margin-left: -4px;margin-top: -4px;}
	.servoce_box > .box > ul > li{margin-left: 4px;margin-top: 4px;width: calc(25% - 4px);height: 50px}
	.servoce_box > .box > ul > li p{font-size:16px;}
	
	
	.inq_wrap{display: block;}
	.inq_img{display: none;}
	.inq_area{width: auto;}

}

@media screen and (max-width:640px){
	.page_all {margin-top: 50px;}
	.page_all > a{width: 32px;height: 32px;line-height: 32px;}
	.page_all > a.page {font-size:12px;}

	.inq_text p{font-size: 16px;}
	.inq_text p + p{margin-top: 24px;}

}

@media screen and (max-width:520px){
	.servoce_box > .box > ul > li{width: calc(50% - 4px);}

	.ti_box{padding: 0 0 22px;margin-bottom: 25px;}
	.ti_box > p{font-size: 20px;}
	.ti_box > ul > li{margin-top: 15px;font-size: 17px;padding-left: 75px;line-height: 22px;}
	.ti_box > ul > li > span{padding-left: 27px;}
	.ti_box > ul > li.tel > span{background-size: 22px;}
	.ti_box > ul > li.mail > span{background-size: 22px;}

	.inq_line > li + li{margin-top: 20px;}
	.inq_line > li{padding-left: 0;}
	.inq_line > li > p{position: static;transform: translateY(0);font-size: 17px;margin-bottom: 8px;line-height: 1;}
	.inq_line > li > p br{display: none;}
	.inq_line > li > div input{height: 50px;padding-left: 10px;}
	.inq_line > li > div textarea{height: 150px;padding: 10px;}

	.fck_area{margin-top: 15px;padding-left: 0;}
	.fck_area .ck_box{width: calc(100% - 80px);}
	.fck_area .ck_box > span > label{line-height:20px;padding-left:26px;}
	.fck_area .ck_box > span > input[type='checkbox'] + label{background-size: 20px;}
	.fck_area .ck_box > span > input[type='checkbox']:checked + label{background-size: 20px;}
	.fck_area > a{width: 78px;line-height: 30px;border-radius: 10px;font-size: 15px;}
	.inqf_btn{margin-top:30px;}
	.inqf_btn a{width: 180px;line-height: 52px;font-size:18px;}

	.inqf_btn button{width: 180px;line-height: 52px;font-size:18px;}

}

@media screen and (max-width:420px){

}