* {
  margin: 0;
  padding: 0;
  font-family: 'Microsoft YaHei';
}
i{ font-style: normal}
ul, ol, li {
  list-style: none;
}

/*微信引导提示*/
#pMask { position: fixed; z-index:99999; top: 0; width: 100%; height: 100%; display: none; }
.wx { display: none; position: fixed; width: 9rem; height: 5rem; margin: 0 0.5rem; border-radius: 0.3rem; top:2.3rem; z-index: 999999; background: rgba(255,255,255,.8); }

li {
  cursor: pointer;
}

img {
  vertical-align: top;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #000;
}

html,body {
  width: 100%;
  overflow-x: hidden;
  background-color: #F5F5F5;
}
.wraps{
  position: relative;
  width: 1920px;
  left: 50%;
  margin-left: -960px;
}

#nav {
  width: 100%;
  height: 79px;
  background: url(../images/h_bg.png) no-repeat;
  background-size: 100% 100%;
  /* background-size: 100% 100%; */
}
#nav .logo{
  float: left;
  height: 79px;
  line-height: 79px;
  margin-left: 372px;
}
#nav .logo img{
  vertical-align: middle;
}
#nav ul {
  display: flex;
  width: 1066px;
  height: 79px;
  float: left;
  margin-left: 30px;
  font-size: 16px;
}

#nav ul li {
  flex: 1;
  text-align: center;
  color: #fff;
}

#nav ul li p:first-child {
  font-size: 18px;
  margin-top: 20px;
  color: #D1D1D1;
}
#nav ul li p:last-child {
  font-size: 12px;
  margin-top: 5px;
  color: #A3A3A3;
}
#nav ul li:hover p{
  color: #D67935;
}

#banner{
  width: 1920px;
  height: 438px;
  position: relative;
  background: url(../images/banner_bg.jpg) no-repeat;
}
#banner .img-list{
  position: absolute;
  top: 5px;
  left: 198px;
}
#banner .img-list>div{
  width: 223px;
  height: 424px;
  overflow: hidden;
  transform:skew(-35deg);
  -webkit-transform:skew(-35deg);
  -moz-transform:skew(-35deg);
  float: left;
  margin-right: 11px;
  background-color: #000;
}
#banner .img-list>div img{
  transition: .2s;
  -webkit-transition: .2s;
  -moz-transition: .2s;
}
#banner .img-list>div:hover img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.b-text{
  position: absolute;
  top: 156px;
  right: 235px;
}

.news-box{
  width: 1502px;
  height: 354px;
  margin: 35px auto 0;
  background-color: #fff;
}
.news-img{
  float: left;
}
.news-text{
  float: left;
  width: 630px;
  padding-left: 15px;
}
.news-tit{
  font-size: 20px;
  margin: 22px 0 18px 0;
}
.news-list li{
  height: 35px;
  line-height: 35px;
  color: #2F2725;
}
.news-list li a{
  color: #2F2725;
}
.news-list li p{
  float: left;
  width: 390px;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: .2s;
  -webkit-transition: .2s;
  -moz-transition: .2s;
}
.news-list li p:hover{
  margin-left: -10px;
}
.game-box{
  width: 1502px;
  margin: 9px auto;
}
.main-tits{
  position: relative;
  height: 52px;
  line-height: 52px;
  font-size: 25px;
  text-indent: 30px;
}
.main-tits::after{
  content: "";
  position: absolute;
  left: 2px;
  top: 13px;
  width: 7px;
  height: 25px;
  background-color: #F9BA51;
}
.game-main{
  min-height: 453px;
  overflow: hidden;
  margin: 10px 0;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.game-item{
  width: 364px;
  height: 433px;
  background-color: #fff;
  border: 1px solid #EBEBEB;
  margin: 0 12px -10px 0;
  overflow: hidden;
  cursor: pointer;
}
.game-item:hover{
  border-color: #dfdfdf;
  box-shadow: #dfdfdf 1px 1px 3px 0;
  transition: .1s;
  -webkit-transition: .1s;
  -moz-transition: .1s;
}
.game-item:hover .game-tit{color: #D67935;}
.game-main .game-item:nth-child(4n),.vdo-main .vdo-item:nth-child(4n){
  margin-right: 0;
}
.game-img{
  width: 347px;
  height: 237px;
  margin: 10px auto;
}
.game-img img{width: 100%;height: 100%;}
.game-tit{
  width: 330px;
  margin: 12px auto 10px;
  font-size: 23px;
  font-weight: bold;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.game-text{
  width: 330px;
  height: 50px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 25px;
  color: #999999;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.game-btns{
  width: 344px;
  margin: 16px auto 0;
  border-top: 1px solid #F6F6F6;
}
.game-btns div{
  width: 107px;
  height: 30px;
  border: 1px solid #E09A26;
  color: #E09A26;
  text-align: center;
  line-height: 30px;
  margin-top: 17px;
  font-size: 18px;
  transition: .1s;
  -webkit-transition: .1s;
  -moz-transition: .1s;
}
.game-btns div:nth-child(1){
  float: left;
  margin-left: 15px;
}
.game-btns div:nth-child(2){
  float: right;
  margin-right: 15px;
}
.game-btns div a{
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #E09A26;
  transition: .1s;
  -webkit-transition: .1s;
  -moz-transition: .1s;
}
.game-btns div:hover{background-color: #E09A26;}
.game-btns div:hover a{color: #fff;}

.game-more{
  width: 1500px;
  border: 1px solid #EBEBEB;
  background-color: #fff;
  margin: 0 auto;
  height: 54px;
  cursor: pointer;
  line-height: 54px;
  color:#D28A0B;
}
.game-more:hover{border-color: #dfdfdf;}
.game-more img{
  float: left;
  margin: 15px 22px 0 670px;
}

.vdo-box{
  width: 1502px;
  margin: 0 auto;
}
.vdo-main{
  margin: 10px 0;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.vdo-item{
  width: 364px;
  height: 295px;
  background-color: #fff;
  margin: 0 12px 18px 0;
  overflow: hidden;
}
.vdo-img{
  width: 341px;
  height: 275px;
  position: relative;
  overflow: hidden;
  margin: 11px auto;
}
.vdo-img img{
  width: 100%;
  height: 100%;
}
.vdo-tit{
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: RGBA(66, 43, 7 ,.8);
  font-size: 16px;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: -40px;
  transition: .1s;
  -webkit-transition: .1s;
  -moz-transition: .1s;
}
.vdo-item:hover .vdo-tit{
  bottom: 0;
}


.newDiv{
  position: fixed;
  top: 50%;
  left: 50%;
  width: 980px;
  height: 660px;
  background: #342B1C;
  margin: -340px 0 0 -500px;
  z-index: 9999;
  border: 1px solid #313127;
  text-align: center;
}
.newDiv>img,.newDiv>video{
  width: 960px;
  height: 100%;
  margin: 0 auto;
}

.newDivClose{
  position: absolute;
  top: -25px;
  right: -25px;
  width: 40px;
  height: 40px;
  background: RGBA(27, 22, 10, 1);
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}
.newDivClose img{
  width: 20px;
  height: 20px;
  margin: 10px;
}
.footer{
  width: 100%;
  height: 214px;
  background-color: #000;
}
.f-logo{
  float: left;
  margin: 10px 0 0 334px;
}
.f-text{
  float: left;
  color: #947843;
  font-size: 15px;
  line-height: 38px;
}
.f-text p:first-child{
  margin-top: 42px;
}
.f-text a{ color: #947843;}
.right-float{
  position: fixed;
  top: 20%;
  right: 5px;
  text-align: center;
  z-index: 999;
}
.r-middle{
  background: url(../images/right_m_bg.png) repeat-y;
  position: relative;
  padding: 1px 0;
}
.q-ser{
  margin-top: -15px;
}
.q-ser div{
  margin: 0 auto 9px;
}

.qun-box{
  width: 172px;
  margin: 5px auto;
  background-color: #544222;
  padding: 10px 0;
}
.qun-box>div{
  margin: 0 auto 10px;
}
.r-code{
  width: 160px;
  height: 183px;
  background: url(../images/r_code_bg.png) no-repeat;
  margin: 7px auto 0;
  overflow: hidden;
  text-align: center;
}
.r-code img{
  width: 136px;
  height: 136px;
  margin: 35px auto 0;
}
.r-bottom{
  position: relative;
}
.r-t{
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  margin: 0 auto;
  cursor: pointer;
}