/*************** [location]basic ***************/
#section_type_location_12 {width:100%;}
#section_type_location_12 .location_12 {width:100%; overflow:hidden; height:auto;/* height:550px; background:#424242; padding:80px 0; box-sizing:border-box; */}

#section_type_location_12 .location_12 .top {width:100%; overflow:hidden; height:300px; background:url("/section/location/location_12/img/map.jpg")no-repeat center center; background-size:cover; padding:70px 0; box-sizing:border-box;}
	#section_type_location_12 .location_12 .top .top_tit {float:right; width:50%; padding-left:80px; box-sizing:border-box;}
	#section_type_location_12 .location_12 .top .top_tit h1 {font-size:48px; color:#fff; font-weight:400; margin-bottom:20px;}
	#section_type_location_12 .location_12 .top .top_tit h3 {font-size:24px; color:#fff; font-weight:400; margin-bottom:30px;}
	#section_type_location_12 .location_12 .top .top_tit p {width:190px; height:50px; background:#23404a; box-sizing:border-box; text-align:center; display:table;}
	#section_type_location_12 .location_12 .top .top_tit p a {font-size:18px; color:#fff; font-weight:300; width:100%; height:100%; display:table-cell; vertical-align:middle;}

#section_type_location_12 .location_12 .bottom {width:100%; background:#254955; height:auto; padding:60px 0; box-sizing:border-box;}
	#section_type_location_12 .location_12 .bottom .bot_con {width:100%; overflow:hidden; display:table; margin-bottom:40px; border-bottom:1px solid #aaa; padding-bottom:40px;}
		#section_type_location_12 .location_12 .bottom .bot_con:last-child {border-bottom:none; padding-bottom:0; margin-bottom:0;}
	#section_type_location_12 .location_12 .bottom .bot_con h1 {display:table-cell; vertical-align:top; width:20%; text-align:center;}
	#section_type_location_12 .location_12 .bottom .bot_con .text {display:table-cell; vertical-align:top; width:80%;}
	#section_type_location_12 .location_12 .bottom .bot_con .text h2 {font-size:30px; color:#fff; font-weight:300; margin-bottom:45px;}
	#section_type_location_12 .location_12 .bottom .bot_con .text h2 span {font-weight:500;}
	#section_type_location_12 .location_12 .bottom .bot_con .text p {font-size:18px; color:#ddd; line-height:135%;}


/*************** [location]responsive ***************/

@media screen and (max-width:1024px){	
	#section_type_location_12 .location_12 .top .top_tit {padding-left:0;}
	#section_type_location_12 .location_12 .top .top_tit h1 {font-size:40px;}
	#section_type_location_12 .location_12 .top .top_tit h3 {font-size:20px;}
	#section_type_location_12 .location_12 .top .top_tit p a {font-size:16px;}

	#section_type_location_12 .location_12 .bottom .bot_con h1 {width:25%;}
	#section_type_location_12 .location_12 .bottom .bot_con .text {width:75%;}
	#section_type_location_12 .location_12 .bottom .bot_con .text h2 {font-size:26px;}
	#section_type_location_12 .location_12 .bottom .bot_con .text p {font-size:18px;}
}
@media screen and (max-width:600px){
	#section_type_location_12 .location_12 .top .top_tit {width:60%;}
	#section_type_location_12 .location_12 .top .top_tit h1 {font-size:32px;}
	#section_type_location_12 .location_12 .top .top_tit h3 {font-size:18px; line-height:135%;}

	#section_type_location_12 .location_12 .bottom .bot_con h1 {width:30%;}
	#section_type_location_12 .location_12 .bottom .bot_con h1 img {width:100px;}
	#section_type_location_12 .location_12 .bottom .bot_con .text {width:70%;}
	#section_type_location_12 .location_12 .bottom .bot_con .text h2 {font-size:22px; margin-bottom:30px;}
}

@media screen and (max-width:450px){
	#section_type_location_12 .location_12 .bottom .bot_con h1 {width:35%;}
	#section_type_location_12 .location_12 .bottom .bot_con h1 img {width:80px;}
	#section_type_location_12 .location_12 .bottom .bot_con .text {width:65%;}
}


/*************** [location]footer ***************/

/*-------- [layout] --------*/
#section_type_location_12 .layout {display: flex; justify-content: space-between; 
box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;
}
#section_type_location_12 .layout .in80 {width: 79%;}
#section_type_location_12 .layout .in80 .name p{color: white; margin-bottom: 10px;margin-top: 10px; font-size: 18px;}
#section_type_location_12 .layout .in20 {width: 19%;}
#section_type_location_12 .layout .in20 img{margin-left:0px;opacity: 0.9; filter: grayscale(1);}

/*-------- [layout] --------*/
/*footer*/
#section_type_location_12 footer {padding:30px 0; background:#252525;}

#section_type_location_12 footer address {font-size:15px; font-weight:300; line-height:140%; color:#fff;}
#section_type_location_12 footer address a {color:#999;}
#section_type_location_12 footer address a:hover {text-decoration:underline;}


/*************** [location]responsive ***************/
/*footer*/
@media screen and (max-width:1024px){
    #section_type_location_12 .layout .in20 {display:none;}
    #section_type_location_12 .layout .in80 {width: 100%;}
	#section_type_location_12 footer {text-align:center;}
}
@media screen and (max-width:680px){ 
	#section_type_location_12 footer address {font-size:12px;} 
}
@media screen and (max-width:414px){ /*mobile - iphone 6+,7+,8+*/
	#section_type_location_12 footer address {font-size:12px;} 
}