@charset "utf-8";
@font-face{font-family: myFirstFont;src: url('ANTQUAB.TTF'),url('antquai-webfont.eot'); /* IE9+ */}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0; padding:0;}
body{min-width:1200px;background:#fff; color:#000; font-size:12px; font-family:Microsoft YaHei;}
td,th,caption{font-size:14px;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal;}
a,a:hover{color:#000; text-decoration:none;}
img{border:none;}
ol,ul,li{list-style:none;}
table{border-collapse:collapse;}
i,b,em{font-style:normal;}
.clear{clear: both;height:0px;width:0px;overflow: hidden;line-height:0px;}


.W1200{width: 1200px;height: atuo;margin: 0 auto;}
.margin{float: left;width: 300px;text-align: center;height: auto;}


/*music-头部*/
.nav{width: 100%;height: 104px;overflow: hidden;}
.nav .logo{float:left;position: absolute;margin-top: 10px;}
.nav .logo .p{position:relative ;left:0px;font-family:方正姚体;font-size: 20px;}
.nav .menu{float:right;}
.nav .menu ul{overflow:hidden;}
.nav .menu ul li{float:left;width:auto;height:104px;line-height:104px;text-align:center;margin-left:40px;overflow:hidden;}
.nav .menu ul li a,.nav .menu ul li span{font-size:18px;font-size: 16px;font-family:"微软雅黑";}
.nav .menu ul li a{overflow:hidden;float:left;}
.nav .menu ul li span{display:none;}
.nav .menu ul li a:hover span{display:block;}
.index-nav{background: url(../images/nav-bg.png) repeat-x; position:absolute; top:0; left:0; width:100%; z-index:9999;min-width:1200px;}
.index-nav .logo .p,.index-nav .menu ul li a{color: #fff;}
.index-nav .menu ul li a span{color: #de683f;}

.banner{position: relative;height: 460px;}
.banner .bd{height:auto; overflow: hidden;}
.banner .bd ul li{text-align: center; vertical-align:middle;}
.banner img{height: 100%;width: 100%;}

.banner .menu{position: absolute;left: 50%;top: 50%;width: 1200px;height: 400px;margin-left: -600px;margin-top: -100px;}
.banner .menu .word{width: 300px;height: auto;float: left;overflow: hidden;text-align: center;color:#877f80;}
.banner .menu .word a{display: inline-block;}
.banner .menu .r a{background: url(../images/r.png) no-repeat;width: 139px;height: 315px;}
.banner .menu .r a:hover{background: url(../images/r1.png) no-repeat;}

.banner .menu .s a{background: url(../images/s.png) no-repeat;width: 142px;height: 313px;}
.banner .menu .s a:hover{background: url(../images/s1.png) no-repeat;}

.banner .menu .o a{background: url(../images/o.png) no-repeat;width: 150px;height: 318px;}
.banner .menu .o a:hover{background: url(../images/o1.png) no-repeat;}

.banner .menu .m a{background: url(../images/m.png) no-repeat;width: 172px;height: 310px;}
.banner .menu .m a:hover{background: url(../images/m1.png) no-repeat;}


.banner .title{display: inline-block;width: 500px;height: 100px;margin-left: -250px;margin-top: -50px;position: absolute;left:50%;top:50%;color:#FFFFFF;font-size: 72px;font-family: 'Impact';text-align: center;}
.banner .next{display: inline-block;position: absolute;left:50%;bottom:-31px;margin-left: -250px;width: 500px;height: 63px;text-align: center;}
.banner .next img{width: 66px;height: 63px;}


/*music-首页-服务*/
.index-service{width:100%;height:984px;background: #ECECEC;}
.index-service .service-serve{text-align: center;padding:100px 0px;}
.index-service .service-serve h1{font-family: Impact;font-size: 45px;color: #323232;}
.index-service .service-serve .serve{margin-top: 20px;background: url(../images/fuwu-bg.png) no-repeat center center;font-size: 16px;color: #727272;}
.index-service .service-serve .details{display: inline-block;margin-top: 20px;font-family: "[TRENDS]";font-size: 24px;color: #323232;width: 600px;}

.index-service .service-equipment{overflow: hidden;}
.index-service .service-equipment .equipment{position: relative;width: 279px;height: 370px;float: left;margin-top: 40px;margin-left:28px;position: relative;}
.index-service .service-equipment .equipment .equipment-top{width:87px;height:87px;position: absolute; left: 96px;top:-40px;}
.index-service .service-equipment .equipment .title{position:absolute;top:50%;left:0%;margin-top:-25px;text-align: center;width: 100%;height: 50px;line-height:50px;color: #fff;font-size: 24px;font-family: "微软雅黑";display: none;}
.index-service .service-more{text-align: center;margin-top: 68px;}
.index-service .service-more a{display:inline-block;font-size: 18px;font-family: Arial;padding:22px 40px;background: #7c7c7c;color:#FFF;}

/*music-首页-视频*/
.index-video{width: 100%;background: #f4e1d1;overflow: hidden;text-align: center;}

.index-video h1{margin-top:114px;}
.index-video .video-video{width: 1100px; height: 600px;margin: 0 auto;margin-top:30px;position: relative;}
.index-video .video-video .videolist{width: 64px;height: auto;position: absolute; left: -64px;overflow: hidden;}
.index-video .video-video .lis{cursor:pointer;width: 64px;height: 76px;background: url(../images/pause.png) no-repeat;text-align: center;}
.index-video .video-video .lis.playing{width: 64px;height: 76px;background: url(../images/playing.png) no-repeat;text-align: center;}
.index-video .video-video .lis.playing span{display: inline-block;margin-top:16px;font-size: 16px;font-family: 宋体;color:#fff;padding:10px;}
.index-video .video-video .video-cont{width: 100%;height: 600px;background: #000000;}




/*music-首页-案例*/
.index-service .case{overflow: hidden;}
.index-service .case .case-case{width: 279px;height: 481px;float: left;text-align: center;background: #fff;padding-top: 10px;margin: 0px auto;}
.index-service .case .case-case:hover{background: #de683f;color:#fff;}
.index-service .case .case-case .case-boot{margin-top: 30px;padding-left: 10px; padding-right: 10px;}
.index-service .case .case-case .case-boot h3{font-size: 24px;font-family: "微软雅黑";}
.index-service .case .case-case .case-boot p{text-align: left;line-height: 20px;margin-top: 15px;}


/*music-首页-8G团队*/
.index-service .team{overflow: hidden;}
 .team-team{float: left;position: relative;}
.index-service .team-team img{width: 240px;height: 417px;}
.index-service .team-team .desc{width: 160px;height: 107px;text-align: center;padding: 0px 40px;background: url(../images/tuan1.png);overflow: hidden;}
.index-service .team-team .desc-foot{position:absolute;left: 0px;top: 0px;}
.index-service .team-team .desc-top{position:absolute;left: 0px;bottom: 4px;}
.index-service .team-team .desc h1{font-size: 24px;font-family: "微软雅黑";color: #000;margin-top: 23px;}
.index-service .team-team .desc p{text-align: left;font-size: 14px;font-family: "微软雅黑";color: #000;line-height: 20px;margin-top: 10px;}
.index-service .team-team .desc a{display:block;width: 15px;height: 15px;position:absolute;right: 15px;bottom: 10px;cursor:pointer;}
.index-service .team-team .desc a.foot{background: url(../images/xx.png) no-repeat;}
.index-service .team-team .desc a.top{background: url(../images/ss.png) no-repeat;}


/*music-首页-合作品牌*/
.index-brand{background: #fff; height: auto;padding-bottom: 124px;}
.index-brand .service-serve{padding-top:80px;padding-bottom: 10px;}

.index-brand .brand{overflow: hidden;}
.index-brand .brand .brand-brand{margin: 0 auto;width: 114px;height: 50px;}
/*.brand ul li span img:hover{background: url(../images/bg1.png) no-repeat center center;width: 114px;height: 50px;}*/


/*music-首页-加入我们*/
.index-join{background: url(../images/foot-bg.jpg) no-repeat center center; height: 734px;}
.index-join .service-serve{padding-top:80px;padding-bottom:30px;}
.index-join .service-serve h1{color: #fff;}
.index-join .service-serve .serve{background: url(../images/foot-li.png) no-repeat center center; font-size: 16px;font-family: "微软雅黑";color:#fff;}
.index-join .join{overflow: hidden;text-align: center;}
.index-join .join .gently h1{font-size: 24px;font-family: "微软雅黑";color: #fff;padding-bottom: 10px;}
.index-join .join .gently .mail{width: 300px;margin: 0 auto;color: #fff;font-size: 16px;font-family: "微软雅黑";margin-top: 10px;}
.index-join .join .gently .phone{font-size: 48px;font-family: Impact;color: #fff;margin-top: 10px;}

/*music-首页-尾部*/
.foot{width: 100%; background: #000000;text-align: center;}
.foot .calm{color:#fff;font-size: 16px; font-family: "微软雅黑";width: 400px;margin:0 auto;border-bottom:2px solid #2b2b2b;padding-bottom:10px}
.foot p{color:#fff; font-family: "宋体";margin-top: 10px;}

.next{position: fixed;bottom:0;right:0;z-index: 999;height: 189px;width: 63px;}
.next a{display: block;height: 63px;height: 63px;}
.next a.a-top{background: url(../images/skip.jpg) no-repeat center top;}
.next a.a-head{background: url(../images/skip.jpg) no-repeat center center;}
.next a.a-foot{background: url(../images/skip.jpg) no-repeat center bottom;}


/*music-服务*/
.service-nav{background: #fff;}
.service-nav .logo .p{color: #000;}
.service-nav .menu ul li a{color:#de683f;}
.service-nav .menu ul li a:hover,.service-nav .menu ul li a.action{color:#000000}

.service-column{padding-top: 98px;overflow: hidden;}
.service-column a{display: inline-block;width: 290px;height: 56px;background: #dadada;line-height: 56px;text-align: center;font-size: 20px;font-family: "微软雅黑";}
.service-column a:hover,.service-column .action{background: url(../images/arrows.png) no-repeat center center;height:65px;color:#fff;}

.service-img{margin-top: 40px;margin-bottom: 30px;overflow: hidden;}
.service-img .service-img-div{width: 600px;overflow: hidden;text-align: center;float: left;margin-top: 20px;}
.service-img .service-img-img{width: 580px;height: 271px;margin: 0 auto;}
.service-img div img{width: 580px;height: 271px;}
.service-img .margin-left{margin-left: 20px;}

.service-desc{line-height: 25px;font-family: '微软雅黑';}

.service-examine{margin-top: 50px;text-align: center;margin-bottom:96px}
.service-examine a{display: inline-block;width: 217px;height: 56px;background: #3c3c3c;line-height: 56px;font-family: '[AdobeHeitiStd]';font-size: 18px;color: #fff;}


/*music-案例*/
.case-list{border-top: 2px solid #000000;overflow: hidden;padding-top: 80px;padding-bottom: 80px;}
.case-list .case-lef{width: 501px;height: 292px;float: left;text-align: center;}
.case-list .case-lef img{width: 501px;height: 292px;}
.case-list .case-rig{float: left;padding-left: 25px;width: 670px;}
.case-list .case-rig h1{font-size: 18px;font-family: "微软雅黑";color: #DE683F;}
.case-list .case-rig .desc{color-interpolation-filters: 12px;font-family: '宋体';color: #6e6e6e;padding: 20px 0px;border-bottom: 1px solid #c2c2c2;}
.case-list .case-rig .love{padding: 20px 0px;overflow: hidden;}

.case-list .case-rig .love-love{width: 255px;border-bottom: 1px solid #c2c2c2;overflow: hidden;float: left;}
.case-list .case-rig .love-love .left{display: inline-block;float: left;padding: 20px 0px 10px 0px;}
.case-list .case-rig .love-love .right{display: inline-block;float: right;width: 16px;height: 16px;background: url(../images/play_alt.png) no-repeat;margin-top: 22px;}
.case-list .case-rig .love-love .play{background: url(../images/icon_pause_alt.png) no-repeat}

.case-list .case-rig .more{border: 1px solid #de683f;width: 67px;height: 18px;color: #de683f;text-align: center;line-height: 18px;font-family: 'Arial';margin-top: 13px;}
.case-list .case-rig .more:hover{background: #de683f;color: #fff;}


/* music-影视配乐 */
.case-list .video{width:273px;float:left;margin-right: 33px;margin-top: 33px;height:auto;overflow: hidden;}
.case-list .video:nth-child(4n){margin-right: 0px;}
.case-list .video:first-child{margin-left: 0px;}
.case-list .video .video-pic{width:100%;height:153px;position:relative;overflow: hidden;}
.case-list .video .video-pic img{width:100%;height:100%}
.case-list .video .video-pic a{display: block;width: 53px;height: 53px;position: absolute;left: 50%;top: 50%;margin-left: -26.5px;margin-top: -26.5px;background: url(../images/ios.png) no-repeat center center;}

.case-list .video .vido-title{width:100%;height:20px;text-align:center;margin-top:10px;font-size:16px}

.bg{width:100%;height:100%;position: fixed;top:0px;left:0px;background: url(../images/bg1.png);z-index: 99999;}
.bg .video{width: 960px;height: 540px;background: #000;position: absolute;left: 50%;top: 50%;margin-top: -270px;margin-left: -480px;}


/*music-案例详情*/
.case-column{margin-top: 95px;overflow: hidden;}
.case-border{border-bottom: 2px solid #000000;}
.case-column span{display: inline-block;}
.case-column .column{float: left;}
.case-column .column a{background: url(../images/case-bg.png) no-repeat center center;display: inline-block;width: 168px;height: 29px;color: #000;text-align: center;line-height: 30px;font-family: '宋体';font-size: 14px;}
.case-column .column a:hover,.case-column .column .action{background: url(../images/case-bg1.png) no-repeat center center;color:#fff}

.case-column .location{float: right;color: #9d9c9c;font-size: 12px;font-family: '宋体';}
.case-column .location a{color: #9d9c9c;font-size: 12px;font-family: '宋体';}

.case-img{overflow: hidden;}
.case-img .case-case{width: 350px;height: 95px;margin-top: 95px;float: left;}
.case-img .action{margin-left: 75px}
.case-img .case-case .case-lef{width: 114px;height: 95px;text-align: center;float: left;}
.case-img .case-case .case-rig{float: left;width: autopx;height: 95px;padding-left: 20px;font-family: "Arial";font-size: 14px;color: #000000;}
.case-img .case-case .case-rig a{display: block;width: 16px;height: 16px;background: url(../images/play_alt.png) no-repeat;margin-top:10px;}
.case-img .case-case .case-rig a.play{background: url(../images/icon_pause_alt.png) no-repeat;}


/*music-关于我们*/
.about-img{margin-top: 40px;margin-bottom: 80px;overflow: hidden;}
.about-img .about-about{width: 600px;overflow: hidden;float: left;text-align: center;height: 384px;margin-top: 25px;}
.about-img .about-photo{position: relative;}
.about-img .about-photo img{width: 576px;height: 384px;}
.about-img .about-photo .photo{width:205px;height: 53px;position: absolute;left: 185px;top:130px;border: 2px solid #fff;text-align: center;line-height: 53px;font-size: 24px;font-family: '微软雅黑';color:#fff;}

/*music-关于我们-分页*/
.page{text-align: center;color: #cacaca;margin: 50px;}
.page li{display: inline;padding: 6px 10px;cursor: pointer;}
.page li.action{border: 1px solid #cacaca;color: #000;padding: 5px 9px;}
.page li:hover{border: 1px solid #cacaca;color: #000;padding: 5px 9px;}

/*music-关于我们-详情*/
.service-column .menu{margin-top: 10px;display: inline-block;text-align: center;width: 139px;height: 43px;line-height: 43px;border: 1px solid #e17550;font-family: '宋体';font-size: 14px;color: #de683f;}

.about-photo{overflow: hidden;}
.about-photo .photo{width: 20%;height: 143px;float: left;margin-top: 20px;text-align: center;}
.about-photo .photo .pho-img{padding: 3%;width: 94%;height: 94%;overflow: hidden;}
.about-photo .photo img{max-width: 100%;min-height: 100%}

.about-photo-bg{display: none;width: 100%;height: 100%;background: url(../images/bg1.png);position: fixed;left: 0;top: 0;z-index: 999;}
.photo-img{position: absolute;left: 25%;top: 10%;width: 100%;}
.photo-img img{width: 50%;z-index: 999999;}

.photo-img a{display: inline-block;width: 50px;height: 50px;position: absolute;right:-25px;top: -25px;background: url(../images/x.png) no-repeat;}
.photo-img a:hover{background: url(../images/x-s.png) no-repeat; }

/*music-消费向导*/
.expense{margin-top:70px;margin-bottom: 70px;line-height: 25px;}