html, body { overflow-x:hidden; }
.cantainer .title-nav{
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #FFFFFF;
}
.title-nav.fixed{
	z-index: 30;
}

.cantainer .title-nav ul{
	width: 100%;
	text-align: center;
	z-index: 2;
	font-size: 0;
}
.cantainer .title-nav ul li{
	width: 160px;
	display: inline-block;
	vertical-align: top;
	color: #666;
	font-size: 16px;
	cursor: pointer;
}
.cantainer .title-nav ul li a{ color: #666; }
.cantainer .title-nav ul li a:hover{ color:#099AAE; }
.cantainer .title-nav ul .li-act{
	background: #099AAE;
	color: #FFFFFF;
}
.cantainer .title-nav ul .li-act a,.cantainer .title-nav ul .li-act a:hover{ color:#FFF; }
.map { width: 100%; height: 534px; text-align:center;}

.container { background-color: #fff; }
.container .section-content{ width:100%; }
.container .section-content .title-lg { font-size: 24px; font-weight: 400; padding: 30px 0; display: inline-block; position: relative; }

.container .section-content .title-lg:after { content: ''; display: block; width: 60%; height: 2px; background-color: #00A2EA; position: absolute; bottom: 20px; }

.container .section-content .title-sm { font-size: 18px; position: relative; color: #404040; }

.container .section-content .title-sm:before { content: ''; display: block; position: absolute; left: -17px; top: 9px; width: 8px; height: 8px; border-radius: 100%; background-color: #00A2EA; }

.container .section-content p, .container .section-content span { font-size: 14px; color: #737373; }

.container .section-content ul {  }

.container .section-content ul li { display: inline-block; vertical-align: top; }

.container .section-content .section-left{ float:left; width:40%; height:auto; }
.container .section-content .section-left p{ color: rgb(51, 51, 51); font-size: 16px; line-height:24px; }
.container .section-content .section-right{ float:right; width: 60%;  }
.container .section-content .section-right .map{ margin-top:10%; width:100%; height:100%;overflow:scroll; display:inline-block; min-height:500px; }

@media (max-width: 768px) and (min-width: 320px){
	.container .section-content .section-left{  width:100%;  }
	.container .section-content .section-right{  width: 100%;  }
	.cantainer .title-nav ul{ text-align: left; padding-left:20px; }
    .cantainer .title-nav ul li{ width: 100px; text-align:center; }
	.container .section-content .section-left{ padding-left:20px;}
	.container .section-content .section-right .map{ margin-top: 0; text-align:left; }

}