/*全局*/

html,
body,
span,
div,
p,
a,
table,
tbody,
td,
h1,
h2,
h3,
img,
form,
font,
strong,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
dl,
dd,
dt,
iframe,
label,
blockquote,
input,
em,
dfn,
button {
	padding: 0;
	margin: 0;
	list-style: none;
	font-style: normal;
}

img {
	vertical-align: middle;
	border: none;
}

header,
nav,
footer,
section,
article,
aside {
	display: block;
}

input,
textarea {
	resize: none!important;
	outline: none!important;
}

html {
	height: 100%;
	font-size: 100px;
	-webkit-text-size-adjust: none;
}

body {
	font-size: .16rem;
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
	height: 100%;
	color: #666666;
	background-color: #222222;
}

a {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #ed6c00;
}

.none {
	display: none!important;
}

.block {
	display: block!important;
}

.point_top {
	width: 0;
	height: 0;
	float: left;
	margin-top: -1rem;
}

.point {
	width: 0;
	height: 0;
	float: left;
}


/*公共部分*/

.t_left {
	text-align: left;
}

.t_center {
	text-align: center;
}

.t_right {
	text-align: right;
}

.body_wrap {
	margin: auto;
	margin-top: .5rem;
	display: block;
	overflow: hidden;
	background-color: #fff;
	position: relative;
	min-height: 5rem;
}

.top_wrap {
	margin: auto;
	display: block;
	height: .5rem;
	position: fixed;
	top: 0;
	z-index: 9990;
	width: 100%;
}

.top_wrap .top_con {
	display: block;
	height: .5rem;
	background-color: #222;
	width: 100%;
	box-sizing: border-box;
	padding: 0 .6rem;
	text-align: center;
	position: relative;
	z-index: 9995;
}

.logo {
	background: url(../img/logo.png) no-repeat center center;
	background-size: contain;
	display: inline-block;
	width: 1.3rem;
	height: .5rem;
}

.btn_menu {
	float: left;
	margin-left: -.6rem;
	background-color: #eee;
	width: .5rem;
	height: .5rem;
	box-sizing: border-box;
	padding-top: .31rem;
	overflow: hidden;
	background: url(../img/ico_menu.png) no-repeat center -.07rem #ed6d00;
	font-size: .12rem;
	color: #FFFFFF;
	background-size: contain;
	cursor: pointer;
}

.btn_menu:hover {
	color: #FFFFFF!important;
}

.btn_vip {
	float: right;
	margin-right: -.6rem;
	background-color: #eee;
	width: .5rem;
	height: .5rem;
	box-sizing: border-box;
	padding-top: .31rem;
	overflow: hidden;
	background: url(../img/ico_vip.png) no-repeat center -.07rem #ed6d00;
	font-size: .12rem;
	color: #FFFFFF;
	background-size: contain;
}

.btn_vip:hover {
	color: #FFFFFF!important;
}

@keyframes slideInDown2 {
	from {
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}

.top_menu {
	display: none;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	position: fixed;
	top: .5rem;
	left: 0;
	z-index: 9992;
	background-color: rgba(0, 0, 0, 0.9);
	animation-name: slideInDown2;
	animation-duration: 0.2s;
	animation-fill-mode: both;
	padding: 0.05rem;
}

.menu_show .top_menu {
	display: block;
}

.menu_show .btn_menu {
	background-image: url(../img/ico_close.png);
	background-color: #FF4B5A;
}

.menu_show .btn_menu:before {
	content: "收起";
	display: block;
	margin-bottom: .5rem;
}

.top_menu a {
	color: #FFFFFF;
	font-size: .18rem;
	height: .5rem;
	text-align: left;
	line-height: .5rem;
	padding: 0 .08rem;
	box-sizing: border-box;
	white-space: nowrap;
	margin-bottom: .05rem;
	display: block;
	background-color: #222;
}

.top_menu a:hover {
	background-color: #ed6d00!important;
}

.top_menu .on {
	border-left: .02rem solid #ed6d00!important;
}

.sub-menu_wrap {
	margin: auto;
	height: .5rem;
}

.fixed_top {
	position: fixed!important;
	top: .5rem!important;
	/*left: 50%;
	margin-left: -600rem!important;*/
	z-index: 9;
	display: block;
	width: 100%;
}

.sub-menu {
	margin: auto;
	height: .4rem;
	position: relative;
	border-bottom: .02rem solid #eee;
	background-color: rgba(255, 255, 255, 0.95);
	text-align: center;
}

.sub-menu a {
	font-size: .16rem;
	height: .4rem;
	padding: 0 .1rem;
	overflow: hidden;
	line-height: .45rem;
	display: inline-block;
	position: relative;
	border-bottom: .02rem solid #eee;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.sub-menu a:hover {
	color: #000000;
}

.sub-menu .on {
	border-bottom: .02rem solid #ed6c00;
}

.con_wrap {
	overflow: hidden;
	margin: auto;
	position: relative;
	font-size: .16rem;
	text-align: center;
}

.con_wrap .con {
	overflow: hidden;
	margin: auto;
	position: relative;
	width: 100%;
	max-width: 12rem;
}

.con_wrap .img {
	margin: .2rem auto .4rem;
	display: block;
	border: none;
	width: 100%;
}

.con_wrap p {
	display: block;
	border: none;
	margin: .1rem 0;
}

.bc_gray {
	background-color: #f7f7f7!important;
}

h2 {
	display: block;
	line-height: .5rem;
	font-size: .28rem;
	color: #000;
	text-align: center;
	font-weight: normal;
	margin-top: .1rem;
}

h3 {
	display: block;
	line-height: .3rem;
	font-size: .20rem;
	color: #333;
	text-align: center;
	font-weight: normal;
	margin-top: .1rem;
}

.foot_wrap {
	overflow: hidden;
	font-size: .12rem;
	color: #FFFFFF;
	background-color: #222;
	margin-top: .2rem;
	height: .6rem;
}

.foot_wrap .con {
	overflow: hidden;
	margin: auto;
	width: 100%;
	text-align: center;
	max-width: 12rem;
	padding: .05rem 0;
	line-height: 160%;
}

.foot_wrap .con a {
	color: #fff;
}


/*首页*/


/*首页焦点图*/

.swiper-container {
	width: 100%;
	height: 3rem;
	background-color: #000000;
}

.swiper-container .swiper-slide {
	background-size: cover;
}

.ban1 {
    width: 100%;
    background: url(../img/index/ban_video.jpg) no-repeat center center #0c0908;
}
.ban0.ban1{
	width: 100%;
	background: url(../img/index/ban_video2.jpg) no-repeat center center #0c0908;
    background-size: cover;
}
.ban1 a {
	display: block;
	width: 100%;
	height: 4rem;
	margin: auto;
	overflow: hidden;
	cursor: pointer;
}

.ban2 {
	width: 100%;
	background: url(../img/index/banner-llke.jpg) no-repeat center center #000f4f;
}

.ban2 a {
	display: block;
	width: 100%;
	max-width: 1060px;
	height: 720px;
	margin: auto;
	overflow: hidden;
}

.ban3 {
	width: 100%;
	background: url(../img/pianocloud/ban_pianocloud.jpg) no-repeat center center #b4b2c8;
}

.ban3 .ban_wrap {
	margin: auto;
	display: block;
	width: 90%;
	height: 100%;
}

.ban3 .btn {
	margin-top: 1.2rem;
	float: right;
	clear: both;
	text-align: center;
	cursor: pointer;
	display: block;
	width: .6rem;
	font-size: .12rem;
	color: #FFf;
	line-height: .25rem;
	height: .25rem;
	border-radius: .25rem;
	border: none;
	background-color: #ed6d00;
	overflow: hidden;
}

.ban3 .btn:hover {
	background-color: #de6800;
}


/* 焦点图操作按钮 */

.swiper-pagination {
	bottom: .05rem !important;
}

.swiper-pagination-bullet {
	width: .1rem;
	height: .04rem;
	bottom: .05rem;
	display: inline-block;
	border-radius: .04rem;
	background: #999;
	opacity: 0.8;
}

.swiper-pagination-white .swiper-pagination-bullet {
	background: #eee;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #ccc;
}


/*首页视频播放*/


/*钢琴云学堂*/

.ban_pianocloud {
	background: url(../img/pianocloud/ban_pianocloud.jpg) no-repeat center center #b4b2c8;
	height: 2rem;
	background-size: cover;
}

.ban_pianocloud .ban_wrap {
	margin: auto;
	display: block;
	width: 90%;
	height: 100%;
}

.ban_pianocloud .btn {
	display: none!important;
	margin-top: 1.2rem;
	float: right;
	clear: both;
	text-align: center;
	cursor: pointer;
	width: .6rem;
	font-size: .12rem;
	color: #FFf;
	line-height: .25rem;
	height: .25rem;
	border-radius: .25rem;
	border: none;
	background-color: #ed6d00;
	overflow: hidden;
}

.ban_pianocloud .btn:hover {
	background-color: #de6800;
}


.pc .con_wrap {
	text-align: left;
	box-sizing: border-box;
}

.pc .con_wrap .con {
	box-sizing: border-box;
}

.pc .con_wrap img {
	display: block;
	border: none;
	width: 100%;
}

.pc .con_wrap .img_c {
	display: block;
	margin: auto;
	width: 80%;
	max-width: 5rem;
}

.pc .con_wrap .logo_c {
	display: block;
	margin: auto;
	width: 40%;
	max-width: 2.5rem;
	margin-bottom: .2rem;
}

.pc .con_wrap h4 {
	color: #666;
	font-size: .16rem;
	padding: 0 .1rem;
	text-indent: .32rem;
	margin: .15rem 0 .1rem 0;
}

.pc .con_wrap p {
	font-size: .16rem;
	text-indent: .32rem;
	padding: 0 .1rem;
	box-sizing: border-box;
	line-height: 150%;
}


/*钢琴摄像头*/

.ban_camera {
	background: url(../img/camera/ban_camera.jpg) no-repeat center bottom #fff5e5;
	height: 2rem;
	background-size: cover;
}


.ban_camera .ban_wrap {
	margin: auto;
	display: flex;
	/* width: 1160px; */
	height: 100%;
}

.ban_camera .price {
	margin-top: 1.3rem;
    float: left;
    clear: both;
    display: block;
    font-size: 0.4rem;
    color: #ed6d00;
    padding-left: 0.45rem;
}

.ban_camera .price small {
	margin-right: -0.1rem;
	margin-top: 0.3rem;
	float: left;
	display: block;
	text-align: right;
	font-size: 0.15rem;
}
.ban_camera .oldPrice {
	color: #999;
    margin-top: 1.48rem;
    float: left;
    clear: both;
    display: block;
    font-size: 0.2rem;
	margin-left: 0.1rem;
}

.camera .con_wrap {
	text-align: left;
}

.camera .con_wrap .img {
	position: absolute;
	margin-bottom: 0;
	bottom: 60rem;
	display: block;
	border: none;
	width: 100%;
}

.camera .con_wrap h4 {
	color: #666;
	font-size: .16rem;
	padding: 0 .1rem;
	text-indent: .32rem;
	margin: .15rem 0 .1rem 0;
}

.camera .con_wrap p {
	font-size: .16rem;
	padding: 0 .1rem;
	box-sizing: border-box;
	line-height: 150%;
}

.c01 {}

.c01 h4 {
	margin-top: 1.3rem !important;
}

.c01 .img01 {
	float: left;
	margin-left: 1rem;
	height: 4rem;
}

.c01 p {
	margin-right: 1rem;
}

@media only screen and (max-width:425px) {
	.c01 .img01 {
		float: left;
		margin-left: .1rem;
		height: 4rem;
	}
	.c01 p {
		margin-right: 0;
	}
}

.c02 {
	text-align: center;
}

.c02 h4 {
	text-align: center;
	text-indent: 0 !important;
}

.c02 img {
	width: 100%;
	max-width: 3rem;
}

.c03 {
	background: url(../img/camera/ca03.jpg) no-repeat center center #fff;
	background-size: auto 4rem;
	height: 4.5rem;
}

.c03 p {
	margin-top: 2.5rem;
	margin-left: 45%;
}

@media only screen and (max-width:425px) {
	.c03 {
		background-size: auto 2.8rem;
		height: 3.5rem;
	}
	.c03 p {
		margin-top: 1.8rem;
		margin-left: 40%;
	}
}

.c04 {
	background: url(../img/camera/ca04.jpg) no-repeat center center #000000!important;
	background-size: auto 2.8rem;
	height: 3rem;
}

.c04 h3 {
	color: #fff;
}

.c04 p {
	margin-top: 2rem;
	color: #fff;
	text-align: center;
}

@media only screen and (max-width:425px) {
	.c04 {
		background-size: auto 2.5rem!important;
		height: 2.5rem;
	}
	.c04 p {
		margin-top: 1.5rem;
	}
}

.c05 p {
	text-align: center;
}

.c05 img {
	width: 60%;
	max-width: 3rem;
	margin: auto;
	margin-bottom: .1rem;
	display: block;
}

.c06 {
	background: url(../img/camera/ca06_bg.jpg) repeat-x center center #fff;
	background-size: auto 100%;
}

.c06 img {
	width: 100%;
	margin: auto;
	display: block;
	max-width: 6rem;
}

.c06 p {
	color: #fff;
	text-align: center;
}

.c07 img {
	width: 100%;
	margin: auto;
	display: block;
	max-width: 6rem;
}

.c07 p {
	color: #666;
	text-align: center;
}

.c08 p {
	text-align: center;
}

.c08 img {
	width: 95%;
	max-width: 6rem;
	margin: auto;
	margin-bottom: .1rem;
	display: block;
}


/*新闻动态*/

.ban_news {
	background: url(../img/index/ban_qinqu2017.jpg) no-repeat center bottom #000f4f;
	height: 2rem;
	background-size: cover;
}

.news_list {
	display: block;
	overflow: hidden;
	margin-top: .1rem;
}

.news_list li {
	display: block;
	overflow: hidden;
	padding: 0 .1rem;
	margin-bottom: .2rem;
}

.news_list li img {
	display: block;
	width: 48%;
	float: left;
}

.news_list .new_con {
	display: block;
	float: right;
	overflow: hidden;
	text-align: left;
	font-size: .16rem;
}

.news_list h4 {
	display: block;
	text-align: center;
	font-size: .18rem;
	color: #333333;
	font-weight: normal;
	margin: .1rem 0;
}

.news_list .new_con p {
	text-indent: .28rem;
	font-size: .14rem;
	text-align: left;
	color: #666;
}

.news_list span {
	font-size: .14rem;
	display: block;
	text-align: center!important;
	color: #999;
	margin-bottom: .1rem;
}

.news_list span a {
	color: #999;
}

.news_list span a:hover {
	color: #666;
}

@media only screen and (max-width:425px) {
	.news_list li img {
		width: 100% !important;
	}
	.news_list .new_con {
		width: 100% !important;
	}
}


/*2017发布会专题*/

.news_2017 {
	background-color: #000f50;
	color: #fff;
}

.ban_news_2017 {
	background: url(../img/news2017/2017_topbg.jpg) no-repeat center top #000f50;
	height: 782px;
}

.news_2017 .con_wrap {
	background: url(../img/news2017/2017_mbg.jpg) repeat-y center top #000f50;
}

.news_2017 h3 {
	display: block;
	width: 1200px;
	margin: auto;
	margin-top: 60px;
	margin-bottom: 60px;
}

.all_video {
	background: url(../img/news2017/video_wrap.png) no-repeat;
	width: 1189px;
	height: 694px;
	overflow: hidden;
	margin: auto;
}

.all_video embed {
	margin: auto;
	margin-top: 22px;
	display: block;
}

.new_info {
	width: 1145px;
	margin: auto;
	margin-top: 30px;
	text-align: left;
}

.new_info p {
	text-indent: 36px;
	font-size: 18px;
	line-height: 30px;
}


/*媒体列表*/

.media_list {
	display: block;
	margin: auto;
	width: 100%;
	overflow: hidden;
}

.media_list a {
	display: inline-block;
	overflow: hidden;
	background-size: contain!important;
	margin: 2% 2%;
	float: left;
	width: 28%;
	min-height: .4rem;
	/*border: 1px solid #eee;*/
	opacity: 0.9;
}

.media_list a:last-child {
	margin-right: 0px;
}

.media_list a:hover {
	/*border: 1px solid #4096d6;*/
	opacity: 1;
	background-size: 100%;
}

.media_list .m_163 {
	background: url(../img/media/m_163.jpg) no-repeat center top;
}

.media_list .m_cctv {
	background: url(../img/media/m_cctv.jpg) no-repeat center top;
}

.media_list .m_hexun {
	background: url(../img/media/m_hexun.jpg) no-repeat center top;
}

.media_list .m_ifeng {
	background: url(../img/media/m_ifeng.jpg) no-repeat center top;
}

.media_list .m_jrj {
	background: url(../img/media/m_jrj.jpg) no-repeat center top;
}

.media_list .m_people {
	background: url(../img/media/m_people.jpg) no-repeat center top;
}

.media_list .m_qq {
	background: url(../img/media/m_qq.jpg) no-repeat center top;
}

.media_list .m_sina {
	background: url(../img/media/m_sina.jpg) no-repeat center top;
}

.media_list .m_sohu {
	background: url(../img/media/m_sohu.jpg) no-repeat center top;
}

.media_list .m_tady {
	background: url(../img/media/m_tady.jpg) no-repeat center top;
}

.media_list .m_xinhua {
	background: url(../img/media/m_xinhua.jpg) no-repeat center top;
}

.media_list .m_cnr {
	background: url(../img/media/m_cnr.jpg) no-repeat center top;
}

.media_list .m_fawan {
	background: url(../img/media/m_fawan.jpg) no-repeat center top;
}

.media_list .m_jiemodui {
	background: url(../img/media/m_jiemodui.jpg) no-repeat center top;
}

.media_list .m_jike {
	background: url(../img/media/m_jike.jpg) no-repeat center top;
}

.media_list .m_techweb {
	background: url(../img/media/m_techweb.jpg) no-repeat center top;
}

.media_list .m_youku {
	background: url(../img/media/m_youku.jpg) no-repeat center top;
}

.media_list .m_zhnews {
	background: url(../img/media/m_zhnews.jpg) no-repeat center top;
}

.media_list .m_aiqiyi {
	background: url(../img/media/m_aiqiyi.jpg) no-repeat center top;
}

.video_left {
	background: url(../img/news2017/ren_bg_left.png) no-repeat;
	width: 1183px;
	height: 739px;
	overflow: hidden;
	margin: auto;
	margin-bottom: 40px;
}

.video_left img {
	float: left;
	margin-top: 5px;
	margin-left: 5px;
}

.video_left .video_info {
	display: block;
	float: right;
	width: 890px;
	height: 185px;
	overflow: hidden;
}

.video_left .video_info h4 {
	display: block;
	font-weight: normal;
	font-size: 30px;
	height: 60px;
	line-height: 60px;
	margin: 0;
	margin-bottom: 10px;
}

.video_left .video_info p {
	display: block;
	padding: 0 20px 0 10px;
	font-size: 18px;
	text-indent: 36px;
	line-height: 30px;
	text-align: left;
	margin: 0;
}

.video_left embed {
	float: right;
	margin: 0;
	margin-top: 24px;
	margin-right: 22px;
}

.video_right {
	background: url(../img/news2017/ren_bg_right.png) no-repeat;
}

.video_right img {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
}

.video_right .video_info {
	display: block;
	float: left;
	width: 890px;
	height: 185px;
	overflow: hidden;
}

.video_right .video_info h4 {
	display: block;
	font-size: 30px;
	height: 60px;
	line-height: 60px;
	margin: 0;
	margin-bottom: 10px;
}

.video_right .video_info p {
	padding: 0 10px 0 20px;
}

.video_right embed {
	float: left;
	margin: 0;
	margin-top: 24px;
	margin-left: 22px;
}


/*切换图*/

.tupian {
	width: 1172px;
	/*height: 780px;*/
	margin: auto;
	margin-bottom: 50px;
}

.tupian .swiper-container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.tupian .swiper-slide {
	background-size: cover;
	background-position: center;
}

.tupian .swiper-button-next {
	right: 20px;
}

.tupian .swiper-button-prev {
	left: 20px;
}

.tupian .gallery-top {
	height: 782px;
	width: 100%;
}

.tupian .gallery-thumbs {
	height: 150px;
	box-sizing: border-box;
	padding: 10px 0;
}

.tupian .gallery-thumbs .swiper-slide {
	width: 20%;
	cursor: pointer;
	height: 100%;
	opacity: 0.4;
}

.tupian .gallery-thumbs .swiper-slide img {
	width: 100%;
}

.tupian .gallery-thumbs .swiper-slide-active {
	opacity: 1;
}


/*关于我们*/

.ban_aboutus {
	background: url(../img/aboutus/ban_aboutus.jpg) no-repeat center bottom #001f47;
	height: 2rem;
	background-size: cover;
}

.about01 {
	padding: 0 .1rem;
}

.about01 p {
	font-size: .16rem;
	text-indent: .32rem;
}

/* .about01 img {
	display: block;
	margin: auto;
	width: 80%;
	max-width: 4rem;
	margin-top: .2rem;
	margin-bottom: .2rem;
} */

.contact .con_wrap {
	text-align: left;
}

.contact .con_wrap p {
	font-size: .16rem;
	line-height: 150%;
}

.team {
	display: block;
	margin: auto;
	overflow: hidden;
}

.team ul {
	padding-left: .1rem;
	display: block;
	overflow: hidden;
	margin-top: .2rem;
}

.team li {
	padding: .05rem .05rem .05rem 1.2rem;
	display: block;
	overflow: hidden;
	min-height: 1.1rem;
	margin-bottom: .2rem;
	cursor: default;
}

.team li h4 {
	font-size: .16rem!important;
	margin-top: 0;
	margin-bottom: .1rem;
	display: block;
	height: .3rem;
	font-weight: normal;
	color: #666;
	text-align: left;
	overflow: hidden;
}

.team li b {
	display: inline-block;
	min-width: .5rem;
	margin-right: .2rem;
	color: #333;
	font-weight: normal;
	font-size: .24rem!important;
}

.team li p {
	margin: 0;
	font-size: .16rem!important;
	line-height: 140%;
	color: #666666;
}

.team .cob {
	background: url(../img/aboutus/team_cob.png) no-repeat left top;
}

.team .ceo {
	background: url(../img/aboutus/team_ceo.png) no-repeat left top;
}

.team .coo {
	background: url(../img/aboutus/team_newguan.png) no-repeat left top;
}

.team .cmo {
	background: url(../img/aboutus/team_cmo.png) no-repeat left top;
}

@media only screen and (max-width:425px) {
	.team .cob {
		background-size: .8rem;
		padding-left: .9rem;
	}
	.team .ceo {
		background-size: .8rem;
		padding-left: .9rem;
	}
	.team .coo {
		background-size: .8rem;
		padding-left: .9rem;
	}
	.team .cmo {
		background-size: .8rem;
		padding-left: .9rem;
	}
}

.reform_wrap li{
	padding: 5px;
	display: block;
	overflow: hidden;
	min-height: 110px;
	margin-bottom: 20px;
	cursor: default;
	display: flex;
	align-items: center;
	justify-content: center;
}

.reform_wrap a {
	color: #ED6C00;
}

.reform_arrow {
	width: 12px;
	height: 12px;
	background-color: #bbbbbb;
	margin-right: 15px;
	transform: rotateZ(45deg);
	
}

.reform_file {
	color: #333333;
}

.reform_file h1 {
	font-size: 28px;
	text-align: center;
	margin: 30px;
}
.reform_file h4 {
	text-indent: 2em;
	font-size: 18px;
	margin: 0;
	font-weight: normal;
}

.reform_file img {
	margin: 20px;
}

.jingyuan {
	background: url(../img/aboutus/aboutus_img02.jpg) center bottom no-repeat #05031b;
	background-size: auto 3.5rem;
	color: #fff;
	height: 3.5rem;
}

.jingyuan h3 {
	color: #fff;
}

.jingyuan p {
	padding: 0 .1rem;
	text-align: center;
}

.lianxi h3 {
	margin-bottom: .2rem !important;
}

.lianxi p {
	padding: 0 .1rem;
}

.lianxi a {
	color: #ED6C00;
}

.lianxi a:hover {
	color: #ff8c00;
}

.daohang h3 {
	margin-bottom: .2rem;
}

#allmap {
	display: block;
	width: 100%;
	height: 4rem;
	overflow: hidden;
}

#allmap .anchorBL {
	display: none !important;
}

/*服务支持*/

.service {}


.service .con_wrap {
}

.service .con_wrap .con {
	min-height: 4rem;
	padding: 0 .1rem;
	box-sizing: border-box;
}

.ban_service {
	background: url(../img/service/ban_service.jpg) no-repeat center bottom #cee2e2;
	height: 2rem;
	background-size: cover;
}

/*体验中心*/

.lx_ren_wrap {
	display: block;
	overflow: hidden;
	position: relative;
	background-color: #eee;
}

.lx_ren {
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

.lx_ren .tab_area {
	position: absolute;
	display: none;
	overflow: hidden;
	float: left;
	width: 100%;
	height: 2.8rem;
	padding: .1rem;
	box-sizing: border-box;
	background-color: #f5f5f5;
	z-index: 50;
}

.lx_ren .tab_area ul {
	display: block;
	overflow: hidden;
}

.lx_ren .tab_area li {
	font-size: .16rem;
	display: block;
	overflow: hidden;
	float: left;
	width:20%;
	padding:.03rem 0;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	border: .02rem solid #f5f5f5;
}

.lx_ren .tab_area .on,
.lx_ren .tab_area li:hover {
	background-color: #ED6C00;
	border: .02rem solid #FFFFFF;
	color: #FFFFFF;
}

.lx_ren .tab_area .close {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #ea392b;
	color: #FFFFFF;
	cursor: pointer;
	font-size: .14rem;
	padding: .05rem;
}

.lx_ren .tab_area .close:hover {
	background-color: #ea392b;
}

.lx_ren .tab_area .tit {
	font-size: .18rem;
	display: block;
	text-align: center;
	width: 100%;
	overflow: hidden;
	margin-bottom: .1rem;
}

.lx_ren .tip {
	display: block;
	text-align: left;
	font-size:.14rem;
	color: #333;
	height: .4rem;
	margin-bottom: .1rem;
}

.lx_ren .tab_area_btn {
	color: #ED6C00!important;
}

.lx_ren .tab_area_btn:hover {
	color: #ED6C00!important;
}

.lx_ren .tip b {
	font-size: 20px;
	color: #333;
	padding: 0 5px;
}

.lx_ren .tip span {
	cursor: pointer;
}

.ren_list {
	display: block;
	min-height: 2.5rem;
	overflow-y: auto;
}

.ren_list div {
	display: none;
	overflow: hidden;
}

.ren_list .on {
	display: block;
}

.ren_list ul {
	display: block;
	overflow: hidden;
	line-height: 150%;
	color: #666666;
	position: relative;
}

.ren_list ul li {
	display: block;
	overflow: hidden;
	font-size: .14rem;
	line-height: 180%;
	padding: .05rem .05rem .05rem .1rem;
	border-left: .03rem solid #eee;
	margin-bottom: .1rem;
	cursor: pointer;
	text-align: left!important;
}

.ren_list ul li.cur {
	border-left: .03rem solid #ED6C00!important;
	background-color: #f8f8f8;
}

.ren_list ul li p {
	color: #666666;
	display: block;
	overflow: hidden;
	padding-left: 50px;
	font-size: 16px !important;
	margin: 0;
}

.ren_list li b {
	display: inline-block;
	float: left;
	width: 50px;
	font-weight: normal;
	text-align: right;
	overflow: hidden;
	color: #999;
	margin-left: -50px;
}

.ren_list ul li .name {
	display: block;
	overflow: hidden;
	font-size: .2rem;
	margin: 0;
	margin-bottom: .05rem;
	font-weight: normal;
	color: #333333;
}

.ren_list dl {
	display: block;
	overflow: hidden;
	line-height: 150%;
	color: #666666;
	position: relative;
}

.ren_list dl dd {
	display: block;
	overflow: hidden;
	text-align: left;
	font-size: 16px;
	color: #999999;
	line-height: 180%;
	margin-bottom: 20px;
}

.lx_map {
	display: block;
	overflow: hidden;
	float: right;
	width: 100%;
	height: 2.5rem;
	background-color: transparent!important;
	position: relative!important;
}

.lx_map .anchorBL {
	display: none!important;
}


/*客户端下载*/

.ban_dl {
	background: url(../img/downloads/ban_pianocloud.jpg) no-repeat center center #000000;
	height: 2rem;
	background-size: auto 100%;
}

.dl_links {
	width: 90%;
	padding-top: .65rem;
	box-sizing: border-box;
}

.dl_links h3 {
	margin: auto;
	display: block;
	color: #333333;
	font-size: .40rem;
	font-weight: normal;
	border-radius: 100%;
	background-size: contain;
}

.dl_links h3 small {
	margin-top: .2rem;
	display: block;
	color: #666;
	font-size: .18rem;
}

.dl_links .btn {
	display: inline-block;
	margin: auto;
	margin-top: .3rem;
	line-height: .5rem;
	border-radius: 1rem;
	padding: 0rem .2rem;
	color: #fff;
	font-size: .18rem;
	text-align: center;
	background-color: #ed6d00;
}

.dl_links .btn:hover {
	background-color: #d96500;
}

.dl_links .links {
	display: block;
	margin-top: .1rem;
	font-size: .16rem;
	text-align: center;
}

.dl_links .ios {
	display: block;
	margin: auto;
}

.dl_links .ios i {
	background: url(../img/downloads/ico_ios.png) no-repeat center center;
}

.dl_links .and {
	display: none;
	margin: auto;
}

.dl_links .and i {
	background: url(../img/downloads/ico_and.png) no-repeat center bottom;
}

.dl_luke {
	background: url(../img/downloads/luke2.png) no-repeat center 95%;
	text-align: right;
	background-size: auto 60%;
}

.dl_niren {
	background: url(../img/downloads/niren.png) no-repeat center 95%;
	text-align: left;
	background-size: auto 60%;
}

.dl_mingshi {
	background: url(../img/downloads/mingshi.png) no-repeat center 95%;
	text-align: right;
	background-size: auto 60%;
}

.dl .con {
	width: 95%;
	height: 4rem;
}

.dl .con h4 {
	text-align: center;
	margin-top: .3rem;
	margin-bottom: .1rem;
	font-size: .26rem;
	font-weight: normal;
	color: #ed6c00;
}

.dl .con p {
	text-align: center;
	margin: 0;
	font-size: .18rem;
}

#wx-tip {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	line-height: 180%;
	box-sizing: border-box;
	padding: 20% 6% 0 6%;
	color: #FFFFFF;
	top: 0;
	z-index: 9999;
	background-color: rgba(0, 0, 0, 0.8)
}


/*浮动链接*/

.float_link {
	display: none;
	position: fixed;
	z-index: 999;
	top: 50%;
	right: .03rem;
	width: 1.5rem;
}

.float_link div {
	float: right;
	clear: both;
	display: block;
	width: .5rem;
	height: .5rem;
	margin-bottom: .05rem;
	position: relative;
}

.float_link .on {
	width: auto;
}

.float_link p {
	display: none;
	position: absolute;
	z-index: 999;
	background-color: #fff;
	top: 92%;
	right: 0;
	margin-right: 52px;
	white-space: nowrap;
	padding: .1rem;
	text-align: right;
	border: .01rem solid #eee;
	border-radius: .05rem;
	font-size: .13rem;
	color: #333333;
	line-height: 150%;
}

.float_link .on p {
	display: block!important;
}

.float_link b {
	position: absolute;
	top: 50%;
	right: -.09rem;
	margin-top: -.08rem;
	width: 0;
	height: 0rem;
	display: block;
	border-left: .08rem solid #ffffff;
	border-right: 0rem solid transparent;
	border-top: .08rem solid transparent;
	border-bottom: .08rem solid transparent;
	display: block;
}

.float_link i {
	display: block;
	width: .3rem;
	height: .3rem;
	line-height: .3rem;
	border-radius: .3rem;
	background-size: .3rem .3rem !important;
}

.float_link a {
	color: #ed6c00;
	font-weight: normal;
}
.float_link a strong {
	color: #ed6c00;
	font-weight: normal;
}

.float_link img {
	display: block;
	margin: .05rem auto;
}

.float_link .wx i {
	background: url(../img/ico_wx.png) no-repeat center center rgb(68, 181, 73);
	color: #fff;
	text-align: center;
	font-size: .20rem;
	cursor: pointer;
	float: right;
}

.float_link .wx p {
	/* height: 0.9rem; */
	width: 1.7rem;
	margin-top: -1.4rem;
	text-align: center;
	white-space: nowrap;
}
.float_link .wx a {
	display: block;
	margin: auto;
	background-color: #FF8C00;
	color: #fff;
	font-size: .16rem;
	height: .3rem;
	line-height: .3rem;
	width: 1.2rem;
	border-radius: 1rem;
	text-align: center;
	margin-top: .1rem;
}

.float_link .wx p img {
	width: 1.5rem;
}

.float_link .wx:hover i,
.float_link .wx.on i {
	background-color: rgb(68, 181, 73);
}

.float_link .act i {
	background: url(../img/ico_vip.png) no-repeat center center rgba(251, 140, 0, 0.9);
	color: #fff;
	text-align: center;
	font-size: .20rem;
	cursor: pointer;
	float: right;
}

.float_link .act p {
	height: 0.9rem;
	width: 1.7rem;
	margin-top: -.66rem;
	text-align: center;
	white-space: nowrap;
}

.float_link .act a {
	display: block;
	margin: auto;
	background-color: #FF8C00;
	color: #fff;
	font-size: .16rem;
	height: .3rem;
	line-height: .3rem;
	width: 1.2rem;
	border-radius: 1rem;
	text-align: center;
	margin-top: .1rem;
}

.float_link .act p img {
	width: 1.7rem;
}

.float_link .act:hover i,
.float_link .act.on i {
	background-color: #eb8100;
}

.float_link .act.on i {
	background-image: none;
	background-color: #ff4b5a;
}

.float_link .act.on i:after {
	content: "X";
}


/*APP下载浮层*/

.app_dl .foot_wrap {
	/* padding-bottom: .5rem!important; */
}

.app_dl .app_dl_wrap {
	display: block !important;
}

.app_dl_wrap {
	display: none;
	position: fixed;
	bottom: 0;
	z-index: 999;
	width: 100%;
	box-sizing: border-box;
	padding: 0 1rem 0 .9rem;
	height: .5rem;
	background-color: #eee;
	color: #666;
	font-size: .14rem;
	overflow: hidden;
}

.app_dl_wrap img {
	float: left;
	width: .45rem;
	height: .45rem;
	margin-top: .02rem;
	margin-left: -.52rem;
}

.app_dl_wrap span {
	cursor: pointer;
	font-family: arial;
	float: left;
	display: block;
	text-align: center;
	margin-left: -.85rem;
	width: .25rem;
	height: .25rem;
	font-size: .18rem;
	line-height: .25rem;
	margin-top: .13rem;
	border-radius: .25rem;
	background-color: #999;
	color: #fff;
}

.app_dl_wrap b {
	display: block;
	font-size: .18rem;
	height: .25rem;
	margin-top: .02rem;
	font-weight: normal;
	color: #333333;
}

.app_dl_wrap a {
	display: block;
	float: right;
	text-align: center;
	height: .5rem;
	width: 1rem;
	margin-right: -1rem;
	overflow: hidden;
	color: #fff;
	font-size: .2rem;
	line-height: .5rem;
	background-color: #ff7e15;
	overflow: hidden;
}

.app_dl_wrap a:hover {
	background-color: #ed6d00;
}

/*大事记*/
.index_tit {
	display: block;
	overflow: hidden;
	position: relative;
	margin: .15rem auto;
	height: .5rem;
	width: 2.5rem;
	text-align: center;
	color: #333333;
}

.index_tit hr {
	display: block;
	margin: auto;
	height: 0;
	border: none;
	width: 100%;
	border-bottom: 1px solid #ccc;
	top: 50%;
	z-index: 1;
	position: absolute;
}

.index_tit h2 {
	display: inline-block;
	font-weight: bold;
	font-size: .16rem;
	margin: auto;
	text-align: center;
	line-height: .5rem;
	height: .5rem;
	background-color: #fff;
	padding: 0 .25rem;
	position: relative;
	z-index: 9;
}
.events {
	margin: auto;
	width: 100%;
}

.events_list {
	display: block;
	overflow: hidden;
	position: relative;
	padding: 0 .1rem;
	margin-bottom: .5rem;
}

.events_list:before {
	content: '';
	position: absolute;
	top: -.05rem;
	left: 0.41rem;
	margin-left: -.05rem;
	height: 0;
	width: 0;
	border: .05rem solid transparent;
	border-bottom: .05rem solid #eee;
	z-index: 9;
}

.events_list li {
	display: block;
	overflow: hidden;
	position: relative;
}

.events_list li:first-child .con {
	padding-top: .30rem;
	padding-bottom: .30rem;
}

.events_list li i {
	display: block;
	width: .40rem;
	height: .40rem;
	line-height: .40rem;
	border-radius: .40rem;
	box-sizing: border-box;
	text-align: center;
	background-color: #fff;
	left: .1rem;
	top: 50%;
	font-size: .12rem;
	white-space: nowrap;
	color: #999;
	z-index: 1;
	margin: -.2rem 0 0 0;
	position: absolute;
	border: 1px solid #EEEEEE;
}

.events_list .con {
	display: block;
	min-height: .15rem;
	padding: .1rem 0;
}

.events_list .con p {
	position: relative;
	display: block;
	min-height: .4rem;
	padding: .15rem;
	padding-right: 0.4rem;
	font-size: .13rem;
	border-radius: .05rem;
	color: #666666;
	background-color: #F7F7F7;
}

.events_list .year {
	padding: 0;
}

.events_list .year i {
	width: .60rem;
	height: .60rem;
	box-sizing: border-box;
	top: auto;
	left: 0;
	bottom: 0;
	line-height: .60rem;
	border-radius: .60rem;
	background-color: #eee;
	font-size: .18rem;
	color: #999;
	margin: -.3rem 0 0 0;
	border: 1px solid #EEEEEE;
}

.events_list .year .con {
	height: .6rem;
	padding: 0;
	background-color: transparent;
	border-right: 0px solid #eee;
}

.events_list .fr {
	text-align: left;
	padding-left: 0.3rem;
}

.events_list .fr .con {
	border-left: 1px solid #eee;
	padding-left: .3rem;
}

.events_list .fr p:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -.19rem;
	margin-top: -.1rem;
	height: 0;
	width: 0;
	border: .10rem solid transparent;
	border-right: .10rem solid #F7F7F7;
}

.events_list li:hover i {
	background-color: #F7F7F7;
	border: 2px solid #e0e0e0;
}

.events_list li:hover p {
	background-color: #eee;
}

.events_list li:hover p:after {
	border-left: .10rem solid #eee;
}

.events_list li:hover p:before {
	border-right: .10rem solid #eee;
}
/*响应适配*/
@media only screen and (max-width:360px) {
	/*横幅*/
	.swiper-container,
	.ban_pianocloud,
	.ban_camera,
	.ban_news,
	.ban_aboutus,
	.ban_dl {
		height: 1.8rem;
	}
	/*下载页*/
	.dl .con {
		width: 95%;
		height: 3.3rem;
	}
	/*.dl .dl_links {
		height: 3rem!important;
	}*/
}

@media only screen and (min-width: 361px) and (max-width: 719px) {
	/*首页切换图*/
	.ban3{
		background: url(../img/pianocloud/ban_pianocloud.jpg) no-repeat  65% center #b4b2c8;
		background-size:contain;
	}
	.ban3 .btn {
		margin-top: 2rem;
		width: .8rem;
		font-size: .14rem;
		line-height: .3rem;
		height: .3rem;
		border-radius: .3rem;
	}
	.ban_pianocloud{
		background: url(../img/pianocloud/ban_pianocloud.jpg) no-repeat  65% center #b4b2c8;
		background-size:cover;
	}
	.ban_pianocloud .btn {
		margin-top:1.3rem;
		width: .8rem;
		font-size: .14rem;
		line-height: .3rem;
		height: .3rem;
		border-radius: .3rem;
	}
}

@media only screen and (min-width: 720px) {
	/*横幅*/
	.swiper-container,
	.ban_pianocloud,
	.ban_camera,
	.ban_news,
	.ban_aboutus,
	.ban_dl {
		height: 4rem;
	}
	/*下载页*/
	.dl .con {
		width: 95%;
		height: 6rem;
	}
	.dl .dl_links {
		height: 4rem!important;
	}
	/*首页切换图*/
	.ban3 {
		width: 100%;
		background: url(../img/pianocloud/ban_pianocloud.jpg) no-repeat center center #b4b2c8;
		background-size: cover;
	}
	.ban3 .ban_wrap {
		width: 90%;
		max-width: 6.5rem;
	}
	.ban3 .btn {
		margin-top: 2.7rem;
		width: .8rem;
		font-size: .18rem;
		line-height: .4rem;
		height: .4rem;
		border-radius: .4rem;
	}
}
img{max-width: 100%;}
.apbottomApp{display:none!important;}
.apbottomPC{ margin-top: 20px;margin-bottom: 20px;}
.appPage .pc .con_wrap p{color: #000;}
.aph3{margin:30px 0;}
.layui-m-layer .layui-m-layercont{padding:0;}
.divCenter,.bfbInput,.divCenter .layui-layer-content{display: flex;justify-content: flex-start;align-items: center;}
.appForm{color:#333;position: absolute;left: 66%;top: 50%;font-size: 10px;z-index: 1000;text-align: left;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.banForm{border:3px solid #ffdfb2;border-radius: 1em;padding: 1.5em;background: #fff;width: 33em;display: inline-block;font-size: 12px;position: relative;}
.banForm h2{color:#333333;font-size: 1.7em;line-height: inherit;margin-top: 0;text-align: left;margin-bottom: 0.5em;}
.bfbInput{border:3px solid #ffdfb2;border-radius: 0.84em;padding: 1em;margin-bottom: 1em;}
.bfbiIcon{width:2em;margin-right: .5em;margin-left: .5em;}
.bfbiInput{flex-grow: 1;position: relative;}
.bfbiInput input{ font-size: 14px; border:none; width: 100%;  box-sizing: border-box;height: 2em;line-height: 2em;}
.bfbiInput input::-webkit-input-placeholder {color: #999999;opacity: 1;}
.bfbiSend .btnBC{position:absolute;right:0;padding: .4em 1em;padding-bottom: .5em;color:#fff;font-size: 1em;top: 50%;cursor: pointer;border: none;outline: none;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.btnBC{border-radius: 0.5em;background: url("../img/appPage/bfb_bcbc.jpg") no-repeat left bottom;display: inline-block;background-size: cover;}
.bfBorder{border: 3px solid #ffdfb2;border-radius: 1em;padding: 1em;}
.bfBorder p{margin-bottom: 10px;font-size:1em;color: red;}
.bffSub {cursor:pointer;}
.bffSub img{ width: 100%; }
.downBC{position: absolute;left:0;bottom:14%; display: block; text-align: center; width: 100%;}
@media (max-width: 1190px) {
	.pdapp{padding:0 10px;box-sizing: border-box}
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"]{ -moz-appearance: textfield; }

.layui-m-layer0 .layui-m-layerchild{background: transparent;}
.closeAP{position: absolute;right: -1.5em;top: -1.5em;z-index: 11;width: 3em;background: #f28b00;border-radius: 50%;cursor: pointer;}
@media (max-width: 1190px) {
	.pdapp{padding:0 10px;box-sizing: border-box}
	.apbottomPC{ display: none!important;}
	.apbottomApp{ display: inline-block!important;}
}
.appPage .layui-layer-title,.layui-layer-btn{ display: none;}
.appPage .layui-layer{box-shadow: none; background: transparent;}
.layui-layer-dialog .layui-layer-content{text-align: center;}
.layui-layer-content>.bfbiSend{background: #fff;padding: 1em;border-radius: 5px;}
.bfbiSend .bfbInput>img{width:120px;height:auto;}
.sendSub{width:100%;}
.sendSub span{display:inline-block;width:50%;padding:1em 0;background: #f28b00;border-radius: 5px;color: #fff;font-size: 14px;}
.divCenter .layui-layer-content{width: 100%;align-items: center;justify-content: center;}
.msg{    color: #fff;background-color: #000; background-color: rgba(0,0,0,.8);  filter: alpha(opacity=80); padding: 12px 25px; text-align: center;
	font-size:12px;}

.new_file{text-align:left;color:#333; padding: 10px;}
.new_file h1{font-size:24px;text-align:center;margin-top:20px;}
.new_file h1 p{font-size:22px;margin-top:15px;}
.new_file h2{font-size:22px;}
.new_file h3{font-size:20px;}
.new_file h4{font-size:16px;margin: 0;font-weight: normal;}
.new_file p{font-size:12px;margin:0;line-height: 30px;}
.new_file h5{ font-size:14px;margin: 5px 0;}
.new_file h5 a{font-size:12px;color:#5959ec;text-decoration:underline;}
.center,.center .con_wrap{text-align: center;}
.mb-md20{ margin-bottom: 10px;}
.mb-md50{ margin-bottom: 20px;}
.pdrl10{padding: 0 10px}
.pdrl30{padding: 0 30px}
@media (max-width: 1190px) {
	.appForm img{width: 90%;}
}
@media (max-width: 600px) {
	.banForm{border-width:1px;padding: 1em;background: #fff;box-sizing: border-box!important;font-size: 10px; width: 100%;}
	.bfBorder{border-width:1px;padding: 1em;}
	.bfbInput{border-width:1px;padding: 0.5em;}
	.bfbiIcon{width:1.5em;}
}
#iosPhoto,#apkPhoto{ height: 150px;}
.dl .dl_links {
	height: auto!important; padding-bottom: 10px;
}