/*@font-face{ font-family: fontR; src: url(http://s.30hx.com/fonts/SourceHanSansCN-Regular.otff');}*/
html,body{padding: 0;margin: 0;font-family:fontR,"微软雅黑";font-size: 16px;color: #333333;}
.wrap{margin: 0 auto;max-width: 1210px;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
p{margin: 0;}
i,em{font-style: initial;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.pa{position: absolute; }
.flexcen{display: flex;justify-content: center;align-items: center;}
.flexsta{display: flex;justify-content: flex-start;align-items: center;}
.flexend{display: flex;justify-content: flex-end;align-items: center;}
.flexbet{display: flex;justify-content: space-between;align-items: center;}
.flexaro{display: flex;justify-content: space-around;align-items: center;}

.main{background: url(../img/bg.jpg) no-repeat top center/cover;padding-bottom: 98px; }

/****底部***/
.footerDiv{background: #d2cab2;padding:30px 0 40px;font-size: 12px;color: #281908;text-align: center;}
.footerDiv .bdDiv p{margin: 5px 0;}
.footerDiv a{color: #281908; }
.footerDiv a:hover{color: rgba(255,255,255,1); }


/********************************* 首页 **********************************/
.indexDiv1{padding: 101px 0 135px; }
.indexDiv1 .hdDiv .leftDiv{width: 30%;}
.indexDiv1 .hdDiv .leftDiv ul{margin: 20px 0;overflow: hidden; }
.indexDiv1 .hdDiv .leftDiv ul li{color: #fefdbe;float: left;width: 50%;font-size: 18px;margin-top: 10px; }
.indexDiv1 .hdDiv .leftDiv a{background: url(../img/btn-bg1.png) no-repeat center center/100% 100%;width: 250px;height: 58px;font-size: 24px;color: #785032;margin: 49px 0 25px;  }
.indexDiv1 .hdDiv .leftDiv a img{margin-right: 18px; }
.indexDiv1 .hdDiv .leftDiv .btnDiv p{font-size: 18px;color: #fefdbe; }
.indexDiv1 .hdDiv .rightDiv{width: 52.9752%; }
.indexDiv1 .hdDiv .rightDiv a{display: block;position: relative; }
.indexDiv1 .hdDiv .rightDiv .bgDiv{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../img/zz.png) no-repeat center center/100% 100%;cursor: pointer; }
.indexDiv1 .bdDiv{margin: 50px 0 115px;padding: 37px 46px 10px;background: #fffaec;box-shadow: 0px 0px 9px rgba(0,0,0,.35);border-radius: 5px; }
.indexDiv1 .bdDiv .row{margin: 0 -11.5px; }
.indexDiv1 .bdDiv .row>div{margin-bottom: 20px;padding: 0 11.5px; }
.indexDiv1 .bdDiv .row>div a{display: block;position: relative; }
.indexDiv1 .bdDiv .row>div .playBtn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); }
.indexDiv1 .bdDiv .row>div .videoA{border: 3px solid #cfbe4f;}
.indexDiv1 .bdDiv .row>div .imgA{border: 3px solid #491f07;}
.indexDiv1 .textDiv b{font-size: 30px;color: #281908; }
.indexDiv1 .textDiv .p{font-size: 18px;color: #281908;line-height: 1.8;margin-top: 10px; }

.floatLeftDiv{position: fixed;left: 1vw;top: 9.375vw;padding: 1.26vw 2vw;background: url(../img/ewm-bg.jpg) no-repeat center center/cover; }
.floatLeftDiv .ewmDiv{background: #fff;text-align: center;width: 8.28125vw;padding: 1vw 0 5px; }
.floatLeftDiv .ewmDiv:nth-child(1){margin-bottom: 2vw; }
.floatLeftDiv .ewmDiv img{width: 6.25vw;}
.floatLeftDiv .ewmDiv p{margin: 5px 0 0;color: #395062;font-size: 0.9375vw; }

.downloadDiv{position: fixed;bottom: 0;left: 0;width: 100%;background: #e9d8a8;z-index: 99;box-shadow: 5px 0px 5px rgba(0,0,0,.28); }
.downloadDiv .bdDiv{height: 98px; }
.downloadDiv .bdDiv a{background: url(../img/btn-bg2.png) no-repeat center center/100% 100%;width: 250px;height: 58px;font-size: 24px;color: #785032; }
.downloadDiv .bdDiv a img{margin-right: 18px; }

.videoPop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 999;display: none; }
.videoPop .popCon{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);min-width: 60%; }
.videoPop .popCon .videoDiv{max-width: 1320px;max-height: 70%;border: 4px solid #cfbe4f;position: relative; }
.videoPop .popCon .videoDiv video{width: 100%;display: block; }
.videoPop .close{position: absolute;right: -60px;top: 0;opacity: 1; }
.videoPop .popCon .tb{position: absolute;z-index: 999;}
.videoPop .popCon .tb1{left: 5px;top: 5px; }
.videoPop .popCon .tb2{right: 5px;top: 5px; }
.videoPop .popCon .tb3{right: 5px;bottom: 5px; }
.videoPop .popCon .tb4{left: 5px;bottom: 5px; }

.imgPop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 999;display: none; }
.imgPop .popCon{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.imgPop .popCon .imgDiv{max-width: 1320px;max-height: 70%;border: 4px solid #cfbe4f;position: relative;text-align: center; }
.imgPop .close{position: absolute;right: -60px;top: 0;opacity: 1; }
.imgPop .popCon .tb{position: absolute;z-index: 999;}
.imgPop .popCon .tb1{left: 5px;top: 5px; }
.imgPop .popCon .tb2{right: 5px;top: 5px; }
.imgPop .popCon .tb3{right: 5px;bottom: 5px; }
.imgPop .popCon .tb4{left: 5px;bottom: 5px; }



@media (max-width:1220px) {
	.wrap{padding: 0 20px;width: 100%;}
}
@media (max-width:1100px) {
}
@media (min-width:992px) and (max-width:1024px) {
}
@media (min-width:768px) and (max-width:991px) {
	
}
@media (max-width:991px){
}

.hidden-xs{display: block;}
.visible-xs{display: none;}

/*手机*/
@media (max-width:767px) {
	html, body{min-width: initial;overflow-x: hidden;}
	
	.hidden-xs{display: none;}
	.visible-xs{display: block;}

	.wrap{padding: 0 4vw;width: 100%;}
	.floatLeftDiv{display: none;}
	.main{margin-top: 12vw;padding-bottom: 0; }
	.downloadDiv{bottom: auto;top: 0;}
	.downloadDiv .bdDiv{height: 12vw; }
	.downloadDiv .bdDiv img{height: 8.4259vw;}
	.downloadDiv .bdDiv a{width: 23.33vw;height: 8vw;font-size: 2.78vw; }
	.downloadDiv a img{display: none; }
	
	.indexDiv1{padding: 9.8148vw 0 8.425925vw;}
	.indexDiv1 .hdDiv{display: block;}
	.indexDiv1 .hdDiv .leftDiv{width: 100%;}
	.indexDiv1 .hdDiv .leftDiv>img{width: 31.388889vw;}
	.indexDiv1 .hdDiv .rightDiv{width: initial;margin: 10.185185vw 5.648vw 0; }
	.indexDiv1 .hdDiv .rightDiv .bgDiv img{width: 6.29629vw; }
	.indexDiv1 .hdDiv .leftDiv ul{margin: 4.629vw 0 1.85vw; }
	.indexDiv1 .hdDiv .leftDiv ul li{font-size: 3vw;margin-top: 0;width: 40%; }
	.indexDiv1 .hdDiv .leftDiv a{width: 23.33vw;height: 8vw;font-size: 2.78vw;margin: 0; }
	.indexDiv1 .hdDiv .leftDiv a img{display: none; }
	.indexDiv1 .hdDiv .leftDiv .p>img{width: 27.1296vw;}
	.indexDiv1 .hdDiv .leftDiv .p p{font-size: 3vw;color: #fefdbe; }
	.indexDiv1 .bdDiv{margin: 5.64vw 0 7.3vw;padding: 4.167vw 3.425vw; }
	.indexDiv1 .bdDiv .row{margin: 0 -0.6944vw;}
	.indexDiv1 .bdDiv .row>div{padding: 0 0.6944vw;margin-bottom: 1.75925vw;}
	.indexDiv1 .bdDiv .row>div .playBtn{width: 5.185185vw;}
	.indexDiv1 .bdDiv .row>div .videoA{border-width: 1px;}
	.indexDiv1 .bdDiv .row>div .imgA{border-width: 1px;}
	.indexDiv1 .bdDiv .row>div:last-child{display: none;}
	.indexDiv1 .textDiv b{font-size: 4.6296vw;}
	.indexDiv1 .textDiv .p{font-size: 1.67vw;margin-top: 1.85vw; }
	
	.footerDiv{padding: 3.2vw 0 ; }
	.footerDiv .linkDiv{display: none;}
	
	.videoPop .popCon,.imgPop .popCon{width: 95%;}
	.videoPop .close,.imgPop .close{right: 0;top: -40px;width: 26px;}
}



#top_nav {
	height:100px;
/*	margin-bottom:8px;*/
	width: 100%;
	background-image: url(../../game/images/nav.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align:center;
	opacity: 0.85;
} 
#top_nav ul{
    margin: 0;
    padding-top: 12px;
	padding-right: 80px;
    overflow: hidden;
}
#top_nav li{
	display: inline;
}
#top_nav li a{
	margin-left: 17px;
	margin-right: 15px;
	font-size: 0px;

}