@charset "utf-8";
/* CSS Document */
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}
@media screen and (min-width:320px) {
	html{font-size:75%;}
}
@media screen and (min-width:375px) {
	html{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	html{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	html{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	html{font-size:125%;}
}
@media screen and (min-width:640px) {
	html{font-size:150%;}
}

header {height: 0;}
header .h_box {position: absolute;left: 0;top: 0;width: 100%;}


.mbanner {position: relative;width: 100%;z-index: 1; margin-top:5rem;}
.mbanner img {display: block;width: 100%;}

.mbanner .ban_switch {position: absolute;left: 0;bottom: 1.5rem;width: 100%;z-index: 2;text-align: center;}
.mbanner .ban_switch li {display: inline-block;vertical-align: middle;width: .5rem;height: .5rem;background: url(/mobile/images/banbg01.png) no-repeat center / 90%;transition: all 0.5s;margin: 0 0.5rem;}
.mbanner .ban_switch li.on {width: 2rem;height: 2rem; background: url(/mobile/images/banbg02.png) no-repeat center / 75%;margin: 0;}


/*关于雅乐荟*/
.gyyyh {padding-bottom: 2rem;}
.gyyyh .gyyyh_type {padding: 1rem 0;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;display: flex;box-sizing: border-box;text-align: center;margin-bottom: 1rem;}
.gyyyh .gyyyh_type li {flex: 1;}
.gyyyh .gyyyh_type li b {display: block;font-size: 2.25rem;margin-bottom: 0.5rem;color: #333;}
.gyyyh .gyyyh_type li i {line-height: 1.5rem;}
.gyyyh .p1 {font-size: 1.1rem;line-height: 1.5rem;text-align: center;margin-bottom: 1rem;}
.gyyyh .p1 a {color: #333;}
.gyyyh a.morea {display: block;width: 8rem;height: 2.5rem;border: 2px solid #0a9379;text-align: center;line-height: 2.5rem;font-size: 1rem;color: #0a9379;font-weight: bold;margin: 0 auto;text-transform: uppercase;}


/*八大空间*/
.bdkj {padding-bottom: 1rem;background: #f3f3f3;}
.bdkj .bdkj_type {margin-bottom: 1rem;}
.bdkj .bdkj_type li {float: left; width: 25%;margin-bottom: 0.5rem;}
.bdkj .bdkj_type li a {display: block;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 1.1rem;color: #333;border: 1px solid #e5e5e5;background: #fff;width: 90%;}

.bdkj .bdkj_type li.on a {background: #0a9379; color: #fff;border-color: #0a9379;}

/*音乐生活*/
.yysh {}
.yysh .conbox {background: #f3f3f3;padding: 0.75rem;margin-bottom: 1px;}
.yysh .conbox .conleft {float: left;width: 35%;}
.yysh .conbox .conright {float: right;width: 60%;background: url(/mobile/images/yyshjtr.png) no-repeat left bottom / 35%;padding-bottom: 0.75rem;}
.yysh .conbox .conright h3 {font-size: 1.25rem;font-weight: normal;margin-bottom: 0.5rem;}
.yysh .conbox .conright h3 a {color: #333;}
.yysh .conbox .conright .p1 {line-height: 1.5rem;height: 3rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}


/*工程案例*/
.gcal {padding-bottom: 1rem;}
.gcal .gcal_con {position: relative;}
.gcal .gcal_con .gcal_btnl {display: block;width: 3rem;height: 3rem;background: url(/mobile/images/jtl01.png) no-repeat center / 35% , rgba(0,0,0,0.5);position: absolute;left: -1rem;top: 36%;z-index: 2;}
.gcal .gcal_con .gcal_btnr {display: block;width: 3rem;height: 3rem;background: url(/mobile/images/jtr01.png) no-repeat center / 35% , rgba(0,0,0,0.5);position: absolute;right: -1rem;top: 36%;z-index: 2;}
.gcal .gcal_con .conbox {position: relative;overflow: hidden;padding-bottom: 2rem;z-index: 1;}
.gcal .gcal_con .conbox .boxCon {position: relative;}
.gcal .gcal_con .conbox .boxCon .Conmore {background: rgba(0,0,0,0.5);position: absolute;left: 15%;bottom: 0;width: 70%;}
.gcal .gcal_con .conbox .boxCon .Conmore a {display: block;text-align: center;padding: 1rem 0 0.5rem 0;}
.gcal .gcal_con .conbox .boxCon .Conmore i {display: block;color: #fff;margin-bottom: 0.5rem;}
.gcal .gcal_con .conbox .boxCon .Conmore span {display: block;color: #fff;padding: 0 1rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;line-height: 1.25rem;height: 3.75rem;}
.gcal .gcal_con .conbox .boxCon .Conmore em {display: block;height: 2rem;background: url(/mobile/images/gcaljtr.png) no-repeat center , #0a9379;position: absolute;left: 0;bottom: -2rem;width: 100%;}


/*影音定制*/
.yydz {padding-bottom: 1.5rem;}
.yydz .info_p {display: flex;border: 1px solid #dadada;margin-bottom: 0.25rem;}
.yydz .info_p input {flex: 1;border: none;height: 3rem;line-height: 3rem;text-indent: 1.2rem;}
.yydz .info_p span {width: 3rem;height: 3rem;border-left: 1px solid #dadada;}
.yydz .info_p textarea {height: 7rem;border: none;resize: none;flex: 1;box-sizing: border-box;padding: 0.5rem;line-height: 1.5rem;text-indent: 0.75rem;}

.yydz .info_p1 span {background: url(/mobile/images/yydzicon01.png) no-repeat center / 60%;}
.yydz .info_p2 span {background: url(/mobile/images/yydzicon02.png) no-repeat center / 60%;}
.yydz .info_p3 span {background: url(/mobile/images/yydzicon03.png) no-repeat center / 60%;height: 7rem;}
.yydz .ljtja {display: block;height: 3rem;line-height: 3rem;text-align: center;color: #fff;font-size: 1.1rem;background: #0a9379;}