@charset "utf-8";
/* CSS Document */
.banner {
	background: url(../images/img_product_bannner.jpg) center no-repeat;
	width: 100%;
	height: 580px;
}
.product_banner {
	padding: 206px 0px 0px 300px;
}
.product_banner h1 {
	color: #ee780c;
	font-weight: 500;
}
.product_banner p {
	padding-top: 20px;
	color: rgba(0,0,0,0.60);
 +color: #999999;
}
.product {
	overflow: hidden;
	padding: 0px 0px 80px 0px;
}
.product .list {
	/*background: #ffffff;*/
	/*height: 400px;*/
	/*margin-top: 40px;*/
	position: relative;
	display: flex;
	margin-top:40px;
	padding:70px 20px 0 0;
}
.product .list>img {
	flex: 1;
}
.product .list .product-text {
	flex: 1;
	padding: 0 25px 0 40px;
	font-size: 15px;
}

.product .list h2 {
	/*padding: 80px 0px 0px 40px;*/
	font-size: 30px;
	line-height: 50px;
	margin:70px 0 16px;
}
.product .list p {
	 /*padding: 20px 0px 0px 30px;*/
	 /*font-size: 14px;*/
	 /*color: #999999;*/
	line-height: 25px;
 }
.product .product-money{
	color:#ee780c;
	font-size: 24px;
	position: absolute;
	bottom:30px;
	left:40px;
}
.product .product-money span{
	font-size: 54px;
}
.product  h2 a {
	color: #333;
	/*padding: 0px 10px;*/
}
.product .product-list{
	display: flex;
	justify-content: space-between;
}
.product .product-list .product-money{
	position: static;
}
.product .product-list-item{
	width: 528px;
	margin:54px 24px 0;
}
.product .product-list-item h2{
	font-size: 24px;
	margin:30px 0 16px;

}
.product .product-list-item p{
	line-height: 25px;
	font-size: 15px;

}
.product .product-list-item img{
	display: block;
	width:100%;
}
.product .product-list-item .product-money{
	margin:30px 0;
}
/*.product .list a.buy {*/
	/*position: absolute;*/
	/*left: 40px;*/
	/*bottom: 40px;*/
	/*padding: 10px 20px;*/
	/*background: #ee780c;*/
	/*display: block;*/
	/*color: #ffffff;*/
	/*border-radius: 2px;*/
/*}*/
.menu {
	background: rgba(0,0,0,0.80);
 +background: #333333;
	overflow: hidden;
	display: block;
	width: 100%;
}
.menu_gary {
	background: #eeeeee;
	overflow: hidden;
	display: block;
	width: 100%;
}
.menu h4 {
	float: left;
	color: #ffffff;
	line-height: 60px;
}
.menu span, .menu_gary span {
	text-align: right;
	float: right;
	color: #999999;
	height: 60px;
	line-height: 60px;
}
.menu span a, .menu_gary span a {
	color: #ffffff;
	font-size: 14px;
	padding: 10px 20px;
}
.menu span a.select, .menu_gary span a.select {
	color: #ee780c;
}
.menu span a.buy, .menu_gary span a.buy {
	background: #ee780c;
	border-radius: 2px;
}
.menu_gary h4 {
	float: left;
	color: #333;
	line-height: 60px;
}
.menu_gary span {
	color: #999999;
}
.menu_gary span a {
	color: #777777;
}
.menu_gary span a.buy {
	color: #ffffff;
}
.specs .size {
	border-bottom: 1px solid #e5e5e5;
	padding: 0px 0px 80px 0px;
	margin: 80px auto;
}
.specs .size h4 {
	margin-bottom: 60px;
}
.specs .size p {
	text-align: center;
}
.keyboard {
	overflow: hidden;
	margin-bottom: 80px;
}
.keyboard h4 {
	float: left;
}
.keyboard .content {
	display: block;
	float: left;
	margin-left: 120px;
}
.keyboard .content p {
	line-height: 24px;
	margin: 0px 0px 30px 0px;
	font-size: 14px;
}
.keyboard .content p span {
	color: #777777;
	width: 160px;
	display: block;
	float: left;
}
.keyboard .content p strong {
	font-weight: normal;
}
.bg_function, .bg_keyboard, .bg_pedal, .bg_wood, .bg_cover {
	height: 940px;
}
.bg_function {
	background: #000000;
	position: relative;
	overflow: hidden;
}
.bg_function h1 {
	position: absolute;
	padding-bottom: 40px;
	bottom: 20%;
	right: 20%;
	z-index: 99;
	color: #cccccc;
}
.bg_function p {
	position: absolute;
	bottom: 20%;
	right: 20%;
	z-index: 99;
	color: #999999;
}
.bg_function .content {
	background: url(../images/spiano/img_function.jpg) 0px 0px no-repeat;
	height: 940px;
}
.bg_keyboard {
	background: #ffffff;
	position: relative;
	overflow: hidden;
}
.bg_keyboard h1 {
	position: absolute;
	bottom: 20%;
	left: 22%;
	padding-bottom: 40px;
	z-index: 99;
	color: #333;
}
.bg_keyboard p {
	position: absolute;
	bottom: 20%;
	left: 22%;
	z-index: 99;
	color: #777777;
}
.bg_keyboard .content {
	background: url(../images/spiano/img_keyboard.jpg) 0px -220px no-repeat;
	height: 940px;
}
.bg_pedal {
	background: #000000;
	position: relative;
	overflow: hidden;
}
.bg_pedal h1 {
	position: absolute;
	padding-bottom: 40px;
	bottom: 20%;
	right: 16%;
	z-index: 99;
	color: #cccccc;
}
.bg_pedal p {
	position: absolute;
	bottom: 20%;
	right: 16%;
	z-index: 99;
	color: #999999;
}
.bg_pedal .content {
	background: url(../images/spiano/img_pedal.jpg) 0px bottom no-repeat;
	height: 940px;
}
.bg_wood {
	position: relative;
	overflow: hidden;
}
.bg_wood h1 {
	position: absolute;
	top: 18%;
	left: 46%;
	padding-bottom: 40px;
	z-index: 99;
	color: #333;
}
.bg_wood p {
	position: absolute;
	top: 25%;
	left: 42%;
	z-index: 99;
	color: #777777;
}
.bg_wood .content {
	background: url(../images/spiano/img_wood.jpg) center bottom no-repeat;
	height: 950px;
}
.bg_cover {
	background: #000000;
	position: relative;
	overflow: hidden;
}
.bg_cover h1 {
	position: absolute;
	padding-bottom: 40px;
	top: 12%;
	right: 20%;
	z-index: 99;
	color: #cccccc;
}
.bg_cover p {
	position: absolute;
	top: 20%;
	right: 20%;
	z-index: 99;
	color: #999999;
	text-align: right;
	line-height: 30px;
}
.bg_cover .content {
	background: url(../images/spiano/img_cover.jpg) 0px -100px no-repeat;
	height: 1286px;
	margin-top: -100px;
}
/*****************************功能概述************************/

.bg_light, .bg_bluetooth, .bg_app, .bg_video {
	height: 940px;
}
.bg_light {
	background: #000000;
	position: relative;
	overflow: hidden;
}
.bg_light h1 {
	position: absolute;
	padding-bottom: 40px;
	top: 16%;
	left: 20%;
	z-index: 99;
	color: #cccccc;
}
.bg_light p {
	position: absolute;
	top: 22%;
	left: 20%;
	z-index: 99;
	color: #999999;
	line-height: 24px;
}
.bg_light .content {
	background: url(../images/spiano/img_light_sp200.jpg) 0px 0px no-repeat;
	height: 940px;
}
.bg_light.bg_light_baby .content {
	background: url(../images/spiano/img_piano_01.png) 0px 0px no-repeat;
}
.bg_light.bg_light_reel{
	background-color:#fff;
}
.bg_light.bg_light_reel h1{
	color:#333;
	left: auto;
	right: 20%;
	top: 12%;
}
.bg_light.bg_light_reel p{
	color:#777;
	left: auto;
	right: 19%;
	top: 18%;
}
.bg_light.bg_light_reel .content {
	background: url(../images/spiano/img_juan_01.png) 0px 0px no-repeat;
}
.bg_bluetooth, .bg_bluetooth_sp121 {
	background: #ffffff;
	position: relative;
	overflow: hidden;
}
.bg_bluetooth h1, .bg_bluetooth_sp121 h1 {
	position: absolute;
	top: 14%;
	left: 36%;
	padding-bottom: 40px;
	z-index: 99;
	color: #333;
}
.bg_bluetooth.bg_bluetooth_baby h1,.bg_bluetooth.bg_bluetooth_reel h1{
	left:40%;
}
.bg_bluetooth p, .bg_bluetooth_sp121 p {
	position: absolute;
	top: 22%;
	left: 39%;
	z-index: 99;
	color: #777777;
	line-height: 24px;
	text-align: center;
}
.bg_bluetooth .content {
	background: url(../images/spiano/img_bluetooth_sp200.jpg) 0px no-repeat;
	height: 940px;
}
.bg_bluetooth_sp121 .content {
	background: url(../images/spiano/img_bluetooth_sp121.jpg) 0px no-repeat;
	height: 940px;
}
.bg_bluetooth_baby .content {
	background: url(../images/spiano/img_piano_02.png) 0px no-repeat;
}
.bg_bluetooth_reel .content {
	background: url(../images/spiano/img_juan_02.png) 0px no-repeat;
}
.bg_app, .bg_app_sp121 {
	background: #000000;
	position: relative;
	overflow: hidden;
}
.bg_app h1, .bg_app_sp121 h1 {
	position: absolute;
	padding-bottom: 40px;
	top: 10%;
	left: 0%;
	width: 100%;
	text-align: center;
	z-index: 99;
	color: #cccccc;
}
.bg_app_sp121 h1 {
	top: 14%;
}
.bg_app p, .bg_app_sp121 p {
	position: absolute;
	top: 18%;
	left: 0%;
	width: 100%;
	text-align: center;
	z-index: 99;
	color: #999999;
}
.bg_app_sp121 h1 {
	top: 14%;
}
.bg_app.bg_app_reel h1 {
	top: 72%;
	left: auto;
	right: 20%;
	text-align: right;
	color:#333;
}
.bg_app.bg_app_reel p {
	color:#777;
	top: 80%;
	text-align: right;
	left: auto;
	right: 20%;
}
.bg_app_sp121 p {
	top: 22%;
}
.bg_app .content {
	background: url(../images/spiano/img_app_sp200.png) 0px bottom no-repeat;
	height: 940px;
}
.bg_app.bg_app_baby .content {
	background: url(../images/spiano/img_piano_03.png) 0px bottom no-repeat;
}
.bg_app_sp121 .content {
	background: url(../images/spiano/img_app_sp121.png) 0px bottom no-repeat;
	height: 940px;
}
.bg_app.bg_app_reel{
	background-color:#fff;
	/*background-color:#eff5f6;*/
}
.bg_app_reel .content {
	background: url(../images/spiano/img_juan_03.png) 0px top no-repeat;
	height: 940px;
}
.bg_video {
	position: relative;
	overflow: hidden;
	padding-bottom: 40px;
}
.a_focus:focus{
	outline:none;
}
.bg_video h1 {
	position: absolute;
	top: 10%;
	left: 0%;
	width: 100%;
	text-align: center;
	padding-bottom: 40px;
	z-index: 99;
	color: #333;
}
.bg_video>p {
	position: absolute;
	top: 18%;
	left: 0%;
	width: 100%;
	text-align: center;
	line-height: 24px;
	z-index: 99;
	color: #777777;
}
.bg_video .content {
	background: url(../images/spiano/img_video_sp200.png) center bottom no-repeat;
	height: 950px;
}
.bg_video.bg_video_baby .content {
	background: url(../images/spiano/img_piano_04.png) center bottom no-repeat;
}
.bg_video.bg_video_reel{
	width:1180px;
	margin: 0 auto;
	height:auto;
}
.bg_video.bg_video_reel h1{
	text-align: left;
	font-size: 24px;
	position: static;
	margin-top: 60px;
}
.bg_video .bg_video_content{
	font-size: 14px;
	display: flex;
}
.bg_video .bg_video_content ul{
	flex: 1;
}
.bg_video .bg_video_content ul li{
	display: flex;
	margin-bottom: 25px;
}
.bg_video .bg_video_content .bg_video_title{
	color:#777;
	width:150px;
}
.bg_video .bg_video_content .bg_video_text{
	color:#333;
}
/****************************智能钢琴产品*******************/
.spiano121 .bg_paint, .spiano121 .bg_key, .spiano121 .bg_pedal, .spiano121 .bg_wood, .spiano121 .bg_cover {
	height: 940px;
}
.spiano121 .bg_paint {
	background: #000000;
	position: relative;
	overflow: hidden;
}
.spiano121 .bg_paint h1 {
	position: absolute;
	padding-bottom: 40px;
	top: 14%;
	left: 0%;
	width: 100%;
	text-align: center;
	z-index: 99;
	color: #cccccc;
}
.spiano121 .bg_paint p {
	position: absolute;
	top: 21%;
	left: 0%;
	width: 100%;
	text-align: center;
	z-index: 99;
	color: #999999;
}
.spiano121 .bg_paint .content {
	background: url(../images/spiano/img_paint.jpg) 0px bottom no-repeat;
	height: 940px;
}
.spiano121 .bg_machine {
	background: #ffffff;
	position: relative;
	overflow: hidden;
}
.spiano121 .bg_machine h1 {
	position: absolute;
	top: 10%;
	left: 14%;
	padding-bottom: 40px;
	z-index: 99;
	color: #333;
}
.spiano121 .bg_machine p {
	position: absolute;
	top: 16%;
	left: 14%;
	z-index: 99;
	color: #777777;
	line-height: 30px;
}
.spiano121 .bg_machine .content {
	background: url(../images/spiano/img_machine.jpg) 0px bottom no-repeat;
	height: 940px;
}
.spiano121 .bg_key {
	background: #000000;
	position: relative;
	overflow: hidden;
}
.spiano121 .bg_key h1 {
	position: absolute;
	padding-bottom: 40px;
	bottom: 36%;
	right: 16%;
	z-index: 99;
	color: #cccccc;
}
.spiano121 .bg_key p {
	position: absolute;
	bottom: 34%;
	right: 16%;
	z-index: 99;
	color: #999999;
}
.spiano121 .bg_key .content {
	background: url(../images/spiano/img_key.jpg) 0px -440px no-repeat;
	height: 1120px;
}
.spiano121 .bg_soundboard {
	position: relative;
	overflow: hidden;
}
.spiano121 .bg_soundboard h1 {
	position: absolute;
	top: 40%;
	left: 18%;
	padding-bottom: 40px;
	z-index: 99;
	color: #333;
}
.spiano121 .bg_soundboard p {
	position: absolute;
	top: 47%;
	left: 18%;
	z-index: 99;
	color: #777777;
	line-height: 30px;
}
.spiano121 .bg_soundboard .content {
	background: url(../images/spiano/img_soundboard.jpg) 0px 0px no-repeat;
	height: 940px;
}
.spiano121 .bg_string {
	background: #000000;
	position: relative;
	overflow: hidden;
}
.spiano121 .bg_string h1 {
	position: absolute;
	padding-bottom: 40px;
	top: 14%;
	left: 20%;
	z-index: 99;
	color: #cccccc;
}
.spiano121 .bg_string p {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 99;
	color: #999999;
	text-align: left;
	line-height: 30px;
}
.spiano121 .bg_string .content {
	background: url(../images/spiano/img_string.jpg) 0px 0px no-repeat;
	height: 940px;
	margin-top: 0px;
}
.spiano121 .bg_felt {
	background: #ffffff;
	position: relative;
	overflow: hidden;
}
.spiano121 .bg_felt h1 {
	position: absolute;
	padding-bottom: 40px;
	top: 64%;
	left: 20%;
	z-index: 99;
	color: #333;
}
.spiano121 .bg_felt p {
	position: absolute;
	top: 71%;
	left: 20%;
	z-index: 99;
	color: #999999;
	text-align: left;
	line-height: 30px;
}
.spiano121 .bg_felt .content {
	background: url(../images/spiano/img_felt.jpg) 0px -300px no-repeat;
	height: 1120px;
}
/********************关于S.Piano知识**********************/
.spiano_img01 {
	background: url(../images/spiano/img_spiano_about01.jpg) center no-repeat;
	width: 100%;
	height: 800px;
}
.spiano_txt01 {
	text-align: center;
	margin: 60px auto;
}
.spiano_txt01 h2 {
	line-height: 50px;
	margin-bottom: 30px;
}
.spiano_txt01 p {
	line-height: 24px;
	font-size: 14px;
	color: #666;
}
.spiano_img02 {
	background: url(../images/spiano/img_spiano_about02.jpg) center no-repeat;
	width: 100%;
	height: 800px;
}
.spiano_txt02 {
	text-align: center;
	margin: 50px auto;
}
.spiano_txt02 h2 {
	line-height: 50px;
	margin-bottom: 30px;
}
.spiano_txt02 p {
	padding-left: 120px;
	text-align: left;
	line-height: 24px;
	font-size: 14px;
	text-indent: 30px;
	padding-bottom: 24px;
	color: #666;
}