@charset "UTF-8";
html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #222222;
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; }

div, span, object, iframe, h1, h2,
h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn,
em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption,
figure, footer, header, hgroup, menu, nav, section, summary, time, mark,
audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  outline-style: none;
  /*FF*/
  list-style: none; }

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  text-decoration: none;
  color: #000; }

.wrapper {
  width: 100%;
  /*footer*/
  /*悬浮框*/ }
.grandTop {
    width: 100%;
    height: 94px;
    background: #f8df08; position:fixed; z-index:1000; left:0; top:0; }
.grandTop:after{ content:""; background:url(../img/topbg.png) no-repeat; width:100%; height:11px; background-size:100% 11px; position:absolute; left:0; bottom:-11px;}	
.grandTop .grandTopCont {
      width: 1190px;
      height: 94px;
      margin: 0 auto; }
.grandTop .grandTopCont .grandLogo {
        float: left; }
.grandTop .grandTopCont .grandNav {
        height: 53px;
        float: right;
        font-size: 18px;
        margin: 20px 0 0 0; }
.grandTop .grandTopCont .grandNav .con{ float:left;}
.musicPlay{float:right; margin:10px 0 0 10px;}
.musicPlay .play{  width:33px; height:33px; display:block;  z-index:10; }
.musicPlay .play i{ background:url(../img/muisc_on.png) no-repeat; width:100%; height:100%; display:block;  background-size:contain; animation:music 5s linear infinite; -webkit-animation:music 5s linear infinite;   cursor:pointer;}
.musicPlay .play.on i{ background:url(../img/muisc_off.png) no-repeat;  background-size:contain; animation:music 0 linear both; -webkit-animation:music 0 linear both;}

@keyframes music {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}
@-webkit-keyframes music {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}

		
.grandTop .grandTopCont .grandNav .grandNavItem {
          width: 126px;
          line-height: 53px;
          text-align: center;
          float: left; }
.grandTop .grandTopCont .grandNav .grandNavItem:hover {
            font-weight: bold;
            background: url("../img/top_img_05.png") no-repeat center center; }
.grandTop .grandTopCont .grandNav .current {
          font-weight: bold;
          background: url("../img/top_img_05.png") no-repeat center center; }
.grandTop .grandTopCont .grandNav .grandNavItemImg {
          float: left;
          width: 47px;
          height: 53px; }
  .wrapper .grandHeader {
    width: 100%; margin-top:94px; }
    .wrapper .grandHeader .grandHeaderOne {
      min-height: 442px;
      background: url("../img/head_img_02.jpg") no-repeat center top; }
    .wrapper .grandHeader .grandHeaderTwo {
      height: 338px; overflow:hidden;
      background: url("../img/head_img_04.jpg") no-repeat center top;
      position: relative; }
      .wrapper .grandHeader .grandHeaderTwo .playBtn {
        display: block;
        width: 125px;
        height: 125px;
        position: absolute;
        left: 50%;
        bottom: 20px;
        margin-left: -62px; }
    .wrapper .grandHeader .grandHeaderThree {
      height: 578px; overflow:hidden;
      background: url("../img/head_img_05.jpg") no-repeat center top; }
      .wrapper .grandHeader .grandHeaderThree .grandHeaderThreeBox {
        width: 1300px;
        height: 579px;
        margin: 0 auto;
        overflow: hidden;
        background: url("../img/main1_bg_08.png") no-repeat center center;
        -webkit-background-size: 100%;
        background-size: 100%; }
        .wrapper .grandHeader .grandHeaderThree .grandHeaderThreeBox .grandHeaderThreeText {
          width: 1000px;
          height: 395px;
          margin: 95px 0 0 145px;
          position: relative; }
          .wrapper .grandHeader .grandHeaderThree .grandHeaderThreeBox .grandHeaderThreeText p {
            line-height: 50px;
            font-size: 18px;
            text-indent: 35px; }
          .wrapper .grandHeader .grandHeaderThree .grandHeaderThreeBox .grandHeaderThreeText .textP {
            width: 870px; }
          .wrapper .grandHeader .grandHeaderThree .grandHeaderThreeBox .grandHeaderThreeText .grandHeaderThreeImg {
            width: 256px;
            height: 325px;
            position: absolute;
            right: -117px;
            bottom: -45px; }
  .wrapper .main {
    background: #f8e24b;
    /*演出亮点*/
    /*演出安排*/
    /*媒体之声*/ }
    .wrapper .main .mainTitle {
      width: 323px;
      height: 75px;
      margin: 0 auto; }
    .wrapper .main .mainCont {
      width: 1112px;
      height: 538px;
      margin: 0 auto; }
      .wrapper .main .mainCont .mainText {
        width: 595px;
        height: 502px;
        color: #f86909; }
        .wrapper .main .mainCont .mainText h2 {
          font-size: 35px; }
        .wrapper .main .mainCont .mainText h3 {
          font-size: 24px; }
        .wrapper .main .mainCont .mainText .mainTextContent {
          height: 280px;
          font-size: 16px;
          color: #222222;
          line-height: 32px;
          margin: 40px 0 0;
          text-indent: 35px; }
        .wrapper .main .mainCont .mainText .mainTextFont {
          height: 66px;
          font-size: 18px; }
          .wrapper .main .mainCont .mainText .mainTextFont .mainTextFontL {
            float: left; }
          .wrapper .main .mainCont .mainText .mainTextFont .mainTextFontR {
            float: right; }
      .wrapper .main .mainCont .mainTextRight {
        float: right;
        margin: 20px 50px 0 0; }
      .wrapper .main .mainCont .mainTextLeft {
        float: left;
        margin: 10px 0 0 30px; }
    .wrapper .main .mainBg1 {
      margin-top: 20px;
      background: url("../img/box_bg_17.png") no-repeat center center; }
    .wrapper .main .mainBg2 {
      margin-top: 20px;
      background: url("../img/box_bg_20.png") no-repeat center center; }
    .wrapper .main .mainBg3 {
      margin-top: 20px;
      background: url("../img/box_bg_23.png") no-repeat center center; }
    .wrapper .main .mainBg4 {
      margin-top: 20px;
      background: url("../img/box_bg_26.png") no-repeat center center; }
    .wrapper .main .mainBg5 {
      margin-top: 20px;
      background: url("../img/box_bg_29.png") no-repeat center center; }
    .wrapper .main .mainBg6 { height:607px;
      margin-top: 20px;
      background: url("../img/box_bg_32.png") no-repeat center center; }
    .wrapper .main .mainArrange {
      width: 100%;
      background: #70a3d2;
      overflow: hidden; }
      .wrapper .main .mainArrange .mainArrangeTopBg {
        height: 73px;
        background: url("../img/bg-img_13.jpg") no-repeat center center; margin-top:-1px; }
      .wrapper .main .mainArrange .mainArrangeTitle {
        width: 323px;
        height: 75px;
        margin: 0 auto; }
      .wrapper .main .mainArrange .mainArrangeContent {
        width: 1105px;
        height: 629px;
        margin: 50px auto 30px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #bfecfa;
        overflow: hidden; }
        .wrapper .main .mainArrange .mainArrangeContent .arrangeTable tr th {
          height: 77px;
          line-height: 77px;
          font-size: 18px;
          font-weight: 400;
          background: #d9f4fc; }
        .wrapper .main .mainArrange .mainArrangeContent .arrangeTable tr td {
          height: 72px;
          vertical-align: middle;
          font-size: 16px;
          padding: 10px 20px;
          position: relative; }
          .wrapper .main .mainArrange .mainArrangeContent .arrangeTable tr td a {
            display: block;
            display: block;
            width: 126px;
            height: 39px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -24.5px 0 0 -63px; }
        .wrapper .main .mainArrange .mainArrangeContent .arrangeTable .arrangOdd td {
          background: #95dff7; }
    .wrapper .main .mainSound {
      width: 100%;
      background: #caf0ff;
      overflow: hidden; }
      .wrapper .main .mainSound .mainSoundTopBg {
        height: 73px;
        background: url("../img/bg-img_15.jpg") no-repeat center center; margin-top:-1px; }
      .wrapper .main .mainSound .mainSoundTitle {
        width: 323px;
        height: 75px;
        margin: 0 auto; }
      .wrapper .main .mainSound .mainSoundContent {
        width: 1105px;
        height: 340px;
        margin: 50px auto 30px; }
        .wrapper .main .mainSound .mainSoundContent .mainSoundItem {
          height: 56px;
          line-height: 56px;
          background: #afe7fb;
          margin-bottom: 15px;
          font-size: 16px;
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          border-radius: 10px; }
          .wrapper .main .mainSound .mainSoundContent .mainSoundItem:hover {
            background: #ffffff; }
  .wrapper .grandFonter {
    width: 100%;
    background: #222222;
    overflow: hidden; }
    .wrapper .grandFonter .grandFonterTopBg {
      height: 73px;
      background: url("../img/bg-img_17.jpg") no-repeat center center; }
    .wrapper .grandFonter .grandFonterContent {
      width: 1197px;
      height: 167px;
      margin: 20px auto 20px; }
      .wrapper .grandFonter .grandFonterContent .grandFonterContentL {
        float: left; }
      .wrapper .grandFonter .grandFonterContent .grandFonterContentR {
        float: right; }
  .wrapper .suspension {
    width: 140px;
    height: 228px;
    position: fixed;
    right: 80px;
    top: 50%;
    margin-top: -186px; }

/*# sourceMappingURL=style.css.map */


/*重写*/
.cl{ width:100%; clear:both;}
.bright_list{ width:1112px; margin:0 auto; margin-top:44px; position:relative;}
.bright_list .pic{ position:absolute; left:20px; bottom:40px;}
.bright_list.fan .pic{ left:auto; right:20px; }
.bright_list .cen{ margin-top:15px;}
.bright_list .top_cor{ background: url(../img/cor_06.png) no-repeat; width:100%; height:40px; overflow:hidden;}
.bright_list .bottom_cor{ background: url(../img/cor_11.png) no-repeat; width:100%; height:40px; overflow:hidden;}
.bright_list .con_cor{ background: url(../img/cor_09.png) repeat-y; width:100%;  overflow:hidden;}
.bright_list.fan .top_cor{ background: url(../img/fcor_10.png) no-repeat; width:100%; height:40px; overflow:hidden;}
.bright_list.fan .bottom_cor{ background: url(../img/fcor_15.png) no-repeat; width:100%; height:40px; overflow:hidden;}
.bright_list.fan .con_cor{ background: url(../img/fcor_13.png) repeat-y; width:100%;  overflow:hidden;}
.bright_list .nei{ width:580px; float:right; margin:0 65px 0 0;}
.bright_list.fan .nei{ float:none; margin:0 0 0 40px;}
.bright_list .title{  width:580px; float:right; margin:0 65px 0 0; color:#f86909;}
.bright_list.fan .title{  width:580px; float:none; margin:0 0 0 40px;  }
.bright_list .title h2{ font-size:35px; font-weight:800; line-height:40px; margin:30px 0 0 0;}
.bright_list .title h3{ font-size:24px; font-weight:400; line-height:30px; margin-top:10px;}
.bright_list .txt p{ font-size: 16px; color: #222222;line-height: 32px; text-indent:2em;}
.bright_list .riqi{ margin-top:35px;}
.bright_list .riqi .lf{ float:left; color:#f86909; line-height:26px; font-size: 18px;}
.bright_list .riqi a{ float:right; display:block; margin-top:10px;}
.bright_list .music_list{ margin-top:20px;}
.bright_list .music_list h4{ font-size:18px; color:#f86909; margin-bottom:10px; }
.bright_list .music_list li{ width:100%; height:38px; line-height:38px; font-size:16px; color:#222; margin-top:1px; overflow:hidden; background:rgba(205,190,129,.45); clear:both; transition:all 0.4s;}
.bright_list .music_list li:hover{ background:#d8ca91;}
.bright_list .music_list li em{ width:95px; float:right; text-align:center; background:#e9cc53; text-align:center; font-style:normal;  transition:all 0.4s;}
.bright_list .music_list li:hover em{ color:#f86909;}
.bright_list .music_list li em i{ background: url(../img/play.png) no-repeat; width:22px; height:22px; display:inline-block; margin-right:10px; vertical-align:-5px;}
.bright_list .music_list li p{ float:left; margin-left:20px;}
.bright_list .music_list li p span{ display:block; float:left; width:310px; color:#222; }

.bright_list .music_list li p span.xiao{ width:80px;}