/* banner*/
.banner{
	width: 100%;
	height: calc(100vh - 70px);
	background-color: #000000;
}
.banner .swiper-container{
	height: 100%;
}
.banner .swiper-slide{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.banner_txt{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 72px;
}
.banner .swiper-pagination{
	bottom: 30px;
}
.banner .swiper-pagination .swiper-pagination-bullet{
	width: 15px;
	height: 15px;
	background: #FFFFFF;
	opacity: 0.61;
	border-radius: 50%;
	margin: 0 8px;
}
.banner .swiper-pagination .swiper-pagination-bullet-active{
	background: #843DC1;
	opacity: 1;
}
/* banner 结束 */


/* 首页 */
.index-type-item{
	height: 380px;
	
}
.index-type-img{
	width: 49.236%;
}
.index-type-img img{
	width: 100%;
	height: 100%;
}
.index-type-text{
	background-color: #F7F7F7;
	padding: 40px 60px 70px 60px;
}
.index-type-item:nth-of-type(2n){
	flex-direction: row-reverse;
}
.index-type-item:nth-of-type(2n) .index-type-text{
	padding: 70px 60px 40px 60px;
	align-items: flex-end;
}
.index-type-text p{
	max-width: 450px;
	height: 7.5em;
	line-height: 1.875em;
}
.index-type-item:nth-of-type(2n) .index-type-text p{
	text-align: right;
}
.index-type-text a{
	width: 160px;
	height: 40px;
	line-height: 38px;
	background: transparent;
	border: 1px solid #333333;
	border-radius: 5px;
	color: #333333;
	text-align: center;
}
.index-type-text a:hover{
	background: #632E90;
	border: 1px solid #632E90;
	color: #FFFFFF;
}



.index-video-item{
	width: 48.611%;
	position: relative;
}
.index-video-item img{
	display: block;
	width: 100%;
}
.index-video-shadow{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.12);
}
.index-video-shadow i{
	display: block;
	width: 69px;
	height: 69px;
	background-image: url(../img/common/play.png);
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}


.index-about{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.index-about-main{
	width: 100%;
	height: 100%;
	min-height: 620px;
	background-color: rgba(0,0,0,0.45);
}
.index-about-top i{
	display: block;
	width: 72px;
	height: 2px;
	background: #9373B3;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.index-about-con{
	max-width: 725px;
	line-height: 2.25em;
	margin: 0 auto;
}
.index-about-btn{
	display: block;
	color: #f5f5f5;
	width: 160px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	background: transparent;
	border: 1px solid #F5F5F5;
	border-radius: 5px;
	margin: 0 auto;
}
.index-about-btn:hover{
	color: #f5f5f5;
	background: #A568E5;
	border: 1px solid #A568E5;
}


.index-case-item{
	width: 25%;
	float: left;
	height: 560px;
	position: relative;
	overflow: hidden;
}
.index-case-img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-webkit-transition: transform 0.5s ease-out;
	-o-transition: transform 0.5s ease-out;
	transition: transform 0.5s ease-out;
	z-index: 2;
}
.index-case-item:hover .index-case-img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.index-case-con{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}
.index-case-btn{
	width: 86px;
	height: 30px;
	line-height: 28px;
	text-align: center;
	border: 1px solid #FFFFFF;
	border-radius: 5px;
	color: #FFFFFF;
	margin: 0 auto;
}
.index-case-btn:hover{
	background: #632E90;
	border: 1px solid #632E90;
	color: #FFFFFF;
}


.index-news-main{
	width: 1220px;
	margin: 0 auto;
}
.index-news-main .swiper-slide a{
	display: block;
	padding: 15px 10px;
}

.index-news-main .swiper-slide a:hover .index-news-img{
	box-shadow: 0 0 15px 1px rgba(0,0,0,0.19);
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.index-news-main .swiper-slide a h3{
	margin-top: 14px;
	margin-bottom: 15px;
}
.index-news-main .swiper-slide a:hover h3{
	color: #632E90;
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

/* 首页 结束 */



/* 自动演奏钢琴 */

.autoplay1-list li{
	width: 32.333%;
	line-height: 20px;
}

.autoplay1-list li a .more{
	padding-right: 18px;
	margin-right: 15px;
	background-image: url(../img/common/arrow-right1.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.autoplay1-list li a:hover .more{
	color: #7844A6;
	background-image: url(../img/common/arrow-right2.png);
}

.autoplay2{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.autoplay2 .ny-tit *{
	color: #FFFFFF;
}
.autoplay2-list{
	width: 96%;
	max-width: 968px;
	margin: 0 auto;
}
.autoplay2-list li{
	width: 25%;
	float: left;
}
.autoplay2-list li i{
	display: block;
	width: 108px;
	height: 108px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin: 0 auto;
}
.autoplay2-list li p{
	color: #FEFEFE;
}


.autoplay3-list li{
	width: 48.3333%;
	float: left;
	margin-right: 3.3334%;
}
.autoplay3-list li:nth-of-type(2n){
	margin-right: 0;
}
.autoplay3-hover{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 6;
	background-color: rgba(0,0,0,0.5);
	padding: 36px 30px;
	overflow-x: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
.autoplay3-hover p{
	max-width: 382px;
	line-height: 18px;
}
.autoplay3-list li:hover .autoplay3-hover{
	opacity: 1;
}


.autoplay4{
	width: 100%;
	height: 360px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	line-height: 2em;
}
.autoplay4 p{
	max-width: 682px;
}
/* 自动演奏钢琴 结束 */


/* 产品详情 */
.product-details-img{
	width: 45%;
}
.product-details-img img{
	display: block;
	width: 100%;
}

.product-details-text{
	width: 50.8333%;
}
.product-details-text .lineh-30{
	line-height: 30px;
}
.taobao-buy{
	display: flex;
	align-items: flex-end;
}
.taobao-buy a{
	display: inline-flex;
	color: #333333;
	vertical-align: bottom;
	margin-right: 15px;
}

.product-details-tit-line{
	height: 1px;
	background-color: #CCCCCC;
}

.product-details-main img{
	display: block;
	margin: 0 auto;
}
/* 产品详情 结束 */


/* 静音钢琴 */
.silent1-list li{
	width: 48.333%;
}

.silent1-list li a .more{
	padding-right: 18px;
	margin-right: 15px;
	background-image: url(../img/common/arrow-right1.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.silent1-list li a:hover .more{
	color: #7844A6;
	background-image: url(../img/common/arrow-right2.png);
}

.silent2-list-item{
	position: relative;
}
.silent2-img{
	width: 50%;
	float: left;
}
.silent2-text{
	width: 50%;
	padding-left: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	float: left;
}
.silent2-text-box{
	height: 100%;
	overflow-x: hidden;
}
.silent2-list-item:nth-of-type(2n) .silent2-text{
	padding-right: 30px;
}
.silent2-list-item:nth-of-type(2n) .silent2-img{
	float: right;
}

.silent2-text-function{
	padding-top: 45px;
}
.silent2-text-good{
	padding-top: 30px;
}

.silent4{
	min-height: 460px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 98px 0;
}
.silent4-p{
	line-height: 2.25em;
	max-width: 883px;
	margin: 0 auto;
}
/* 静音钢琴 结束 */



/* 案例展示 */
.case-list li{
	width: 23.333%;
	float: left;
	margin-right: 2.2226666%;
}
.case-list li:nth-of-type(4n){
	margin-right: 0;
}
.case-list li a{
	display: block;
}
.case-list li a p{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: rgba(255,255,255,0.6);
	position: absolute;
	left: 0;
	bottom: 0;
}


.article-con{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	line-height: 30px;
	color: #4D4D4D;
}
.article-con img{
	display: block;
	margin: 0 auto;
}

.article-page{
	font-size: 0;
	text-align: center;
}
.article-page a{
	display: inline-block;
	vertical-align: middle;
	width: 140px;
	height: 40px;
	line-height: 38px;
	border: 1px solid #A568E5;
	border-radius: 20px;
	font-size: 16px;
	color: #777777;
	margin: 0 44px;
}
.article-page a:hover{
	background-color: #A568E5;
	border: 1px solid #A568E5;
	color: #FFFFFF;
}
/* 案例展示 结束 */


/* 新闻 */
.news-list li{
	width: 31.6666%;
	float: left;
	margin-right: 2.5001%;
}
.news-list li:nth-of-type(3n){
	margin-right: 0;
}
.news-list li a{
	display: block;
}
.news-list li a h3{
	margin-top: 15px;
}
.news-list li a p{
	line-height: 1.875em;
	height: 3.75em;
	margin-top: 20px;
	margin-bottom: 24px;
}
.news-icon{
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url(../img/news/news-icon.png);
	background-repeat: no-repeat;
	background-size: contain;
}
/* 新闻 结束 */



/* 关于我们 */
.about1-text{
	width: 44.58%;
	line-height: 2.25em;
	text-align: justify;
}
.about1-text p{
	padding: 0.2em 0;
}
.about1-img{
	width: 52.083%;
}
.about1-img img{
	display: block;
	width: 100%;
}
.about2{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.about2 .ny-tit *{
	color: #FFFFFF;
}
.about2-list li{
	width: 30%;
	float: left;
	margin-right: 5%;
}
.about2-list li:nth-of-type(3n){
	margin-right: 0;
}


.about2-text{
	padding: 20px 20px 25px 20px;
	background-color: #FFFFFF;
}
.about2-text p{
	line-height: 30px;
	padding-top: 10px;
}

.about3-swiper .swiper-slide{
	border: 1px solid #999999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.about3-swiper .swiper-slide img{
	display: block;
	width: 100%;
}

.about3-prev,.about3-next{
	width: 12px;
	height: 23px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	top: 50%;
	margin-top: -12px;
}

.about3-prev{
	background-image: url(../img/about/about3-prev.png);
	left: -32px;
}
.about3-next{
	background-image: url(../img/about/about3-next.png);
	right: -32px;
}
/* 关于我们 结束 */


/* 曲库 */
.video-list li{
	width: 23.75%;
	float: left;
	margin-top: 40px;
	margin-right: 1.6666%;
}
.video-list li:nth-of-type(4n){
	margin-right: 0;
}
.video-icon{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.12);
	background-image: url(../img/common/play.png);
	background-repeat: no-repeat;
	background-size: 32px 32px;
	background-position: center;
	z-index: 9;
}
.video-popup{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.46);
	opacity: 0;
	z-index: -1;
	overflow-x: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
.video-popup.show{
	opacity: 1;
	z-index: 99;
}
.video-box{
	width: 1000px;
	max-width: 98%;
	padding: 20px;
	border-radius: 10px;
	background-color: #FFFFFF;
}
.video-box video{
	width: 100%;
}
/* 曲库 结束 */


/* 联系我们 */
.contact-info{
	width: 46%;
}
.contact-info p{
	margin-bottom: 25px;
}
.contact-form{
	width: 48%;
}

.contact-form p{
	margin-bottom: 30px;
}
.contact-form input{
	width: 100%;
	height: 50px;
	background: #F7F7F7;
	padding: 0 30px;
	margin-bottom: 20px;
}
.contact-form textarea{
	width: 100%;
	height: 117px;
	background: #F7F7F7;
	padding: 0 30px;
	margin-bottom: 20px;
	border: none;
}
.contact-form-btn{
	padding-top: 20px;
	text-align: right;
}
.contact-form-btn button{
	width: 160px;
	height: 40px;
	background: #A568E5;
	border-radius: 5px;
	color: #F5F5F5;
}
/* 联系我们 结束 */