/*************** [location]basic ***************/

#section_type_location_4 {background: #252525;margin-top: 50px;}

/*vision*/
#section_type_location_4 .vision{background: #d2d2d2; padding:30px 0;}
#section_type_location_4 .vision h2{font-size:42px; font-weight:400; color:#fff; margin-bottom:40px;}
#section_type_location_4 .vision .inner{display:flex; width:1200px; height:100%; color:#fff;justify-content: space-between;}
#section_type_location_4 .vision .inner div{display:flex;text-align:center; width: 100%;}
#section_type_location_4 .vision .inner div ul {margin:0 auto;display: flex;width: 100%;justify-content: space-between;}
#section_type_location_4 .vision .inner div ul li {display: flex; width:150px; height:150px; background:#f48221;transition:all 0.3s;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%;

box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_location_4 .vision .inner div ul li:hover {border:1px solid #fff;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;

box-shadow:10px 10px 10px -5px rgba(255,255,255,0.3);
-webkit-box-shadow:10px 10px 10px -5px rgba(255,255,255,0.3);
-moz-box-shadow:10px 10px 10px -5px rgba(255,255,255,0.3);
-o-box-shadow:10px 10px 10px -5px rgba(255,255,255,0.3);
}
#section_type_location_4 .vision .inner div ul li:hover a img {width:65px;}
#section_type_location_4 .vision .inner div ul li a {display:block; width:150px; height:150px; padding:25px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%;

box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_location_4 .vision .inner div ul li a img {width:60px; transition:all 0.3s;}
#section_type_location_4 .vision .inner div ul li a p {color:#fff; padding-top:15px;}
#section_type_location_4 .vision .inner div ul li:nth-child(6) a p {padding-top: 7px;}

/*location*/
#section_type_location_4 .location{width:100%; overflow:hidden; background-color: #476ccf;}
#section_type_location_4 .location .inner_left{float:left; width:60%;}
#section_type_location_4 .location .inner_right{float:right; width:40%; position:relative;}
#section_type_location_4 .location .inner_right div{width: 70%; margin: 45px 0 0 50px; overflow:hidden;}
#section_type_location_4 .location .inner_right div p{font-size:16px; line-height: 150%; color: #fff; font-weight: 300;}
#section_type_location_4 .location .inner_right div img{margin-bottom:30px; width:80px;}

/*footer*/
#section_type_location_4 footer {padding:30px 0; background:#252525;}

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

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

/*vision*/
@media screen and (max-width:1520px){
	#section_type_location_4 .vision .inner div ul li {width:108px; height:108px; margin:20px 10px;}
	#section_type_location_4 .vision .inner div ul li a {width:108px; height:108px; padding:15px;}
	#section_type_location_4 .vision .inner div ul li a img {width:44px; transition:all 0.3s;}
	#section_type_location_4 .vision .inner div ul li:hover a img {width:47px;}
	#section_type_location_4 .vision .inner div ul li a p {color:#fff; padding-top:10px; font-size:14px;}
	#section_type_location_4 .vision .inner div ul li:nth-child(6) a p {padding-top: 3px;}
}

@media screen and (max-width:1200px){
	#section_type_location_4 .vision .inner{display:flex; width:98%; height:100%; color:#fff;justify-content: space-between;}
}

@media screen and (max-width:1366px){
	#section_type_location_4 .vision h2 {font-size: 35px; margin-bottom:20px;}
}

@media screen and (max-width:780px){
	#section_type_location_4 .vision .inner div ul {flex-wrap: wrap;justify-content: flex-start;}
}

@media screen and (max-width:680px){
    #section_type_location_4 .vision h2{font-size:33px;}
    #section_type_location_4 .vision .inner div h3{font-size:28px;}
}
@media screen and (max-width:530px){
	#section_type_location_4 {margin-top: 10px;}
	#section_type_location_4 .vision .inner div ul {width: 256px; height:none;}
	#section_type_location_4 .vision .inner div ul li {margin:10px;}	
}
@media screen and (max-width:414px){/*mobile - iphone 6+,7+,8+*/
    #section_type_location_4 .vision h2{font-size:27px;margin-bottom:20px;}
}
@media screen and (max-width:375px){ /*mobile - iphone 6,7,8*/
}


/*location*/
@media screen and (max-width:1440px){
	#section_type_location_4 .location .inner_left div iframe {height:330px !important;}
}
@media screen and (max-width:1366px){
	#section_type_location_4 .location .inner_left div iframe {height:310px !important;}
	#section_type_location_4 .location .inner_right div {margin: 25px 0 0 50px;}
	#section_type_location_4 .location .inner_right div img {width:70px;}
}
@media screen and (max-width:1024px){
	#section_type_location_4 .location .inner_left, #section_type_location_4 .location .inner_right{float: none; width: 100%;}
	#section_type_location_4 .location .inner_right div{margin: 30px; width: 90%;}
	#section_type_location_4 .location .inner_right div p{font-size:15px; line-height: 20px;}
}

/*footer*/
@media screen and (max-width:1024px){
	#section_type_location_4 footer {text-align:center;}
}
@media screen and (max-width:680px){ 
	#section_type_location_4 footer address {font-size:14px;} 
}
@media screen and (max-width:414px){ /*mobile - iphone 6+,7+,8+*/
	#section_type_location_4 footer address {font-size:13px;} 
}

/*************** [location]animation ***************/


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

#section_type_location_4 {background: #fff;}

/*-------- [layout] --------*/
#section_type_location_4 .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_4 .layout .in80 {width: 79%;}
#section_type_location_4 .layout .in80 .name p{color: white; margin-bottom: 10px;margin-top: 10px; font-size: 18px;}
#section_type_location_4 .layout .in20 {width: 19%;}
#section_type_location_4 .layout .in20 img{margin-left:0px;opacity: 0.9; filter: grayscale(1);}

/*-------- [layout] --------*/


/*footer*/
#section_type_location_4 footer {padding:30px 0; background:#252525;}

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

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


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