@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: fixed;left: 0;top: 0;width: 100%;background-color: rgba(17,17,17,0.8);}


.mbanner {position: relative;width: 100%;z-index: 1; padding-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(../images/Index/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(../images/Index/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 #851b35;text-align: center;line-height: 2.5rem;font-size: 1rem;color: #851b35;font-weight: bold;margin: 0 auto;text-transform: uppercase;}


/*八大空间*/
.bdkj {padding-bottom: 1rem;}
.bdkj .bdkj_type {margin-bottom: .4rem;}
.bdkj .bdkj_type li {float: left; width: 20%;margin-bottom: 0.5rem;}
.bdkj .bdkj_type li a {display: block;height: 3rem;line-height: 3rem;text-align: center;font-size: 1.1rem;color: #fff;width: 100%;background: #00a2e9;}
.bdkj .bdkj_type li.on a {background: #025c83; color: #fff;}
.bdkj p{ padding-top:.5em; line-height:1.6em; width:96%; margin:0 auto; text-align:center; text-indent:2em;}

/*音乐生活*/
.yysh {}
.yysh .conbox {padding:0 0 1rem;margin-bottom: 1px;}
.yysh .conbox .conleft {float: left;width: 35%;}
.yysh .conbox .conright {float: right;width: 57%; margin-right:3%;}
.yysh .conbox .conright h3 {font-size: 1.05rem;font-weight: 600;margin-bottom: 0.2rem;line-height: 1.5rem;
    height: 1.5rem;
    overflow: hidden;}
.yysh .conbox .conright h3 a {color: #333;}
.yysh .conbox .conright .p1 {line-height: 1.3rem;height: 2.6rem; overflow : hidden;}
.yysh .conbox .conright .p2 {line-height: 1.3rem;}

/*工程案例*/
.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 , #851b35;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(../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: #851b35;}

 /*产品中心*/
.productLayout{padding:0 0 .937em; margin:0 auto;}
.productLayout:after {content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.productLayout dl{width:50%; float:left;  overflow:hidden; text-align:center; position:relative;}
.productLayout dd{ position:absolute;  top: 20%;
    left: 0;
    right: 0;
    color: #fff;} 
.productLayout dt img{display: block;width: 100%;}
.productLayout dd img { width:40px;opacity: 0.7;}
.productLayout dd h5{font-size:1rem; color:#fff; line-height:1.375rem;}
.productLayout dd h5 a{color:#fff;font-size: 1.2rem;}
.productLayout dd p{   display: block;
    width: 40px;
    background: #fff;
    height: 2px;
    margin: 5px auto;
    box-shadow: 1px 1px 3px #666;}

/*森泰启源在中国*/
.mjfc {padding-bottom: 1.5rem;}
.mjfc .mjfc_con dl {float: left;width: 18%;margin:0 1%;padding-bottom: 1rem;}
.mjfc .mjfc_con dl dt {width: 100%;margin: 0 auto;}
.mjfc .mjfc_con dl dt img{width: 100%;}
.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: #000;}
.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: #000;}
.mjfc .mjfc_con dl dd:nth-of-type(3) a {display: block;height: 1rem;background: url(../images/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;}

/*product-number*/
.product-number-info {position: relative; padding:1rem 0; overflow: hidden;}
.product-number-info .product-number-inner {width: 100%;margin: 0 auto;}
.product-number-info ul{height:90px;}
.product-number-info .q {zoom: 1; }
.product-number-info li {float: left; width: 50%;height:55px;padding:25px 0 0;text-align:center}
.product-number-info li.li-1, .product-number-info li.li-3 {width:45%;}
.product-number-info li.li-2, .product-number-info li.li-4 {width:55%;}
.product-number-info li b {font-size: 30px;display: inline-block;position: relative;height:20px;line-height:20px;}
.product-number-info li p {    font-size: 1.05rem;
    height: 1.5rem;
    line-height: 1.5rem;
    font-weight: bold;}
.product-number-info li b i {font-style: 800;font-family: arial; font-style:normal;
    font-size: 30px;}
.product-number-info li b sup {position: absolute;height:20px;line-height:20px;font-size: 16px;right:-15px;top: -15px;font-weight:700}


.home-banner-video, .home-banner-video1{
	background:rgba(0,0,0,0.8);
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:none;
    z-index:1;
}
.home-banner-video video, .home-banner-video1 video{
	width:65%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}

 .home-banner{ position:relative;}
  .home-banner .video{margin-top: 56px;height: 258px;}
  .home-banner .video video{width: 100%;
    height: 100%;
    object-fit: cover;}
 .home-banner .banner-text{
	text-align: center;
	position: absolute;
	margin: auto;
	right: 0;
	top: 20%;
	left: 0;
	color: #fff;
}
.home-banner .banner-text>h1{
font-size:30px;
}
.home-banner .banner-text>h1 span{
padding:0 20px; border-right:2px solid #fff;line-height: 35px;
    height: 35px;
    display: inline-block;
 
}
.home-banner .banner-text>h1 span:last-child{
border-right:0px solid #fff;
 
 
}
.home-banner .banner-text>p{
	margin: 0 auto;
	font-size: 13px;
	line-height: 25px;
	margin-top: 24px;
}
.home-banner .banner-text>p>span{
	display: block;
}
.home-banner .banner-text .banner-play, .home-banner .banner-text .banner-play1{
	display: inline-block;
	width: 120px;
	height: 40px;
	margin: 0 3%;
	margin-top:5%;
	border: 2px solid rgba(255,255,255,0.7);
	line-height: 40px;
	font-size: 14px;
	cursor: pointer;
	position:relative;
	letter-spacing: 3px;
	font-weight: 600;
	cursor:pointer;}


.home-customer a {
       width: 115px;
    height: 36px;
    line-height: 36px;
    font-weight: normal;
    font-size: 13px;
    display: block;
    border: 1px solid #333333;
    text-align: center;
    
    margin: auto;
    
    margin-top: 4%;
   
    color: #676767;
    margin-bottom: 5%;
} 
.home-customer a span {
    display: block;
    letter-spacing: 1px;
    font-size: 13px;
}

  .productLayout1{ margin:0 auto;}
.productLayout1:after {content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.productLayout1 dl{width:50%; float:left;  overflow:hidden;text-align:center; position:relative;}
.productLayout1 dt img{display: block;width: 100%;}
.productLayout1 dd { position:absolute; bottom:0; height:3rem; width:100%; background-color: rgba(17,17,17,0.8); }
.productLayout1 dd h5{font-size:1rem; color:#fff; line-height:3rem;
  overflow: hidden;}
.productLayout1 dd h5 a{color:#fff;}