

/*八大空间*/
.bdkj {padding-bottom: 1rem;/*background: #f3f3f3;*/}
.bdkj h2.h2_title i {display: block;font-size: 0.5rem;}
.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: #00a2e9; color: #fff;border-color: #00a2e9;}



/*工程案例*/
.gcal {padding-bottom: 1rem;}
.gcal .gcal_con {position: relative;}
.gcal .gcal_con .gcal_btnl {display: block;width: 3rem;height: 3rem;background: url(../images/Index/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(../images/Index/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(../images/Index/gcaljtr.png) no-repeat center , #00a2e9;position: absolute;left: 0;bottom: -2rem;width: 100%;}


/*影音定制*/
.yydz {padding: 1rem 0;}
.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(../images/Index/yydzicon01.png) no-repeat center / 60%;}
.yydz .info_p2 span {background: url(../images/Index/yydzicon02.png) no-repeat center / 60%;}
.yydz .info_p3 span {background: url(../images/Index/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: #00a2e9;}



/*影音定制页面*/
.dzfa {background: #f3f3f3;padding-bottom: 1rem;}
.dzfa .conbox {display: flex;background: #fff;padding: 1rem 0.5rem;margin-bottom: 1px;}
.dzfa .conleft {width: 35%;}
.dzfa .conright {flex:1;box-sizing: border-box;padding-left: 1rem;background: url(../images/inside/dzfajtr01.png) no-repeat 1rem bottom;}
.dzfa .conright a {display: block;height: 100%;}
.dzfa .conright .p1 {font-size: 1.4rem;color: #333;margin-bottom: 0.5rem;}
.dzfa .conright .p2 {font-size: 1rem;line-height: 1.5rem;color: #333;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;height: 4.5rem;}
.dzfa .con1 .conright a {background: url(../images/inside/dzfaicon01.png) no-repeat right bottom / 10%;}
.dzfa .con2 .conright a {background: url(../images/inside/dzfaicon02.png) no-repeat right bottom / 10%;}
.dzfa .con3 .conright a {background: url(../images/inside/dzfaicon03.png) no-repeat right bottom / 10%;}
.dzfa .con4 .conright a {background: url(../images/inside/dzfaicon04.png) no-repeat right bottom / 10%;}
.dzfa .con5 .conright a {background: url(../images/inside/dzfaicon05.png) no-repeat right bottom / 10%;}
.dzfa .con6 .conright a {background: url(../images/inside/dzfaicon06.png) no-repeat right bottom / 6%;}
.dzfa .con7 .conright a {background: url(../images/inside/dzfaicon07.png) no-repeat right bottom / 10%;}
.dzfa .con8 .conright a {background: url(../images/inside/dzfaicon08.png) no-repeat right bottom / 10%;}

/*产品中心*/
.cpzx {padding-bottom: 1.5rem;}
.cpzx .cpzx_type {border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;text-align: center;margin-bottom: 1.5rem;}
.cpzx .cpzx_type li {display: inline-block; height: 3rem;line-height: 3rem;margin: 0 0.2rem;font-size: 1.1rem;color: #333;border-bottom: 2px solid transparent;}
.cpzx .cpzx_type li.on {border-bottom:2px solid #00a2e9;color: #00a2e9;} 
.cpzx .cpzx_con {}
.cpzx .cpzx_con ul li {float: left;width: 48%;margin-left: 4%;margin-bottom: 1rem;}
.cpzx .cpzx_con ul li:nth-child(2n+1) {margin-left: 0;}
.cpzx .cpzx_con ul li i {display: block;margin-top: 0.5rem;text-align: center;color: #333;}


/*关于雅乐荟*/
.gy_box1 {padding: 1.5rem 0;}
.gy_box1 h3 {font-size: 1.5rem;color: #00a2e9;font-weight: normal;margin-bottom: 1.5rem;}
.gy_box1 h3 em {display: block;width: 3rem;height: 1px; background: #00a2e9;margin-top: 1.25rem;}
.gy_box1 .p1 {font-size: 1rem;line-height: 1.5rem;color: #333;}
.gy_box1 .p2 {border-bottom: 1px solid #e0e0e0;margin-bottom: 3rem;}
.gy_box1 .p2 img {display: block;width: 100%;position: relative;top: 2rem;}
.gy_box1 ul {display: flex;padding-bottom: 1rem;border-bottom: 1px solid #e0e0e0;}
.gy_box1 ul li {flex: 1;text-align: center;}
.gy_box1 ul li b {display: block;font-size: 2rem;color: #333;}
.gy_box1 ul li i{display: block; font-size: 1rem;margin-top: 1rem;line-height: 1.25rem;}


/*旗下公司*/
.qxgs {padding-bottom: 2rem;}
.qxgs .qxgs_type {text-align: center;margin-bottom: 1rem;}
.qxgs .qxgs_type li {display: inline-block;vertical-align: middle;padding: 0.5rem 1rem;margin: 0 0.25rem;font-size: 1.1rem;border: 1px solid #dedede;}
.qxgs .qxgs_type li.on {background: #00a2e9;color: #fff;border-color: #00a2e9;}
.qxgs .qxgs_con dl dt {margin-bottom: 1rem;}
.qxgs .qxgs_con dl dt img {display: block;width: 50%; margin: 0 auto;}
.qxgs .qxgs_con dl dd:nth-of-type(1) {margin: 1rem 0;font-size: 1.2rem;color: #00a2e9;}
.qxgs .qxgs_con dl dd:nth-of-type(2) {font-size: 1rem;line-height: 1.5rem;color: #333;}

/*联系我们*/
.lxwm_nav .sideline {display: none;}
.lxwm_nav .find_nav_list {width: 100%;position: initial;}
.lxwm_nav ul {text-align: center;}
.lxwm_nav ul li.on a {border-bottom: 2px solid #00a2e9;position: relative;top: -2px;}

.lxwm {padding-bottom: 1.5rem;}
.lxwm p.p1 {border-bottom: 1px solid #cccccc;padding-top: 1rem;padding-bottom: 2rem;}
.lxwm p.p1 i {display: block;font-size: 1.2rem;color: #00a2e9;}
.lxwm p.p1 b {font-size: 1rem;text-transform: uppercase;color: #00a2e9;}

.lxwm p.p2 {padding-top: 1rem;padding-bottom: 2rem;border-bottom: 1px solid #cccccc;}
.lxwm p.p2 span {display: block;font-size: 1.2rem;color: #333;margin-bottom: 0.5rem;}
.lxwm p.p2 i{display: block;font-size: 0.5rem;}

.lxwm ul {margin: 1rem 0 2rem 0;}
.lxwm ul li {font-size: 1.1rem;color: #333;margin-bottom: 0.35rem;}
.lxwm ul li a {color: #333;}

.lxwm .p3 {padding: 2rem 0;background: url(../images/inside/lxwmtel.png) no-repeat left top;}
.lxwm .p3 a {display: block;font-size: 1.75rem;font-weight: bold;color: #00a2e9;}
.lxwm .p3 i {display: block;font-size: 1rem;color: #00a2e9;}


/*全宅软装*/
.qz_box1 {padding: 1.5rem 0;}
.qz_box1 h3 {font-size: 1.5rem;color: #00a2e9;font-weight: normal;margin-bottom: 1.5rem;}
.qz_box1 h3 em {display: block;width: 3rem;height: 1px; background: #00a2e9;margin-top: 1.25rem;}
.qz_box1 .p1 {font-size: 1rem;line-height: 1.5rem;color: #333;margin-bottom: 2rem;}
.qz_box1 .p2 img {display: block;width: 100%;}

.lmpp {padding-bottom: 2rem;}
.lmpp ul li {float: left;width: 48%;margin:0 0 0.5rem 4%;border: 1px solid #e2e2e2;box-sizing: border-box;}
.lmpp ul li img {display: block;width: 100%;}
.lmpp ul li:nth-child(2n+1) {margin-left: 0;}


/*音乐生活*/
.zmyyh {padding: 1rem 0;}
.zmyyh h3 {font-weight: normal;margin-bottom: 1rem;}
.zmyyh h3 span {display: block;font-size: 1.2rem;color: #00a2e9;margin-bottom: 0.75rem;}
.zmyyh h3 i {display: block;font-size: 1rem;margin-bottom: 0.75rem;}
.zmyyh h3 em {display: block;width: 2rem;height: 1px;background: #00a2e9;}
.zmyyh .p1 {padding: 0.5rem;font-size: 1rem;line-height: 1.5rem;margin-bottom: 1rem;}
.zmyyh .p2 img {display: block;width: 100%;}

.yyzl {padding-bottom: 2rem;}
.yyzl h2.h2_title b {font-weight: normal;color: #666;}
.yyzl .conbox {position: relative;background: #000;}
.yyzl .conbox img {display: block;width: 100%;opacity: 0.5;}
.yyzl .conbox .contit {position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;text-align: center;}
.yyzl .conbox .contit .p1 {padding-top: 15%;font-size: 1.75rem;margin-bottom: 0.25rem;}
.yyzl .conbox .contit .p2 {font-size: 1rem;}
.yyzl .conbox .contit .s2 {display: block;width: 7rem;height: 2rem;padding-bottom: 0.75rem;background: url(../images/inside/yyzlbg.png) no-repeat left top / cover;line-height: 2rem;text-align: center;position: absolute;left: -0.5rem;top: 1rem;}
.yyzl .conbox .contit .s1 {display: block;width: 6rem;height: 2rem;border: 1px solid #fff;background: url(../images/inside/yyzlbg02.png) no-repeat center;margin: 1rem auto;}

.wbh {padding-bottom: 1.5rem;}
.wbh .conbox {padding: 0.75rem;border: 1px solid #e5e5e5;margin-bottom: -1px;display: flex;}
.wbh .conbox .conleft {width: 40%;}
.wbh .conbox .conleft img {display: block;width: 100%;}
.wbh .conbox .conright {flex:1;padding-left: 1rem; background: url(../images/Index/yyshjtr.png) no-repeat 1rem bottom / 35%;padding-bottom: 0.75rem;}
.wbh .conbox .conright h3 {font-size: 1.25rem;font-weight: normal;}
.wbh .conbox .conright h3 a {color: #00a2e9;}
.wbh .conbox .conright .p1 {line-height: 1.5rem;height: 4.5rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}


/**/
.mjfc {padding-bottom: 1.5rem;}
.mjfc .mjfc_con dl {float: left;width: 48%;margin-left: 4%;}
.mjfc .mjfc_con dl:first-child {margin-left: 0;}
.mjfc .mjfc_con dl dt {width: 80%;margin: 0 auto;}
.mjfc .mjfc_con dl dd:nth-of-type(1) {font-size: 1.2rem;text-align: center;margin: 1rem 0;}
.mjfc .mjfc_con dl dd:nth-of-type(1) a {color: #333;}
.mjfc .mjfc_con dl dd:nth-of-type(2) {text-align: center;font-size: 1rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;line-height: 1.5rem;height: 3rem;margin-bottom: 1rem;}
.mjfc .mjfc_con dl dd:nth-of-type(2) a {color: #666;}
.mjfc .mjfc_con dl dd:nth-of-type(3) a {display: block;height: 1rem;background: url(../images/inside/mjfcjtr.png) no-repeat center;}
.mjfc .mjfc_switch {text-align: center;}
.mjfc .mjfc_switch li {display: inline-block;vertical-align: middle;width: 0.5rem;height: 0.5rem;background: #cccccc;border-radius: 50%;margin: 0 0.5rem;}
.mjfc .mjfc_switch li.on {background: #00a2e9;}


/**/
.jqhd {padding-bottom: 2rem;}
.jqhd .conbox {padding: 0.75rem;border: 1px solid #e5e5e5;margin-bottom: -1px;display: flex;}
.jqhd .conbox .conleft {width: 40%;}
.jqhd .conbox .conleft img {display: block;width: 100%;}
.jqhd .conbox .conright {flex: 1;padding-left: 1rem;background: url(../images/Index/yyshjtr.png) no-repeat 1rem bottom / 35%;}
.jqhd .conbox .conright h3 {font-size: 1.2rem;font-weight: normal;margin-bottom: 0.5rem;}
.jqhd .conbox .conright h3 a {color: #333;}
.jqhd .conbox .conright .p1 {line-height: 1.5rem;height: 4.5rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}

/*深圳音响展*/
.zh_box1 {padding-bottom: 2rem;}
.zh_box1 {padding: 1.5rem 0;}
.zh_box1 h3 {font-size: 1.5rem;color: #00a2e9;font-weight: normal;margin-bottom: 1.5rem;}
.zh_box1 h3 em {display: block;width: 3rem;height: 1px; background: #00a2e9;margin-top: 1.25rem;}
.zh_box1 .p1 {font-size: 1rem;line-height: 1.5rem;color: #333;}
.zh_box1 .p2 {border-bottom: 1px solid #e0e0e0;margin-bottom: 3rem;}
.zh_box1 .p2 img {display: block;width: 100%;position: relative;top: 2rem;}

/**/
.czpp {background: #00a2e9;padding-bottom: 2rem;}
.czpp h2 {padding: 2.5rem 0;position: relative;text-align: center;color: #fff;}
.czpp h2 a {display: block;font-size: 1.5rem;font-weight: lighter;color: #fff;position: relative;z-index: 1;margin-bottom: 0.5rem;}
.czpp h2 b {display: block;font-size: 1rem;z-index: 1;text-transform: uppercase;position: relative;z-index: 1;}
.czpp h2 em {display: block;width: 3rem;height: 1px;background: #fff;margin: 1rem auto 0 auto;}
.czpp h2 i {display: block;font-size: 0.5rem;font-weight: bold;text-transform: uppercase;}
.czpp .czpp_con {border-bottom: 1px solid #9d495d;border-right: 1px solid #9d495d;}
.czpp .czpp_con ul li {float: left;width: 33.3%;}
.czpp .czpp_con ul li a {display: block;border-left: 1px solid #9d495d;border-top: 1px solid #9d495d;}


/**/
.zhcd {padding-bottom: 2rem;}
.zhcd h2 {padding: 2.5rem 0;position: relative;text-align: center;color: #333;}
.zhcd h2 a {display: block;font-size: 1.5rem;font-weight: lighter;color: #00a2e9;position: relative;z-index: 1;margin-bottom: 0.5rem;}
.zhcd h2 b {display: block;font-size: 1rem;z-index: 1;text-transform: uppercase;position: relative;z-index: 1;}
.zhcd h2 em {display: block;width: 3rem;height: 1px;background: #333;margin: 1rem auto 0 auto;}
.zhcd h2 i {display: block;font-size: 0.5rem;font-weight: bold;text-transform: uppercase;}
.zhcd .zhcd_con {position: relative;}
.zhcd .zhcd_con .zhcd_btnl {display: block;width: 3rem;height: 3rem;background: url(../images/Index/jtl01.png) no-repeat center / 35% , #333;position: absolute;left: -1rem;top: 28%;z-index: 2;}
.zhcd .zhcd_con .zhcd_btnr {display: block;width: 3rem;height: 3rem;background: url(../images/Index/jtr01.png) no-repeat center / 35% , #333;position: absolute;right: -1rem;top: 28%;z-index: 2;}
.zhcd .zhcd_con .conbox {margin: 0 10%;}
.zhcd .zhcd_con .conbox dl {padding-bottom: 1.5rem;border-bottom: 2px solid #cccccc;}
.zhcd .zhcd_con .conbox dd:nth-of-type(1) {font-size: 1.2rem;margin: 1rem 0;}
.zhcd .zhcd_con .conbox dd:nth-of-type(1) a {display: block; padding-right: 2rem;background: url(../images/inside/zhcdjtr.png) no-repeat right center;}
.zhcd .zhcd_con .conbox dd:nth-of-type(2) {font-size: 1rem;line-height: 1.5rem;height: 3rem;}
.zhcd .zhcd_con .conbox dd:nth-of-type(2) a {color: #333;}

