.award-header .banner {
    background: url(../images/banner.jpg) no-repeat center top;
    height: 772px;
}
.award-nav {
    height: 57px;
    width: 100%;
    padding: 27px 0;
    background-color: #141414;
}
.award-wrapper{
    width: 100%;
    border-top: 1px solid #7d684c;
    border-bottom: 1px solid #7d684c;
}
.award-nav-inner {
    width: 1200px;
    margin: 0 auto;
}
.award-nav-inner span{
    color: #342d23;
}
.nav-item { position: relative; width: 118px; height: 50px; }
.nav-item span {
  cursor: pointer;
   display: block;
   height: 38px;
   width: 118px;
   text-align: center;
   background-position: center 5px;
   background-repeat: no-repeat;
   text-indent: -9999em; color: #fff;
}
/* .award-nav-inner .tab-trigger-active .nav-item{} */
.nav-index {
    background-image: url(../images/nav-index.png);
}
.nav-bas {
    background-image: url(../images/nav-bas.png);
}
.nav-lighting{
  background-image: url(../images/nav-lighting.png);
}
.nav-cabling{
  background-image: url(../images/nav-cabling.png);
}
.nav-cctv{
  background-image: url(../images/nav-cctv.png);
}
.nav-intercom{
  background-image: url(../images/nav-intercom.png);
}
.nav-park{
  background-image: url(../images/nav-park.png);
}
.nav-smarthome{
  background-image: url(../images/nav-smarthome.png);
}
.nav-ibms{
  background-image: url(../images/nav-ibms.png);
}
.nav-si{
  background-image: url(../images/nav-si.png);
}
.line {
    display: block;
    position: absolute;
    background-color: #e6bb84;
    font-size: 0px;
    line-height: 0px;
}
.award-nav-inner .nav-item .line-1 {
    width: 0px;
    height: 4px;
    position: absolute;
    left: 0px;
    bottom:-8px;
}
.award-nav-inner .nav-item:hover .line-1{
  width:118px;
  -webkit-transition:width .3s ease-out .3s;
  -moz-transition:width .3s ease-out .3s;
  -o-transition:width .3s ease-out .3s;
  transition:width .3s ease-out .3s;
}

/* 首页 */
.container-inner{
  margin-right: auto;
   margin-left: auto;
   width: 1000px;
   position: relative;
   z-index: 999;
}
.award-con{background-color: #000;}
.award-mod-title{text-align: center;}
.guest-wrapper li{
  float: left;
  position: relative;
}
.guest-wrapper li{margin-right: 38px;}
.guest-wrapper li.last{margin-right: 0;}
.guest-wrapper li h4{
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 34px;
  line-height: 34px;
  background: rgba(0,0,0,.6);

}
.guest-wrapper li h4 a{
  color: #ddb47f;
  font-size: 18px;
}
.award-item-list  h3{
  color: #ddb47f;
}
.award-item-list .pure-u-1-5{
  margin-bottom: 25px;
  cursor: pointer;
}

/*switchable gallery*/
.switchable-gallery,
.switchable-gallery .swiper-container,
.switchable-gallery .swiper-slide { position: relative; width: 960px; height: 550px; }
.switchable-gallery .swiper-pagination { top: 20px; right: 20px; text-align: center; }
.switchable-gallery .swiper-slide { position: relative; overflow: hidden; }
.switchable-gallery .swiper-slide .desc { padding-top: 15px; padding-bottom: 15px; min-height: 20px; height: 20px; font-size: 1.125em; line-height: 1.25em; }
.switchable-gallery .swiper-prevnext { position: absolute; top: 50%; z-index: 999; display: block; margin-top: -30px; width: 56px; height: 57px;  cursor: pointer; }
.switchable-gallery .swiper-prev { left: 20px; background: url(../images/prev-icon.png) no-repeat; }
.switchable-gallery .swiper-next { right: 20px;background: url(../images/next-icon.png) no-repeat;}

/*ui-page-pendant*/
.ui-page-pendant { position: fixed; _position: absolute; bottom: 40px; left: 50%; margin-left: 560px; z-index: 999; }

.ui-page-pendant .item { position: relative; height: 44px; width: 44px; margin-top: 20px; }
.ui-page-pendant .item:nth-child(1) { margin-top: 0; }
.to-top { cursor: pointer; overflow: hidden; position: relative; height: 100%; width: 100%; }
.to-top span { background-color: #1a4280; cursor: pointer; color: #fff; display: block; left: 0; height: 44px; line-height: 44px; position: absolute; text-align: center; top: 0; z-index: 1; width: 44px; }
.to-top .to-top-bg { background: url(../images/gototop.png) no-repeat; z-index: 2; }
/*footer*/
.ui-page-footer {color: #ddb47f;background-color: #141414;}
.ui-page-footer a{color: #ddb47f;}

/*tab*/
.tab-panel { display: none; }
.tab-trigger { cursor: pointer; }
.tab-panel-active { display: block; }
.agenda .tab-trigger { padding: 10px 20px; }
.agenda .tab-trigger-active { background-color: #297dcc; color: #fff; }
.agenda .tab-nav { border-bottom: 2px solid #297dcc; margin-bottom: 15px; }

.award-list{
  padding: 0px 74px 50px;
  background-color: #141414;
  overflow: hidden;
}
.award-list .item{
  position: relative;
  margin-top: 55px;
  padding-top: 28px;
  padding-bottom: 20px;
  border-top: 1px solid #4c4c4c;
  border-bottom: 1px solid #4c4c4c;
}
.award-list .item .title{
  position: absolute;
  left: 0;
  top: -24px;
  height: 48px;
  line-height: 48px;
  font-size: 24px;
  color: #e4bc88;
  background-color: #141414;
}
.award-list .title i {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(../images/number.png);
}
.award-list .title .num-1 {
    width: 32px;
    height: 34px;
    background-position: 0 0;
}
.award-list .title .num-2{
    width: 32px;
    height: 35px;
    background-position: 0 -34px;
}
.award-list .title .num-3{
    width: 34px;
    height: 36px;
    background-position: 0 -69px;
}
.award-list .title .num-4{
    width: 32px;
    height: 36px;
    background-position: 0 -106px;
}
.award-list .title .num-5{
    width: 33px;
    height: 34px;
    background-position: 0 -143px;
}
.award-list .title .num-6{
    width: 34px;
    height: 35px;
    background-position: 0 -179px;
}
.award-list .title .num-7{
    width: 26px;
    height: 38px;
    background-position: 0 -218px;
}
.award-list .title .num-8{
    width: 32px;
    height: 35px;
    background-position: 0 -259px;
}
.award-list .title .num-9{
    width: 34px;
    height: 35px;
    background-position: 0 -296px;
}
.award-list .title .num-10{
    width: 62px;
    height: 35px;
    background-position: 0 -338px;
}

.stars {
    position: fixed;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    z-index: 0;
}

