#fullPage-nav{_display:none;font-size:12px}
#fullPage-nav li{width:90px;height:21px;margin:10px 0 0;vertical-align:middle}
#fullPage-nav li a{float:right;width:21px;height:21px;color:#8F9DA4;text-decoration:none;text-align:right;background: url(../../img/music/dot2.png) 5px 5px no-repeat;}
#fullPage-nav li .active{background-position:0 bottom}
#fullPage-nav span{display:none}

.fullPage-tooltip{float:left;top:0;margin-right:5px;font:12px "Microsoft Yahei";color:white;line-height:21px}
.section{position:relative;overflow:hidden}
.section .bg{position:absolute;left:0;top:0;width:100%;height:100%}
.section .bg img{display:block;width:100%;height:100%}

.p11{position:absolute;left:50%;top:50%;width:600px;margin:0 0 0 -280px;font-size:14px;color:#94a7c6;opacity:0;transition:all 0.5s}

.section h3{position:absolute;left:50%;top:15%;z-index:10;width:512px;height:45px;margin-left:-256px;margin-top:60px;text-indent:-9999px;background-repeat:no-repeat;opacity:0;-webkit-transform:scale(0.5,0.5);transform:scale(0.5,0.5);transition:all 1s}

.p1{position:absolute;left:50%;top:15%;width:510px;margin-left:-255px;margin-top:130px;font-size:16px;color:#727F8C;opacity:0;transition:all 1s}
.copyright{position:absolute;left:0;bottom:20px;width:100%;text-align:center;font-size:0}
.copyright a,.copyright span{margin:0 7px;font-size:12px;color:#a0a0a0}


/*new*/
.bg11{position:absolute;left:50%;top:75%;width:914px;height:392px;margin:-196px 0 0 -457px;background:url(../../img/music/music_slogan.png) no-repeat;transition:all 1s;z-index:2;opacity:0}
.active .bg11{opacity:1;transition-delay:1.2s;top:50%}
.bg12{position:absolute;left:50%;bottom:0;width:92px;height:30px;background:url(../../img/music/icon.png) -10px -75px no-repeat;transition:all 1s;z-index:2;opacity:0}
.bg12:hover{background:url(../../img/music/icon.png) -10px -115px no-repeat}
.active .bg12{opacity:1;transition-delay:1.2s;bottom:40px}
.music_course_show_area{width:1200px;position:absolute;top:220px;left:50%;margin:0 0 0 -600px}

.personalWorks{display:inline-block;width: 283px;border-radius: 20px;position:relative;transition:all .2s linear;overflow:hidden;margin: 0 18px 30px 0;}

.personalWorks a:hover{color:#000}
.personalWorks:nth-child(4n+4){margin:0 0 30px 0;}
.worksImg{width:100%;height: 178px;overflow:hidden;transition: all 1.4s;-moz-transition: all 1.4s;-webkit-transition: all 1.4s;-o-transition: all 1.4s;margin: 0 0 0 0;}
.worksImg:hover{cursor:pointer;transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.worksImg img{width:100%}
.works_name{font-size: 14px;width:96%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin: 0px 0 0 4%;font-weight: bold;color: #111;line-height: 30px;}
.works_bottom{width:289px;color:#666;border-top: 1px solid #EEEEEE;}
.bg1,.bg2,.bg3{width:28px !important}


.music_check_more{text-align:right;color: #FFE362;}
.music_check_more:hover{color:#FF9800;font-style:italic}
.music_lesson_header{position:relative;width:100%;min-width:1200px;background:white;height:auto}
.music_lesson_header img{}
.music_lesson_header_text{position:absolute;top:50%;left:50%;font-weight:bold;font-size:60px;color:white;margin:0px 0 0 -600px;width:1200px;font-style:italic;text-align:center;font-style:inherit}
.music_lesson_contain{width:100%;min-height:800px;padding:30px 0}

@media screen and (max-height: 700px) {
    .music_course_show_area {
        top:155px;
    }
    .worksImg {
        height: 140px;
    }
    .personalWorks {
    width: 220px;
        margin: 0 100px 10px 0;
    }
    .personalWorks:nth-child(4n+4){margin:0 0 10px 0;}
}