.w100 {
	display: block;
	width: 100%;
}

.product-header-emblem {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.table_view {
	display: table;
	width: 100%;
}
.teble_cell {
	display: table-cell;
	vertical-align: top;
	width: 50%;
}
.right_info {
	text-align: center;
	background-color: #131a3f;
}

/* 展示中心 */

.studio_index {
	margin-bottom: 200px;
}

/* 教师列表 */
.piaon_list_box {
	margin: 80px auto 80px;
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: left;
    -moz-justify-content: left;
    -ms-justify-content: left;
    -o-justify-content: left;
    justify-content: left;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
	width: 1200px;
}
.piano_item {
	position: relative;
	padding: 30px 54px 20px;
	margin-bottom: 38px;
	display: inline-block;
	vertical-align: top;
	width: 48%;
	height: auto;
	text-align: left;
	border: 1px solid #7d7d7d;
	border-radius: 10px;
	box-sizing: border-box;
}
.piano_item:nth-child(2n) {
	margin-left: 4%;
}
.piano_top {
	margin-bottom: 34px;
}
.teach_avatar {
	margin-right: 28px;
	display: inline-block;
	vertical-align: middle;
	width: 148px;
	height: 148px;
	border-radius: 0%;
	overflow: hidden;
	box-sizing: border-box;
}
.avatar_info {
	padding-top: 10px;
	display: inline-block;
	vertical-align: middle;
}
.teach_name {
	font-size: 26px;
	color: #000;
	font-weight: bold;
	line-height: 1;
}
.teach_contact {
	display: inline-block;
	margin: 15px 0 18px;
	width: 193px;
	height: 46px;
	line-height: 50px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	font-size: 20px;
	background-color: #131a3f;
}
.teach_contact:hover,
.teach_contact:active {
	color: #fff;
	text-decoration: none;
}
.teach_show {
	font-size: 18px;
	color: #a4a4a4;
}
.teach_saying {
	font-size: 16px;
    color: #000;
    text-align: justify;
    line-height: 1.4;
}
.teach_brief {
	margin-bottom: 0;
	font-size: 16px;
    color: #000;
    text-align: justify;
    margin-top: 34px;
    line-height: 1.4;
}
.pbt30{ padding-bottom:30px;}
.teach_Title{ color:#121a3e; margin-bottom:10px; font-weight:600;}
.teach_Honor_ul{ margin-bottom:0;}
.teach_Honor_ul li{
	padding-left: 16px;
	background: url('../images/studio/teach_Honor_ic.png') no-repeat 0 4px;
	-webkit-background-size: 10px;
	background-size: 10px;
	padding-bottom:6px;
}
.teach_Honor_ul li.hideLi{ display:none;}
#teach_Honor_ul_pop li.hideLi{ display:block;}
a.teach_more_intro,a.teach_more_intro:hover{ position:absolute; z-index:2; left:50%; margin-left:-38px; bottom:20px; display:block; background:#a39a64; border-radius:4px; color:#fff; font-size:14px; width:76px; line-height:22px; text-align:center; padding:4px 0 0;}

.popShow{ position:fixed; z-index:999; left:0; top:0; background:rgba(16,31,52,.9); height:100%; width:100%; display:none;}
.teach_intro_pop{ position:fixed; z-index:1000; width:100%; left:0; top:100px;}
.teach_intro_con_pop{ position:relative; z-index:1; background:#fff; width:90%; max-width:600px; margin:0 auto; border-radius:10px; padding:30px; text-align:left; box-sizing:border-box; max-height:80vh; overflow-y:auto;}
.closePopBtn{ position:relative; z-index:1; display:block; background: url('../images/studio/closeBtn.png') no-repeat 50% 50%; background-size:100%; width:30px; height:30px; margin:20px auto 0;}

/* 钢琴教师详情 */
.teach_detail {
	margin: 0 auto 80px;
	width: 1070px;
}
.teach_detail_tit {
	padding: 70px 10% 30px;
	text-align: center;
	/* font-size: 36px; */
	color: #000;
	line-height: 1.4;
	width:72%;
	margin:0 auto;
}
.teach_content {
	width:72%;
	margin:0 auto 40px;
	padding:0 10%;
}
.teach_content p {
	text-align: left;
}
.teach_content img {
	display: block;
	width: 100%;
}
.detail_paragraph {
	margin: 30px 0;
	font-size: 16px;
	color: #000;
	text-align: justify;
	line-height: 1.4;
}
.detail_contact {
	text-align: left;
	font-size: 20px;
	color: #000;
	line-height: 2;
	width:72%;
	margin:0 auto;
	padding:0 10%;
}
.contact_address,
.contact_user,
.contact_tel,
.contact_span {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.6;
}
.contact_address {
	padding-left: 40px;
	background: url('../images/studio/address.png') no-repeat left top;
	-webkit-background-size: 29px 27px;
	background-size: 29px 27px;
}
.contact_user {
	padding-left: 40px;
	background: url('../images/studio/user.png') no-repeat left top;
	-webkit-background-size: 29px 28px;
	background-size: 29px 28px;
}
.contact_tel {
	padding-left: 40px;
	background: url('../images/studio/tel.png') no-repeat left top;
	-webkit-background-size: 28px;
	background-size: 28px;
}
.tel,
.tel:hover,
.tel:active {
	color: #000;
	text-decoration: none;
}

/* 工作室地图 */
.studio_map_container {
	margin: 0 auto 54px;
	width: 1200px;
}
.studio_allmap_box {
	position: relative;
	border: 1px solid #aa9968;
	box-sizing: border-box;
}
.about_map_box {
	margin-bottom: 54px;
}
.map_detail_text {
	margin-bottom: 0;
	font-size: 18px;
	color: #000;
	line-height: 1.4;
}
.look_detail_btn {
	text-decoration: underline;
}
.look_detail_btn:hover,
.look_detail_btn:active {
	color: #428bca;
	text-decoration: underline;
}
/* .look_detail_tip {
	font-size: 20px;
	color: #000;
	text-decoration: underline;
} */

/* 联系我们 */
.tab_pane {
	display: none;
	margin: 0 auto;
	width: 1200px;
}
.tab_pane.show {
	display: block;
}
.about-map-overlay {
	text-align: left;
	font-size: 30px;
	color: #000;
}
.about-map-overlay .address {
	margin-bottom: 40px;
	padding: 0;
}
.about-map-overlay .address_tab,
.about-map-overlay .address_tab:hover,
.about-map-overlay .address_tab:active {
	color: #000;
	text-decoration: none;
}
.contact_mar {
	padding: 0;
	margin: 0;
	text-align: left;
}
.erweima {
	display: inline-block;
	vertical-align: middle;
	width: 200px;
}
.more {
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

/* 展示中心 */
.world-tile {
	margin-bottom: 60px;
	height: auto;
}
.world-tile>.tile-image-link {
	position: relative;
	display: block;
	width: 320px;
	height: 200px;
}
.world-tile>.tile-link {
	position: static;
	bottom: auto;
	left: auto;
	right: auto;
	color: #000;
	border-bottom-color: #000;
}

.pianoStudioLogo{ background:url(../images/studio/pianoStudioLogo.png) no-repeat 50% 50%; background-size:50%;}
.backToTop{ position:relative; z-index:1; text-align:center;}
.aboutUsAddress p{ font-size:14px; line-height:16px;}
@media screen and (max-width: 1200px) {
	.teach_detail,
	.piaon_list_box,
	.studio_map_container {
		width: 90%;
	}
}
@media screen and (max-width: 1024px) {
	/* 教师列表 */
	.piaon_list_box {
		display: block;
		margin: 80px auto;
		padding: 0 13%;
		width: 100%;
	}
	.piano_item {
		padding: 0 0 30px;
		margin-bottom: 70px;
		display: block;
		width: 100%;
		height: auto;
		border: none;
		box-sizing: border-box;
	}
	.piano_item:nth-child(2n) {
		margin-left: 0;
	}
	.border_bottom:after {
		position: absolute;
		bottom: 0;
		left: 12%;
		content: "";
		width: 76%;
		height: 3px;
		background-color: #111844;
	}
	.teach_avatar {
		margin-right: 22px;
		width: 90px;
		height: 90px;
	}
	.avatar_info {
		padding-top: 10px;
		text-align: left;
	}
	.teach_name {
		font-size: 15px;
	}
	.teach_contact {
		margin: 8px 0;
		width: 100px;
		height: 30px;
		font-size: 12px;
		line-height: 34px;
	}
	.teach_show {
		font-size: 10px;
	}
	.piano_top {
		margin-bottom: 12px;
	}
	.teach_saying {
		font-size: 12px;
	}
	.teach_brief {
		margin-top: 15px;
		font-size: 12px;
	}
	.pbt30{ padding-bottom:0px;}
	a.teach_more_intro, a.teach_more_intro:hover{ display:none;}
	.teach_Honor_ul{font-size: 12px; line-height:1.4;}
	.teach_Honor_ul li{ padding-bottom:4px; padding-left:12px; background-position:0 3px; -webkit-background-size: 6px; background-size: 6px;}
	.teach_Honor_ul li.hideLi{ display:block;}
	.teach_Title{ margin-bottom:4px;}

	/* 钢琴教师详情 */
	.teach_detail {
		padding: 0 6.8%;
		width: 100%;
	}
	.teach_detail_tit {
		padding: 30px 0 10px;
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		width:100%;
	}
	.teach_content{
		width:100%; padding:0;
	}
	.detail_paragraph {
		margin: 15px 0;
		font-size: 12px;
		line-height: 1.4;
	}
	.teach_content p {
		font-size: 14px;
	}

	.detail_contact {
		font-size: 16px;
		width:100%; padding:0;
	}
	.contact_item {
		display: flex;
		align-items: flex-start;
	}
	.contact_span {
		flex: 1;
	}
	.contact_address,
	.contact_user,
	.contact_tel,
	.contact_span {
		line-height: 1.4;
	}
	.contact_address {
		padding-left: 24px;
		-webkit-background-size: 14px 13px;
		background-size: 14px 13px;
	}
	.contact_user {
		padding-left: 24px;
		-webkit-background-size: 14px;
		background-size: 14px
	}
	.contact_tel {
		padding-left: 24px;
		-webkit-background-size: 14px;
		background-size: 14px;
	}

	/* 工作室地图 */
	.studio_map_container,
	.tab_pane {
		width: 100%;
	}
	.studio_allmap_box {
		margin-bottom: 14px;
		height: 0;
		overflow: hidden;
		padding-bottom: 100%;
	}
	.about_map_box {
		margin-bottom: 20px;
	}
/* 	.allmap {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
	} */
	.map_detail_text {
		font-size: 10px;
	}
	/* .look_detail_tip {
		font-size: 10px;
	} */
	.look_detail_btn {
	    font-size: 12px;
	}

	/* 联系我们 */
	.about-map-overlay .address,
	.footnote {
		font-size: 12px;
	}
	.address p {
		padding: 0;
		margin: 0;
		font-size:13px;
		line-height:22px;
	}
	.address p.footnote {
		font-size:15px;
		line-height:24px;
		margin-bottom:6px;
	}
	.about-map-overlay .address {
		margin-bottom: 20px;
	}
	.contact_mar {
		text-align: center;
	}
	.more {
		display: block;
	}
}
@media (max-width: 767px) {
	/* 展示中心 */
	.studio_index {
		margin-bottom: 40px;
	}
	.allmap_box {
		display: block;
		width: 300px;
		margin: 0 auto;
	}
	.allmap {
		margin: 0 auto;
		width: 300px;
		height: 300px;
	}
	.map-overlay {
		left: 0;
		margin: 40px auto 40px;
	}

	.textlink {
		margin-top: 0;
	}
}
