.header {
  width: 100%;
  max-width: 1920px;
  margin: auto
}

.header .top {
  width: 100%;
  height: 167px;
  background: url(../images/top-bg.png) no-repeat center;
}

.header .name {
  position: absolute;
  top: 24px
}

.header .line {
  height: 2px;
  width: 100%;
  min-width: 1200px;
  max-width: 1920px;
  background: #6e0a04;
  position: absolute;
  top: 118px
}

.header .navigation {
  width: 100%;
  height: 47px;
  line-height: 47px;
  position: absolute;
  bottom: 0
}

.nav-1>li {
  width: 10%;
  height: 47px;
  text-align: center;
  float: left;
  font-size: 18px; 
  position: relative;
  border-left: 1px solid #fff;
}

.nav-1>li:first-child {
  border: 0
}

.header .navigation .nav-1 a {
  display: block;
  width: 100%;
  font-size: 18px;
}

/* .header .navigation>.nav-1 span {
color: #fff;
position: absolute;
top: 0;
right: 0
} */

.navigation .nav-1>li a:hover  {
  background: #fff;
  color: #930d05
}

.header .navigation .nav-2 {
  
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: none;
  background: #930d05;
  position: absolute;
  top: 47px;
  z-index: 999;
}

.header .navigation .nav-2 li {
  height: 40px;
  line-height: 40px;
  width: 100%;
  border-bottom: 1px solid #fff;
}

.header .navigation .nav-2 a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size:16px;
  margin: 0 auto; 
  letter-spacing: 0.2em
}

.navigation .nav-1>li:hover .nav-2 {
  display: block;
}

.nav-2>li:hover {
  background: #fff;
}

.nav-2>li:hover a { 
  color: #930d05
}




/*banner轮播 */
.slideBox{ width:1920px height:550px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:45%; bottom:20px; z-index:1; display:none}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:8px;  width:14px; height:14px; border-radius:14px;line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1920px; height:550px; display:block;  }
.slideBox .prev,
.slideBox .next{ position:absolute; left:18%; top:42%; display:block; width:43px; height:86px; background:url(../images/btn-left.png) no-repeat;}
.slideBox .next{ left:auto; right:18%; background:url(../images/btn-right.png) no-repeat;}
#banner-left{
  width: 245px;
  height: 550px;
  position: absolute;
  top:0;
  left:0;
  z-index: 9999;
  background:#fff;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"
}

#banner-left {
  width: 245px;
  height: 550px;
  position: absolute;
  top:0;
  right:0;
  z-index: 9999;
  background:#fff;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"
    
}



.header #banner { 
  height: 585px;
  width: 100%;
  max-width: 1920px;
  margin: auto;
  position: relative;
  overflow: hidden;
}

#opacityLeft, #opacityRight {
  width: 257px;
  height: 585px;
  position: absolute;
  z-index: 9999;
  background: #fff;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"
}

#banner, #opacityRight {
  right: 0
}

.header #banner-lunbo {
  position: absolute;
  width:1000%;
}

#banner-lunbo>li {
  float: left
}

.banner .arrow {
  width: 100%;
  height: 86px;
  position: absolute;
  top: 50%;
  margin-top: -43px
}

.banner .arrow-left {
  position: absolute;
  left: 0;
  cursor: pointer
}

.banner .arrow-right {
  position: absolute;
  right: 0;
  cursor: pointer
}

.main {
  width: 100%;
}

.main .news {
  padding-top: 30px
}

.main .title p {
  font-size: 20px
}

.main .title a {
  color: #454444;
}

.main .line {
  width: 100%;
  height: 3px;
  background: url(../images/title-line.jpg) no-repeat;
  margin-top: 9px;
  margin-bottom: 30px
}

.news .info {
  margin-bottom: 38px
}

.news .lunbo {
  width: 454px;
  height: 319px;
  position: relative
}

.news .lunbo .lunbo-pic li {
  position: absolute;
  top: 0;
  left: 0
}

.lunbo-pic img {
  width: 454px;
  height: 319px;
}

.news .lunbo .arrow {
  width: 100%;
  height: 26px;
  position: absolute;
  top: 50%;
  margin-top: -13px
}

.lunbo .arrow .arrow-left {
  position: absolute;
  left: 10px;
  cursor: pointer
}

.lunbo .arrow .arrow-right {
  position: absolute;
  right: 10px;
  cursor: pointer
}

.lunbo .topic {
  width: 100%;
  height: 38px;
  line-height: 38px;
  padding-left: 20px;
  position: absolute;
  bottom: 0;
  color: #fff;
  background: rgba(0,0,0,0.4);
}

.news .news-list {
  width: 715px;
  padding-left: 8px;
  margin-top: -20px
}

.news .news-list li:hover a {
  color: red
}

.news .news-list a {
  display: block;
  height: 56px;
  line-height: 56px;
  color: #000;
  border-bottom: 1px dashed #afafaf
}

.news .news-list a p span {
  font-size: 18px;
  margin-right: 10px;
  color:#7e0a0e;
}

.news .news-pic {
  position: relative;
  height: 127px 
}

.news-pic .dang-bg {
  position: absolute;
  left: 0;
  width: 150px;
  height: 127px;
  background: url(../images/dang-bg.png) no-repeat;
}

.news-pic .dang-bg .dang-title {
  width: 68px;
  width: 64px;
  margin-top: 18px;
  margin-left: 40px
}

.news-pic .dang-bg p {
  line-height: 42px;
  color: #fff;
  letter-spacing: 0.3em;
  font-size: 24px;
}

.dang-pic {
  width: 1067px;
  height: 127px;
  position: absolute;
  left: 134px;  
  overflow: hidden
}

#dangLunbo {
  width: 500%;
  position: absolute
}

#dangLunbo li {
  float: left
}

.news-pic #dangLunbo li a {
  display: block;
  width: 1067px;
  height: 127px;
}

.news-pic #dot {
  width: 110px;
  position: absolute;
  bottom: 10px;
  right: 10px
}

.news-pic #dot li {
  float: left;
  width: 22px;
  height: 22px;
  line-height: 18px;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  margin-left: 12px;
  cursor: pointer
}

.news-pic #dot li.current {
  background: #fff;
  color: red
}

.repertoire {
  padding-top: 30px;
}

.repertoire .photos {
  width: 1200px;
  height: 334px;
  position: relative;
  overflow: hidden
}

.repertoire .photos #demo {
  width: 500%;
  position: absolute
}

.repertoire li {
  float: left;
  width: 300px;
  text-align: center
}

#demo>ul {
  width: 1200px;
}

.repertoire li:first-child {
  margin: 0
}

.repertoire .arrow {
  width: 100%;
  position: absolute;
  top: 50%;
  margin-top: -13px
}

.repertoire .arrow .arrow-left {
  position: absolute;
  left: 20px;
  cursor: pointer
}

.repertoire .arrow .arrow-right {
  position: absolute;
  right: 20px;
  cursor: pointer
}

.information {
  padding-top: 30px
}

.information .line {
  margin-bottom: 13px
}

.information .message {
  width: 100%;
  background: #f8f8f8;
  padding-bottom: 10px;
}

.information .note {
  margin-left: 60px
}

.information .note li {
  width: 50%;
  float: left;
  margin-top: 32px
}

.note li:hover .detail h3, .note li:hover .detail p {
  color: red
}

.information .day {
  width: 76px;
  height: 41px;
  line-height: 41px;
  text-align: center;
  background: #7e0a0e;
  font-size: 20px
}

.information .date {
  width: 76px;
  height: 41px;
  line-height: 41px;
  text-align: center;
  background:#fff;
  color: #686868;
}

.information .detail {
  color: #000;
  margin-left: 16px
}

.information .detail h3 {
  margin-bottom: 4px
}

.information .detail p {
  text-indent: 2em;
  line-height: 25px;
  width: 425px;
  color:#5e5e5e;
}

.information #info-pic {
  width: 100%;
  height: 180px;
  text-align: center;
  margin-top: 33px;
  position: relative;
  overflow: hidden
}

#show {
  width: 500%;
  position: absolute
}

.information #show ul {
  width: 1200px;
}

.information #show li {
  float: left;
  width: 240px;
}

.information #info-pic .arrow {
  width: 100%;
  position: absolute;
  top: 50%;
  margin-top: -90px
}

.information #info-pic .arrow .arrow-left {
  position: absolute;
  left: 0;
  cursor: pointer
}

.information #info-pic .arrow .arrow-right {
  position: absolute;
  right: 0;
  cursor: pointer
}

.footer {
  width: 100%;
  max-width: 1920px;
  height: 203px;
  margin: auto;
  background: url(../images/footer-bg.jpg) no-repeat center;
  font-size: 16px;
  color: #fff;
  overflow: hidden;
  position: relative
}

.footer .link {
  margin-top: 65px;
}

.footer .border {
  height: 2px;
  width: 100%;
  max-width: 1920px;
  background: #6e0a04;
  position: absolute;
  top: 25px
}

.footer .link>li {
  float: left;
  width: 33.3%;
  line-height: 29px
}

.footer .company {
  text-align: right
}

.footer .company a {
  margin-left: 15px
}