.wid {max-width:1920px; width:100%; margin:0 auto; padding:0 60px;}
@media screen and (min-width:1920px) {
	.wid {max-width:100%;}
}

.location {padding:60px 90px 90px 90px;  }
.location:after {content:''; clear:both; display: table;}

.location h3 {font-size:14px; color:#d7d7d7; }
.location h2 {font-size:25px; margin-top:12px; color:#111; font-weight:500;}

.location .map {width:100%; margin-top:30px; height:470px; background:#333; border-radius:25px;}
.location .info {padding:0 0 0 0px;}
.location .info:after {content:''; clear:both; display: table;}
.location .info .tit {float:left; width:290px; height:280px; margin-top:-100px; background:#171F09; padding:40px 42px; z-index: 1; position: relative; margin-left:40px; border-radius:15px;}
.location .info .tit span {display: inline-block; width:100%; font-size:15px; color:#fff; font-weight:400; letter-spacing:1px;}
.location .info .tit h3 {font-size:18px; color:#fff; font-weight:500; margin-top:132px; letter-spacing:.8px;}
.location .info .tit p {font-size:13px; color:#fff; font-weight:300; line-height:1.4em; margin-top:12px; letter-spacing: .5px;}

.location .info ul {float:left; width:calc(100% - 330px); padding:33px 43px;}
.location .info ul:after {content:''; clear:both; display: table;}
.location .info ul li {float:left; margin-right:85px; margin-bottom:26px; font-size:16px; color:#666;}
.location .info ul li b {font-size:18px; color:#111; margin-right:10px; display: inline-block; }
.location .info ul li img {margin-right:15px; margin-top:-2px;}
.location .info ul li:first-child {width:100%; margin-right:0;}


@media screen and (max-width:1500px) {
	.location {padding:50px 60px;}
}


@media screen and (max-width:1200px) {
	.wid {padding:0 25px;}
	.location {padding:40px 40px;}

	.location .info {padding:0;}
	.location .info .tit {display: none;}
	.location .info ul {width:100%; padding-left:20px;}
	.location .info ul li {width:100%; margin-right:0;}
}

@media screen and (max-width:1024px) {
}



@media screen and (max-width:767px) {
	.wid {padding:0 0px;}
	.location h2 {margin-top:0px; position: fixed; z-index: -1; top:127px; left:0; width:100%; color:#fff; text-align: center; }
	.location h3 { margin-top:0px; position: fixed; z-index: -1; top:106px; left:0; width:100%; color:#fff; text-align: center; font-weight:500; color:rgba(255,255,255,.8)}
	.location {padding:30px 25px 60px 25px;}

	.location .map {height:250px; margin-top:0;}
	.location .info ul {padding:30px 0;}
	.location .info ul li img {position: absolute; left:0; top:-2px;}
	.location .info ul li {position: relative; padding-left:70px; font-size:15px; margin-bottom:35px;}
	.location .info ul li b {display: inline-block; width:100%; margin-bottom:4px; font-size:16px;}
}