#crumbs{display:block;}

.service_top{position:relative;z-index:1000;overflow:hidden;}
.service_top .kv{width:100%;display:block;}
.service_top .mask{position:absolute;top:0;left:0;width:100%;height:100%;
	overflow:hidden;background:rgba(46,44,58,0.75);display:none;}
.service_top .mask p{text-align:center;color:#fff;font-size:1.6rem;padding-top:13%; 
	transform:scale(0);-webkit-transform:scale(0);}
.service_top .mask p img{display:block;margin:0 auto 10px;}
.service_top .mask p.show{-webkit-animation:service_top_p both 0.5s linear;animation:service_top_p both 0.5s linear;}

@keyframes service_top_p{
	0%{transform:scale(0.3);opacity:0.3}
	50%{transform:scale(0.6);opacity:0.6}
	100%{transform:scale(1);opacity:1}
}
@webkit-keyframes service_top_p{
	0%{webkit-transform:scale(0.3);opacity:0.3}
	50%{webkit-transform:scale(0.6);opacity:0.6}
	100%{webkit-transform:scale(1);opacity:1}
}


.service_page_1{background-color:#0d1114;overflow:hidden;position:relative;}
.service_page_1 .page_1_img{width:60%;float:right;margin-right:-100%;}
.service_page_1 .page_1_txt{width:40%;position:absolute;top:10%;left:-100%;color:#fff;}
.service_page_1 .page_1_txt h3{font-size:2.3em;color:#fff;}
.service_page_1 .page_1_txt .blank{border-bottom:3px solid #fff;width:75px;height:1px;margin:10px 0;}
.service_page_1 .page_1_txt h5{font-size:1.6em;color:#fff;line-height:1.2;}
.service_page_1 .page_1_txt p{font-size:1em;line-height:2;padding-top:20px;}
.service_page_1 .page_1_txt p a{color:#f00;border:1px solid #727272;display:inline-block;
	padding:5px 60px;font-size:1.1em;}
.service_page_1 .page_1_txt p a:hover{background-color:#f00;color:#fff;border:1px solid #f00;}

.service_page_2{background:#dd452f url(../images/page_2_bg.png) no-repeat center bottom;
	position:relative;}
.service_page_2 .page_2_img{width:45%;position:abolute;margin:-5% 0 6% -100%;opacity:0;-webkit-opacity:0;}
.service_page_2 .page_2_txt{width:30%;position:absolute;top:5%;right:-100%;opactiy:0;-webkit-opacity:0;}
.service_page_2 .page_2_txt h3{font-size:2.3em;color:#fff;}
.service_page_2 .page_2_txt .blank{border-bottom:3px solid #fff;width:75px;height:1px;margin:10px 0;}
.service_page_2 .page_2_txt h5{font-size:1.6em;color:#fff;line-height:1.2;}
.service_page_2 .page_2_txt p{font-size:1em;line-height:2;padding-top:20px;color:#fff;}
.service_page_2 .page_2_txt p a{color:#fff;border:1px solid #fff;display:inline-block;
	padding:5px 60px;font-size:1.1em;}
.service_page_2 .page_2_txt p a:hover{background-color:#fff;color:#f00;}

.service_page_3{background:url(../images/page_3_bg.png);position:relative;overflow:hidden;}
.service_page_3 .page_3_img{float:right;width:45%;margin:5% -100% 5% 0;}
.service_page_3 .page_3_txt{width:30%;position:absolute;top:30%;left:-100%;color:#fff;}
.service_page_3 .page_3_txt h3{font-size:2.3em;color:#fff;}
.service_page_3 .page_3_txt .blank{border-bottom:3px solid #fff;width:75px;height:1px;margin:10px 0;}
.service_page_3 .page_3_txt h5{font-size:1.6em;color:#fff;line-height:1.2;}
.service_page_3 .page_3_txt p{font-size:1em;line-height:2;padding-top:20px;}
.service_page_3 .page_3_txt p a{color:#fff;border:1px solid #727272;display:inline-block;
	padding:5px 60px;font-size:1.1em;}
.service_page_3 .page_3_txt p a:hover{background-color:#f00;color:#fff;border:1px solid #f00;}

.service_page_4{background-color:#da432e;position:relative;z-index:1000;}
.service_page_4 .page_4_img{margin:5% 0 -3% -100%;width:50%;}
.service_page_4 .page_4_txt{width:40%;position:absolute;top:15%;right:-100%;}
.service_page_4 .page_4_txt h3{font-size:2.3em;color:#fff;}
.service_page_4 .page_4_txt .blank{border-bottom:3px solid #fff;width:75px;height:1px;margin:10px 0;}
.service_page_4 .page_4_txt h5{font-size:1.6em;color:#fff;line-height:1.2;}
.service_page_4 .page_4_txt p{font-size:1em;line-height:2;padding-top:20px;color:#fff;}
.service_page_4 .page_4_txt p a{color:#fff;border:1px solid #fff;display:inline-block;
	padding:5px 60px;font-size:1.1em;}
.service_page_4 .page_4_txt p a:hover{background-color:#fff;color:#f00;}

.service_page_5{background-color:#292a2e;position:relative;z-index:100;}
.service_page_5 .page_5_img{float:right;width:60%;margin-right:-100%;}
.service_page_5 .page_5_txt{width:45%;position:absolute;top:20%;left:-100%;color:#fff;}
.service_page_5 .page_5_txt h3{font-size:2.3em;color:#fff;}
.service_page_5 .page_5_txt .blank{border-bottom:3px solid #fff;width:75px;height:1px;margin:10px 0;}
.service_page_5 .page_5_txt h5{font-size:1.6em;color:#fff;line-height:1.2;}
.service_page_5 .page_5_txt p{font-size:1em;line-height:2;padding-top:20px;}
.service_page_5 .page_5_txt p a{color:#fff;border:1px solid #727272;display:inline-block;
	padding:5px 60px;font-size:1.1em;}
.service_page_5 .page_5_txt p a:hover{background-color:#f00;color:#fff;border:1px solid #f00;}

.service_mobile_body{display:none;}
.service_mobile_body .w_100{width:100%;}
.service_mobile_body .db{display:block;}

.m_body_1{background-color:#0d1114;padding:20% 10%;}
.m_body_1 h3{font-size:1.5em;color:#fff;}
.m_body_1 .blank{border-bottom:3px solid #fff;width:75px;height:1px;margin:10px 0;}
.m_body_1 h5{font-size:1em;color:#fff;line-height:1.2;}
.m_body_1 p{line-height:1.8;padding-top:20px;color:#fff;font-size:0.625em;}
.m_body_1 p a{color:#fff;border:1px solid #727272;display:inline-block;
	padding:5px 60px;font-size:1.2em;}
.m_body_1 p a:hover{background-color:#f00;color:#fff;border:1px solid #f00;}

.m_body_2{background-color:#dd452f;position:relative;}
.m_body_2 img{position:absolute;top:0;left:0;margin-top:-10%;}
.m_body_2 .m_in_body{padding:90% 10% 20%;}
.m_body_2 h3{font-size:1.5em;color:#fff;}
.m_body_2 .blank{border-bottom:3px solid #fff;width:75px;height:1px;margin:10px 0;}
.m_body_2 h5{font-size:1em;color:#fff;line-height:1.2;}
.m_body_2 p{line-height:1.8;padding-top:20px;color:#fff;font-size:0.625em;}
.m_body_2 p a{color:#fff;border:1px solid #fff;display:inline-block;
	padding:5px 60px;font-size:1.2em;}
.m_body_2 p a:hover{background-color:#f00;color:#fff;border:1px solid #f00;}

.m_body_3{background-color:#212020;}
.m_body_3_bg{background:url(../images/page_3_bg.png);padding-bottom:80%;position:relative;}
.m_body_3 img{position:absolute;top:0;left:0;margin-top:-8%;}
.m_body_3 .m_in_body{padding:20% 10% 20%;}
.m_body_3 h3{font-size:1.5em;color:#fff;}
.m_body_3 .blank{border-bottom:3px solid #fff;width:75px;height:1px;margin:10px 0;}
.m_body_3 h5{font-size:1em;color:#fff;line-height:1.2;}
.m_body_3 p{line-height:1.8;padding-top:20px;color:#fff;font-size:0.625em;}
.m_body_3 p a{color:#fff;border:1px solid #fff;display:inline-block;
	padding:5px 60px;font-size:1.2em;}
.m_body_3 p a:hover{background-color:#f00;color:#fff;border:1px solid #f00;}

.m_body_4{background-color:#dd452f;overflow:hidden;}
.m_body_4 img{margin-top:10%;}
.m_body_4 .m_in_body{padding:20% 10% 20%;}
.m_body_4 h3{font-size:1.5em;color:#fff;}
.m_body_4 .blank{border-bottom:3px solid #fff;width:75px;height:1px;margin:10px 0;}
.m_body_4 h5{font-size:1em;color:#fff;line-height:1.2;}
.m_body_4 p{line-height:1.8;padding-top:20px;color:#fff;font-size:0.625em;}
.m_body_4 p a{color:#fff;border:1px solid #fff;display:inline-block;
	padding:5px 60px;font-size:1.2em;}
.m_body_4 p a:hover{background-color:#f00;color:#fff;border:1px solid #f00;}

.m_body_5{background-color:#292a2e;overflow:hidden;}
.m_body_5 img{margin-top:10%;}
.m_body_5 .m_in_body{padding:20% 10% 20%;}
.m_body_5 h3{font-size:1.5em;color:#fff;}
.m_body_5 .blank{border-bottom:3px solid #fff;width:75px;height:1px;margin:10px 0;}
.m_body_5 h5{font-size:1em;color:#fff;line-height:1.2;}
.m_body_5 p{line-height:1.8;padding-top:20px;color:#fff;font-size:0.625em;}
.m_body_5 p a{color:#fff;border:1px solid #fff;display:inline-block;
	padding:5px 60px;font-size:1.2em;}
.m_body_5 p a:hover{background-color:#f00;color:#fff;border:1px solid #f00;}


@media only screen and (max-width : 1280px) { 
	.service_page_1 .page_1_txt{width:45%;}
	.service_page_1 .page_1_img{width:50%;}
	.service_page_1 .page_1_txt h3{font-size:2em;}
	.service_page_1 .page_1_txt h5{font-size:1.3em;}
	.service_page_1 .page_1_txt p{padding-top:10px;}
	
	.service_page_2 .page_2_img{width:40%;margin-bottom:3%;}
	.service_page_2 .page_2_txt{width:42%;}
	.service_page_2 .page_2_txt h3{font-size:2em;}
	.service_page_2 .page_2_txt h5{font-size:1.3em;}
	.service_page_2 .page_2_txt p{padding-top:10px;}
	
	.service_page_3 .page_3_img{width:40%;}
	.service_page_3 .page_3_txt{width:40%;top:20%;}
	.service_page_3 .page_3_txt h3{font-size:2em;}
	.service_page_3 .page_3_txt h5{font-size:1.3em;}
	.service_page_3 .page_3_txt p{padding-top:10px;}
	
	.service_page_4 .page_4_img{width:45%;}
	.service_page_4 .page_4_txt{width:42%;}
	.service_page_4 .page_4_txt h3{font-size:2em;}
	.service_page_4 .page_4_txt h5{font-size:1.3em;}
	.service_page_4 .page_4_txt p{padding-top:10px;}
	
	.service_page_5 .page_5_img{width:50%;}

}


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

.service_pc_body{display:none;}
.service_mobile_body{display:block;}

}