.ocontact_us{padding-top: 10%;}
.ocontact_us_wrap{width: 83%;margin: 0 auto;max-width: 1600px; }
.ocontact_us_title{display: inline-block;}
.ocontact_us_title .zhtitle{position: relative;}

.ocontact_us_content{float: right; width: 100%;text-align: right;position: relative;}
.ocontact_us_content::after{content: ""; position: absolute;left:0;top: 50%; width: 10%;height: 1px;background-color: #b7b7b7;}
.ocontact_us_content .ocontact_us_item{margin-left: 6%;display: inline-block;vertical-align: top;text-align: left;}
.ocontact_us_content .ocontact_us_item strong{font-weight: bold;}
.ocontact_us_map_wrap{width: 96%;margin:0 auto;position: relative;}



#map{width: 100%;}
#map::before {content: '';padding-top: 40%;float: left;}
#map::after {content: '';display: block;clear: both;}

.otelephone_list_box{width: 100%;margin-top: 12%;}
.otelephone_list{text-align: center;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;

    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap:wrap;
}

.otelephone_item{margin-bottom: 20px; padding:2%;  background-color: #ffffff;box-shadow: rgba(0,0,0,0.1) 0px 0px 14px 0px;width: 28.4%;font: 0; }
.otelephone_icon{display: inline-block;vertical-align: middle; width: 42px;height: 42px;background-repeat: no-repeat;background-position: center center;background-size: 100%;}
.otelephone_text{display: inline-block;vertical-align: middle; width: calc(100% - 60px);text-align: left;margin-left: 10px;}
.otelephone_text .otelephone_item_name{font-size: 16px;font-weight:600;}
.otelephone_text .number_box span{display: inline-block;vertical-align: top; font-size: 16px;margin-right: 20px;margin-top: 8px;word-break: break-all;}

.oguidelines{background-color: #ffffff;padding:5% 0;}
.oguidelines_title{text-align: center;}
.oguidelines_title .zhtitle{position: relative;padding-bottom: 10px;}
.oguidelines_title .zhtitle::after{content: ''; position: absolute;bottom: 0;left:50%;margin-left: -10px; width: 20px;height: 2px;background-color:#0043b2;}
.oguidelines_content{padding-top:8%;}
.oguidelines_list{
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;

	-webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;

	-webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap:wrap;}
.oguidelines_item{position: relative; width: 47%;padding:8% 5% 3% 5%; display: inline-block;vertical-align: top;  background-color: #f7f7f7;}
.oguidelines_icon{ background-repeat: no-repeat;background-position: center center; position: absolute;top:0;left:50%; border-radius:50%;background-color: #ffffff;box-shadow: rgba(0,0,0,0.1) 0px 5px 20px 0px;}
.oguidelines_name{color: #000000;font-weight: bold;}
.oguidelines_describe{color: #000000;}
.icon_metro{ background-image:url(../icon_metro.jpg); }
.icon_bus{ background-image:url(../icon_bus.png); }



@media(max-width: 767px){
	.ocontact_us{padding-top: 20%;}
	.ocontact_us_wrap{width: 94%;}
	.ocontact_us_content{margin:20px auto;}
	.ocontact_us_content::after{width: 0;}
	.ocontact_us_content .ocontact_us_item{width: 100%;margin-left: 0;margin-bottom: 20px;}
	#map{height: 400px;}
	.map_address{position: relative;width: 100%;left:0; top: 0;padding: 4%; margin-bottom: 20px;background-color: #0043b2;color: #ffffff;}
	.map_address_wrap{width: 100%;}
	.otelephone_item{width: 100%;padding:4% 2%;}
	.otelephone_text .otelephone_item_name{font-size: 15px;}
	.otelephone_text .number_box span{    font-size: 14px;margin-top: 4px;}
	.oguidelines_content { padding-top: 60px;}
	.otelephone_icon{width: 30px;height: 30px;}
	.otelephone_text{width: calc(100% - 50px);}
	.oguidelines_item{width: 100%;margin-bottom: 50px;padding:50px 20px 20px 20px;}
	.oguidelines_icon{width: 60px;height: 60px;background-size:30px;margin-top: -30px;margin-left: -30px;}
	.oguidelines_name{font-size: 15px;line-height: 30px;margin-bottom:10px;}
    .oguidelines_describe{font-size: 13px;line-height:22px;}


}

@media (min-width: 768px){
.map_address{z-index: 22; position: absolute;bottom:0;left:6%;max-width: 24%; padding:30px 20px; transform: translateY(50%);-webkit-transform:translateY(50%);-ms-transform:translateY(50%); background-color: #0043b2;color: #ffffff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;
   -webkit-align-items: center; align-items: center;}
    .map_address_wrap{width:100%;margin:0 auto;}
    /*.map_address::before {content: '';padding-top: 64%;float: left;}
.map_address::after {content: ''; display: block;clear: both;}*/
}

@media (min-width: 768px) and (max-width: 1024px){
 .ocontact_us_wrap{width: 90%;}
 .ocontact_us_content{margin:30px 0;}
 .ocontact_us_content .ocontact_us_item{font-size: 14px;line-height: 24px;}
 .map_address_wrap{font-size: 16px;line-height: 28px;}
 .oguidelines_icon{width: 80px;height: 80px;background-size:40px;margin-top: -40px;margin-left: -40px;}
 .oguidelines_name{font-size: 16px;line-height: 32px;margin-bottom:10px;}
 .oguidelines_describe{font-size: 14px;line-height:26px;}
 .otelephone_item{width: 30%;}
 .otelephone_text .otelephone_item_name{font-size: 15px;font-weight: 400;}
 .otelephone_text .number_box span{font-size: 14px;margin-top: 4px;}
 .map_address_wrap{width: 86%;font-size: 13px;line-height:22px;}

.map_address{padding: 30px 10px;max-width: 40%;}


}

@media (min-width: 1025px){

 .ocontact_us_content{margin:30px 0;}
 .ocontact_us_content .ocontact_us_item{font-size: 14px;line-height: 24px;}
 .map_address_wrap{font-size: 14px;line-height: 24px;}
 .oguidelines_icon{width: 80px;height: 80px;background-size:40px;margin-top: -40px;margin-left: -40px;}
 .oguidelines_name{font-size: 16px;line-height: 32px;margin-bottom:10px;}
 .oguidelines_describe{font-size: 14px;line-height:26px;}
 .otelephone_item{width: 30%;}
 .otelephone_text .otelephone_item_name{font-size: 15px;font-weight: 400;}
 .otelephone_text .number_box span{font-size: 14px;margin-top: 4px;}

}


@media (min-width: 1200px){

 .ocontact_us_content{margin:30px 0;}
 .ocontact_us_content .ocontact_us_item{font-size: 15px;line-height: 26px;}
 .map_address_wrap{font-size: 16px;line-height: 28px;}
 .oguidelines_icon{width: 100px;height: 100px;background-size:50px;margin-top: -50px;margin-left: -50px;}
 .oguidelines_name{font-size: 18px;line-height: 36px;margin-bottom:20px;}
 .oguidelines_describe{font-size: 16px;line-height:30px;}
 .otelephone_item{width: 30%;}
 .otelephone_text .otelephone_item_name{font-size: 15px;font-weight: 400;}
 .otelephone_text .number_box span{font-size: 14px;margin-top: 4px;}
  .otelephone_list_box{margin-top: 10%}
  
}

@media (min-width: 1400px){

 .ocontact_us_content{margin:30px 0;}
 .ocontact_us_content .ocontact_us_item{font-size: 16px;line-height: 28px;}
 .map_address_wrap{font-size: 16px;line-height: 28px;}
 .oguidelines_icon{width: 100px;height: 100px;background-size:50px;margin-top: -50px;margin-left: -50px;}
 .oguidelines_name{font-size: 18px;line-height: 36px;margin-bottom:20px;}
 .oguidelines_describe{font-size: 16px;line-height:30px;}
 .otelephone_item{width: 30%;}
 .otelephone_text .otelephone_item_name{font-size: 15px;font-weight: 400;}
 .otelephone_text .number_box span{font-size: 14px;margin-top: 10px;}

}

@media (min-width: 1600px){

 .ocontact_us_content{margin:40px 0;}
 .ocontact_us_content .ocontact_us_item{font-size: 18px;line-height: 30px;}
 .map_address_wrap{font-size: 18px;line-height: 30px;}
 .oguidelines_icon{width: 124px;height: 124px;background-size:58px;margin-top: -62px;margin-left: -62px;}
 .oguidelines_name{font-size: 20px;line-height: 40px;margin-bottom:20px;}
 .oguidelines_describe{font-size: 18px;line-height:35px;}

}