@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.sec2{
	position: relative;
	padding: 50px 0;/*50 0*/
}
.sec2 .map-box{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.sec2 .map-box #map{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.sec2 .map-box #map > div{
	margin-left: -15%;
}

.sec2 .info-box .tip{
	padding: 6.73% 5.98% 0 6.73%;/*45 40 35 45*/
}
.sec2 .info-box .tip p{
	font-size: 16px;
	line-height: 1.5;
	color: #fff;
	text-align: justify;
}
.sec2 .info-box .tip p.indent{
	text-indent: 2em;
}
.sec2 .info-box{
	width: 38.9%;
	float: right;
	position: relative;
	z-index: 1;
	background-color: #186ebd;
}
.sec2 .info-box ul{
	padding: 6.73% 5.98% 5.23% 6.73%;/*45 40 35 45*/
}
.sec2 .info-box li{
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding: 5.14% 9.76% 5.14% 7.7%;/*30 57 30 45*/
	font-size: 20px;
}
.sec2 .info-box li.active{
	background-color: rgba(255,255,255,0.05);
	border-color: rgba(255,255,255,0.05);
}
.sec2 .info-box li:last-child{
	border-bottom: 0 none;
}
.sec2 .info-box li h5{
	font-size: inherit;
	color: #fff;
	position: relative;
	line-height: 1.5;
}
.sec2 .info-box li h5::after{
	content: "\F107";
	font-family: "FontAwesome";
	position: absolute;
	left: 100%;
	top: 0.25em;
	line-height: 1;
	-webkit-transition: transform 0.5s;
	transition: transform 0.5s;
}
.sec2 .info-box li.active h5::after{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.sec2 .info-box li .text{
	margin-top: 0.75em;
	display: none;
	max-height: 0;
	overflow: hidden;
	transform-origin: left top;
	transition: max-height 0.75s;
}
.sec2 .info-box li.active .text{
	display: block;
	max-height: 11em;
}
.sec2 .info-box li p{
	font-size: 0.9em;
	color: #fff;
	line-height: 1.5;
	padding-left: 3em;
	margin-bottom: 0.5em;
}
.sec2 .info-box li p:last-child{
	margin-bottom: 0;
}
.sec2 .info-box li p span{
	vertical-align: baseline;
	width: 3em;
	margin-left: -3em;
}
.sec2 .info-box li p a{
	font-size: inherit;
	color: inherit;
}
.anchorBL{
	display: none;
}
@media only screen and (max-width:1600px){
	.sec2 .info-box li{
		font-size: 18px;
	}
}
@media only screen and (max-width:1366px){
	.sec2 .info-box li{
		font-size: 16px;
	}
}

@media only screen and (max-width:1024px){
	.sec2{
		padding: 0;/*50 0*/
	}
	.sec2 .inner{
		max-width: 100%;
	}
	.sec2 .map-box{
		width: 100%;
		height: 25rem;
		position: relative;
	}
	.sec2 .map-box #map > div{
		margin-left: 0;
	}
	.sec2 .info-box{
		width: 100%;
		float: none;
	}

	.sec2 .info-box .tip p{
		font-size: 0.625rem;
	}
	.sec2 .info-box li{
		font-size: 0.75rem;
	}
}