body {

    font-family: 'Microsoft YaHei', Arial, Verdana, Geneva, Helvetica, sans-serif;

    font-size: 14px;
    line-height: 25px;
    color: #404042;
    position: relative;
    background:#ededed;

}

.container{
    max-width: 1024px;
    min-width:320px;
 
}
a:hover{
    text-decoration: none;
}


h2 {
	font-size: 32px;
	font-family: Arial, 'Microsoft YaHei',  Verdana, Geneva, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	-moz-text-shadow: 1px 1px .5px #333;
	-webkit-text-shadow: 1px 1px .5px #333;
}

h3,h4,h5{
    font-family: 'Microsoft YaHei', Arial, Verdana, Geneva, Helvetica, sans-serif;
    line-height:35px;
}

h3{
  font-size: 20px;
}

section{
  padding-top:35px;
  padding-bottom: 35px;
}

.menu{
 
    background: rgba(0,0,0,.9);
    padding:10px;

}

.shadow{
   text-shadow: 1px 1px .5px #333;
  -moz-text-shadow: 1px 1px .5px #333;

  -webkit-text-shadow: 1px 1px .5px #333;
}

.navbaring{
  background:none;
  border:0px;
text-align: right;
 padding-top:25px;
padding-left:0px;
padding-right:0px;
 text-align: center;
 position: relative;


}

.white{
  color:#fff;
}

.navbaring a{
    color:#fff;
   
}

.navbaring a:hover{
  color:#ffd200;
    transition: color .25s ease-in-out;
   -moz-transition: color .25s ease-in-out;
   -webkit-transition: color .25s ease-in-out;
}

.mainmenu {
    padding:0px;
}
.mainmenu li{
    display: inline-block;
    padding-left:8px;
    padding-right:8px;
    letter-spacing: 3px;
    font-size: 13px;
    position: relative;
}

.bigg li{
  font-size:13px !important;
}

.mainmenu li:hover .sub{
    display: block;

}



.svglogo{
  height:80px;
}


.circleTitle{
  display: inline-block;
  background:#dcdcdc;
  padding:15px;
  border-radius: 15px;
}

.blacky{
  background:rgba(0,0,0,.7) !important;
}
.sub{
   
 display: none;
   
  
    background: rgba(0,0,0,.7);
    position: absolute;
    left:-30px;
    padding:10px;
    width:120px;

    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 99;


}

.sub li{
    display: block;
    text-align: center;
    padding-left:5px;
    font-size: 12px !important;

}

.upermain{
    height:595px;
    background:url(../images/101black.jpg) #d5d5d5 no-repeat center center fixed;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.fullbk{
   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.nvlogo{
   text-align: center;
    padding-top:5px;
} 

.nvlogo a{
    display: inline-block;
}



.footer{
  padding-bottom: 50px;
    min-height:462px;
    background-color:#000;
  

    background:url(../images/mainbk2.jpg) #000000 no-repeat center center fixed;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;


    color:#b4b4b4;
    line-height: 30px;


}

.footer a{
    color:#fff;
    height: 25px;

}


.footer h2{
    font-size:18px;
    color:#cb2a1b;

}

#fixedmenu{
    position: fixed;
    top:-70px;

    z-index: 999;
    text-align: center;
    background: rgba(0,0,0,.7);
    width:100%;
    padding-bottom: 5px;
    padding-top:5px;
}


#fixedmenu a{
    color:#fff;
}



.hig{
  background:#e42511;
  border-radius: 3px;


}

.hig a{
  color:#fff;
}

#fixedfooter{

  position: fixed;
  width:100%;
  background:#e42510;
  bottom:0px;
  text-align: center;
  padding:10px;
  color:#fff;
  z-index: 299;
}

#fixedfooter a{
  color:#ffe5e5;
  font-size: 18px;
}

.subtitle{
  font-size: 18px;
  color:#fff;
}

.hiddenHeight{
  
  display: block;
}

.rednine{
  background:#e52611;
}

.yellownine{
  background:#000;
}

.linkbtn , .linkbtn:hover{
 
  color:#fff;
 
  display: inline-block;
  border-radius: 3px;
  padding:15px;
  text-align: center;
  width:100%;
  font-size: 16px;
  letter-spacing: 1px;

}

.redfont{
  color:#e52511;
}

.titlegrey{
  color:#161616;
}

.titlewhite{
  color:#fff;
}

.tbig{
  font-size: 40px;
  line-height: 50px;
}


.cen{
  text-align: center;
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.btitle{
  font-size: 35px;
  margin-bottom: 45px;
  color:#000;

}

.desc{
   letter-spacing: 2px;
}
#sec00{
	max-height:511px;
	padding-top:0px;}
#sec01{
   background:url(../images/101black.jpg) #d5d5d5 no-repeat center center fixed;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-top: -230px;
 
}
#sec03{
   background:url(../images/locate.jpg) #d5d5d5 no-repeat center center fixed;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

 
}

#sec15{
   background:url(../images/startup-animation-background.jpg) #000 no-repeat center center fixed;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

 
}

#sec04{

  background: rgba(46,46,46,1);
background: -moz-linear-gradient(top, rgba(46,46,46,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(46,46,46,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(46,46,46,1) 0%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(46,46,46,1) 0%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(46,46,46,1) 0%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(46,46,46,1) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2e2e', endColorstr='#000000', GradientType=0 );
}

#sec06{
   background:url(../images/impulse-shopping.jpg) #d5d5d5 no-repeat center center fixed;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

 
}

#sec08{

   background:url(../images/wbk.png) #d5d5d5 no-repeat center center fixed;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#sec10{

   background:url(../images/mapbg.JPG) #d5d5d5 no-repeat center center fixed;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#sec12{

   background:url(../images/coupon.jpg) #d5d5d5 no-repeat center center fixed;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.iconblock
{
  display: inline-block;
  width:100px;
  height:100px;
  border:#333 8px solid;
  border-radius: 50px;
  color:#333;
  font-size:60px;
  padding-top:10px;
  text-align: center;
  margin-right:15px;
}

.iconblock_white
{
  display: inline-block;
  width:100px;
  height:100px;
  border:#fff 8px solid;
  border-radius: 50px;
  color:#fff;
  font-size:40px;
  padding-top:17px;
  text-align: center;
  margin-right:15px;
}

.storyitem{
  margin-bottom: 15px;
}

.storyitem .inners{
  position: relative;
  border:1px solid #ccc;

}

.storyitem .innersCirlce{
  padding:10px;
  position: relative;
  border-radius: 10px;
  background: rgba(229,38,17,1);
background: -moz-linear-gradient(top, rgba(229,38,17,1) 0%, rgba(153,23,11,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,38,17,1)), color-stop(100%, rgba(153,23,11,1)));
background: -webkit-linear-gradient(top, rgba(229,38,17,1) 0%, rgba(153,23,11,1) 100%);
background: -o-linear-gradient(top, rgba(229,38,17,1) 0%, rgba(153,23,11,1) 100%);
background: -ms-linear-gradient(top, rgba(229,38,17,1) 0%, rgba(153,23,11,1) 100%);
background: linear-gradient(to bottom, rgba(229,38,17,1) 0%, rgba(153,23,11,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e52611', endColorstr='#99170b', GradientType=0 );

}

.eventLocaltion{
  font-weight: bold;
}

.eventTime{
  font-size: 20px;
  color:#fff;

}


.storyitem:hover .linkarea{
  opacity: 1;
  transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.linkarea{
  display: inline-block;
  position: absolute;
  opacity: 0;
  width:100%;
  height:100%;
  background: rgba(0,0,0,.7);
  left:0px;
  top:0px;
  transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   color:#fff !important;
   text-align: center;


}

.linkarea .lltxt{
  opacity: .8;
  position: absolute;
  top:50%;
  margin-top:-20px;
  left:50%;
  margin-left:-20px;
  font-size: 18px;
}



.ico{
  font-size: 15px;
  padding:0 10px 0 10px;
  line-height: 25px;
}
.shopicon{
  text-align: right;
  padding-right:15px;
  padding-bottom: 15px;
}

.innersCirlce{
  

}

.interarea{
  display: block;

  position: relative;
}

.circ{
  display: inline-block;
  width:50px;
  height:50px;
  background: rgba(255,255,255,.3);
  position: absolute;
  border-radius: 25px;
  font-size: 20px;
  color:#000;
  padding-top:10px;

  text-align: center;
  cursor: pointer;

}
.leftc{
  left:50%;
  top:50%;
  margin-top:-20px;
}

.rightc{
  right:50%;
  top:50%;
  margin-top:-20px;
  }


.couponani{
  position: absolute;
  top:102px;

  left:50%;
  margin-left:-83px;
}

.coubbk{


 
}



.fadey{
  position: absolute;
  top:5px;
  left:50%;
  margin-left:-141px;
}

.mapguide{
  position: absolute;
  left:157px;
  top:100px;
}

.sli02{
  position: absolute;
  left:48px;
  margin-left:0px;
  top:10px;
}

.sli03{
  position: absolute;
  left:143px;
  top:100px;
}

.sli04{
  position: absolute;
  left:50%;
  margin-left:-163px;
  top:110px;
}

.sec08bk{

}

.couponani{

}

.couponanii{
  position: absolute;
  top:6px;
  left:50%;
  margin-left:-140px;
}

.lbsani {
    position:absolute;
    top:200px;

}

#ping{
   position:absolute;
   top:20px;
   left:270px;

}

#range{
   position:absolute;
   top:110px;
   left:250px;
   width:0px;

}
#gpush{
   position:absolute;
   top:-30px;
   left:587px;
   height:117px;
   overflow: hidden;

}
.inimg{
    position: relative;
    top:-117px;
}

.svapp{

height:120px;

}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 25%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 25%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 25%;
        float: left;
    }
}


/* responsive  */
@media only screen and (min-width: 767px) {
 
    .navbaring{
    text-align: right;
    }

    .nvlogo{
        padding-top:6px;
       text-align: left;
     
    } 

    #fixedfooter{
      opacity: 0;
      }


}

@media only screen and (max-width: 1024px) {
     .couponani{
  
      margin-left:-120px;
    }

    .rescen_md{
      text-align: center;
    }
}


@media only screen and (max-width: 768px) {

    .upermain{
      height:600px;
    }
	.upermain2{
      height:600px;
    }
    .nvlogo img{
      width:100px;
      height:auto;
    }

    .nvlogo{
      margin-bottom: -15px;
    }

    .hidd{
      display: none !important;
    }

    .mainmenu li{
    
    padding-left:5px;
    padding-right:5px;
  }

  h2{
    font-size: 30px;
  }

  .rescen{
    text-align: center;
  }

  .hiddenHeight{
    display: none;
  }

  .btitle{
  font-size: 25px;
}

  .container{
    padding-left:20px;
    padding-right:20px;
    }

    .btg{
      width:100%;
      line-height: 80px;

      display: block;
    }

    .couponbk{
      width:320px;
    }

    .couponani{
      width:130px;
      top:49px;
      margin-left:-61px;
    }

    .coubbk{

   
     
    }

    .fadey{
      position: absolute;
      top:5px;
      left:50%;
      margin-left:-142px;
    }

    .mapguidebk{
      width:320px;
    }
    .mapguide{
      position: absolute;
      width:145px;
      left:50%;
      margin-left:-79px;
      top:57px;
    }

    .sli02{
      left:50%;
      margin-left:-122px;
    }

    .sli02 img{
      width:250px;
     
    }

    .sec08bk{
      width:300px;
    
    
    }

    .couponanii{

      margin-left:-138px;
      left:50%;
    }

    .iphand{
      width:320px;
    }

    .sli03 img{
      width:145px;
    }

    .sli03{
      left:50%;
      margin-left:-79px;
      top:57px;
    }

    .svapp{

      height:70px;

    }

    .svglogo{
      height:50px;
    }

    .tbig{
      font-size:25px;
    }

    .sec4bk{
      width:320px;
    }

    .sli04 img{
      width:250px;
    }

    .sli04{
      top:80px;
      margin-left:-125px;
    }

    .bigg li{
  font-size:13px !important;
}
 

}


.nrightpic{
  padding-top:40px;
  margin-left:-170px;
}

@media (max-width: 767px) {
  .nrightpic{
  padding-top:20px;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
 

  }

  .nrightpic img{
    width:100%;
    height:auto;
  }
}
@media (min-width: 992px) and (max-width: 1123px) {
  .nrightpic img{
    width:700px;
    height:auto;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .nrightpic img{
   
    padding-top:40px;
    width:550px;
    height:auto;
  }
}

.psitem{
  border:1px solid #ccc;
  padding:10px;
  position: relative;

}

.psitem p{
  z-index: 10;
  position: absolute;
  display: inline-block;
  left:0px;
  top:0px;
  text-align: center;
  width:100%;
  height:100%;
  background:rgba(255,255,255,.9);
  padding-top:30%;
  opacity: 0;
   transition: opacity .15s ease-in-out;
   -moz-transition: opacity .15s ease-in-out;
   -webkit-transition: opacity .15s ease-in-out;
}

.psitem:hover p{
  opacity: 1;

  font-weight: bold;
}
.psitem i{
  font-size: 30px;
}