@charset "utf-8";
body,html {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	font-family:"Microsoft Yahei","Arial", "Helvetica", "sans-serif";
	background: url(../images/bg2.jpg) fixed;
}
dd,div,dl,dt,li,ol,p,ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
a:link,a:visited {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #ff7733;
	text-decoration: none;
}
.clear {
	clear: both;
}
input[type="button"], input[type="submit"], input[type="reset"] {
   -webkit-appearance: none;
}

textarea {  -webkit-appearance: none;} 
.clearfix:after,.clearfix:before {
	display: table;
	content: "";
	line-height: 0;
}
.clearfix:after {
	clear: both;
}
.space {
	height: 70px;
}
img {
	border: 0;
}
.main{
	position: relative;
	min-height:100%;
	height:auto;
}
.bword{
	font-size:15px;
	font-weight: bold;
}
.sel_tit{
	font-size:19px;
	padding:20px 0 10px 0;
	color:#fff;
}
.wrap{
	width:1200px;
	margin:0 auto;
	position: relative;
}
.logo{
	padding-top:20px;
	text-align: center;
	top:0;
	width:100%;
	z-index:99;
}
.logo img{
	height:200px;
	width:auto;
}
.banner {
	text-align: center;
}
.banner img {
	height: auto;
	max-width: 100%;
}
.ban {
	text-align: center;
	margin-top:-15px;
	margin-bottom:10px;
}
.ban img {
	height: auto;
	max-width: 100%;
}
.formtxt{
	border-radius:5px;
	padding:10px 5% 15px 5%;
	width:90%;
	margin:0 auto;
	text-align: center;
	font-size:14px;
	border-bottom:1px dashed #ccc;
	border-top:1px dashed #ccc;
	color:#777;
}
.formtxt p{
	color:#c3000f;
	font-size:20px;
	padding-bottom:7px;
}
.formbox{
	margin:0 auto;
	padding:20px 30px;	
}
.formbox li{
	border:1px solid #e5e5e5;
	border-radius:3px;
	line-height: 20px;
	padding:5px;
	margin-bottom:12px;
}
.formbox span{
	display: inline-block;
	vertical-align: middle;
	width:30%;
	text-align: center;	
}
.footer{
	text-align: center;
	line-height: 50px;
	font-size:14px;
	color:#ccc;
	border-top:1px dotted #999;
	width:100%;
	position: absolute;
	bottom:0;
}
.footer a{
	color: #ccc;
}
.fk{
	margin-top:30px;
}
input {
	width:66%;
	padding:3px 2%;
	border: none;
	color:#333;
	line-height: 20px;
	font-size:15px;	
	font-family:"Microsoft Yahei","Arial", "Helvetica", "sans-serif";
}
.wa{
	width:55%;
}
.mtable{
	display:none;
}
.table1{
	margin:15px 0;
}
.table1 th{
	background:#44a5dc;
	color:#fff;
	font-size:14px;
	font-weight: normal;
	line-height: 40px;
	padding:0 6px;
	box-sizing: border-box;
}
.table1 td{
	border-bottom:1px solid #00aeef;
	padding:12px 5px;
	color:#fff;
	font-size:14px;
}
.t1{
	width:90px;
}
.t2{
	width:290px;
}
.t4{
	width:120px;
}
.t5{
	width:80px;
}
.t6{
	width:80px;
}
.t7{
	width:60px;
}
.w1{
	width:230px;
}
.title {
	margin:30px 0;
	border-radius: 5px;
	text-align: center;
	line-height: 50px;
	color:#fff;
	font-size:20px;
	box-shadow: 0 0 10px #333333;
	background:linear-gradient(top,#3a9cbb,#3981bb);
   background:-webkit-linear-gradient(top,#3a9cbb,#3981bb);
   background:-moz-linear-gradient(top,#3a9cbb,#3981bb);
}
.con-info{
	padding:0 10px;
	line-height: 25px;
}
.con-info img{
	max-width:100%;
	height:auto;
}
#map{
	height:300px;
	width:100%;
}
.mob-tit {
   position: fixed;
	top: 58px;
	z-index: 9;
	display: block;
	width: 100%;
	background: url(../images/left-tit.jpg) center top;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 32px;
	cursor: pointer;
}

.moblist {
	position: absolute;
	top: 0;
	z-index: 99;
	padding-top: 32px;
	width: 100%;
	text-align: center;
}
.moblist li {
	border-bottom: 1px solid #f2f2f2;
	background: #ddd;
	font-size: 14px;
	line-height: 32px;
}
.moblist li a {
	display: block;
}
.drawer-toggle {
	top: auto;
	display: block;
}
.mobnav {
	position: relative;
	display: block;
	padding-top: 4px;
	background: #00aeef;
	text-align: center;
}
.gamelist{
	font-size:0;
	margin-top:20px;
}
.gamelist li{
	display: inline-block;
	vertical-align: top;
	width:30.33%;
	margin:0 1.5% 30px 1.5%;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 0 10px #333333;
}
.gamelist li img{
	max-width:100%;
	height:auto;
	border-radius: 10px;
}
.blankbg{
	z-index:99;
	background: rgba(0,0,0,.5) none repeat scroll 0 0!important;
	position: absolute;
	bottom:-100%;
	width:100%;
	height:100%;
	color:#fff;
	text-align: center;
	transition: all 0.4s;
}
.gamelist li:hover .blankbg{
	bottom:0;
}
.middle-inner{
  	position: absolute;
  	text-align: center;
  	width:100%;
  	top:50%;
  	margin-top:-35px;
  	font-size:20px;
  	line-height: 35px;
}
.middle-inner p{
	font-size:26px;
}
.pages{
	margin:30px 0;
	text-align: center;
}
.send{
	display: inline-block;
	background: #00aeef;
	width:140px;
	border-radius: 5px;
	line-height: 20px;
	padding:13px 0;
	font-size:18px;
	border:none;
	color:#fff;
	margin-right:20px;
	cursor: pointer;
}
.send:hover{
	background: #298bdb;
}
.pages a{
	display: inline-block;
	background: #00aeef;
	width:140px;
	border-radius: 5px;
	line-height: 20px;
	padding:13px 0;
	font-size:18px;
	border:none;
	color:#fff;	
}
.pages a:hover{
	background: #298bdb;
}
.heroclass{
	margin:20px 0;
	border-radius: 5px;
	overflow: hidden;
	line-height: 40px;
	box-shadow: 0 0 10px #333333;
	background:linear-gradient(top,#44b7dc,#4398dc);
   background:-webkit-linear-gradient(top,#44b7dc,#4398dc);
   background:-moz-linear-gradient(top,#44b7dc,#4398dc);
   font-size:0;
}
.heroclass li{
   display: inline-block;
   padding:10px 40px;
	font-size:18px;
   color:#fff;
   margin:0;
   cursor: pointer;
}
.heroclass li:hover{
	background: rgba(0,0,0,.15) none repeat scroll 0 0!important;
}
.heroclass li.hover{
	background: rgba(0,0,0,.25) none repeat scroll 0 0!important;
}
.title2{
	color:#fff;
	font-size:24px;
	line-height: 40px;	
}
.serlist{
	margin-bottom:20px;
}
.serlist li{
	padding:15px 0;	
}
.ser_tit{
	background: #298bdb;
	color:#fff;
	margin-bottom:15px;
	font-size:18px;
	line-height: 40px;
	position:relative;
	border-radius: 5px;
	box-shadow: 0 0 3px #333333;
}
.ser_tit p{
		text-align: center;
}
.serlist li img{
	width:90px;
	height:auto;
	border-radius: 5px;
	margin-right:5px;
	box-shadow: 0 0 10px #333333;
	cursor: pointer;
}
.serbox{
	display: none;
	position: absolute;
	width:100%;
	bottom:-10px;
	z-index:99;
}
.serico{
	text-align:center;
	height:10px;
	background: url(../images/arrow.png) no-repeat 30px top;
}
.serpic{
	background: #fff;
	border-radius: 5px;
	padding:5px;
	display: inline-block;	
	margin-bottom:-12px;
}
.serlist .serpic img{
	max-width:100%;
	width:auto;
	height:auto;
	box-shadow: 0 0 0;
	display: block;
}
.serlist li:hover .serbox{
	display:block;
}
.herolist {
	width: 100%;
	font-size: 0;
}
.herolist ul{
	width:102%;
}
.herolist li {
	display: inline-block;
	vertical-align: top;
	width:10.5%;
	margin-right:2%;
	margin-bottom:20px;
	font-size: 14px;
	cursor: pointer;
	text-align: center;
}
.herolist li a {
	display: block;
	padding:3px;
	position: relative;
}
.herolist li a .flower{
	position: absolute;
	z-index:99;
	width:100%;
	top:25%;
	left:16%;
	text-align: center;
	display: none;
}
.herolist li a .flower img{
}
.herolist li p{
	text-align: center;
	font-size:16px;
	line-height: 30px;
	color:#fff;
}
.herolist li a.current {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background: #e30112;
}
.herolist li a.current i{
	width:30px; 
	height:30px; 
	position:absolute; 
	right:3px; 
	bottom:3px;
	background:url(../images/checked.gif) no-repeat;
}
.herolist li input {
	display: none;
}
.no_result{
	text-align: center;
	color:#fff;
	line-height: 50px;
	font-size:15px;
}
.bpic img{
	max-width:100%;
	height:auto;
}
.bigpic{
	max-width:450px;
	width:auto;
	height:auto;
}
.picbox{
	background:url(../images/picbox.png);
	background-size:100% auto;
	padding:5px 6px 0 6px;
	height:118px;
	margin:0 auto;
}
.picbox p{
	height:111px;
	overflow: hidden;
	border-radius: 5px;
}
.picbox img{
	width:100%;
	height:auto;
	display: block;
}
.spic{
	font-size:0;
	width:290px;
}
.spic li{
	width:25%;
	display: inline-block;
	vertical-align: top;
	margin-bottom:3px;
}
.spic li img{
	max-width:70px;
	width:auto;	
}
.picbox2{
	width:60px;
	height:60px;
	display: inline-block;
	border:3px solid #ae9875;
	overflow: hidden;
	border-radius: 5px;
	background: #fff;
}
.picbox2 img{
	width:100%;
	height:auto;
	display: block;
}
td span{
	padding-left:8px;
}
#ww:link,#ww:visited{
	color:#00aeef;
	text-decoration: underline;
}
.selected {
	width: 100%;
	font-size: 0;
}
.selected ul{
	width:102%;
}
.selected li {
	display: inline-block;
	vertical-align: top;
	width:10.5%;
	margin-right:2%;
	margin-bottom:20px;
	font-size: 14px;
	cursor: pointer;
	text-align: center;
}
.selected li input{
	display:none;
}
.selected li a {
	display: block;
	padding:3px;
	position: relative;
}
.selected li a .flower{
	position: absolute;
	z-index:99;
	width:100%;
	top:25%;
	left:16%;
	text-align: center;
	display: none;
}
.selected li a .flower img{
}
.selected li p{
	text-align: center;
	font-size:16px;
	line-height: 30px;
	color:#fff;
}
.p_title{
	display: none;
}
@media screen and (max-width:1200px) {
   .wrap{
   	width:98%;
   }
	.logo img{
		height:160px;
		width:auto;
	}
	.herolist ul,.selected ul{
		width:100%;
	}
	.herolist li,.selected li {
		width:12.4%;
		margin:0 1% 20px 1%;
	}
	.picbox{
		height:113px;
	}
	.picbox p{
		height:106px;
	}
	.picbox2{
		width:50px;
		height:50px;
	}
	.w1{
		width:200px;
	}
}
@media screen and (max-width:880px) {
	.herolist li,.selected li {
		width:18%;
	}
	.picbox{
		height:121px;
	}
	.picbox p{
		height:117px;
	}
	.wk,.table1{
		display:none;
	}
	.mtable{
		display: block;
	}
	.table2{
		color:#fff;
		border:1px solid #ddd;
		box-sizing:border-box;
		font-size:14px;
		line-height: 22px;
		margin-top:20px;
	}
	.table2 td{
		padding:6px 6px 6px 20px;		
	}
	.wbg{
		background: rgba(255,255,255,.05) none repeat scroll 0 0!important;
	}
	.w1{
		width:120px;
	}
}
@media screen and (max-width:740px) {
	body{
		background: #0d1c3b;
		color:#fff;
	}
	.w1{
		width:22%;
	}
	.bpic{
		width:78%;
	}
	.bpic img{
		width:100%;
	}
	.spic{
		width:96%;
	}
	.spic li{
		width:20%;
	}
	.table2 td{
		padding:5px 6px;	
		font-size:15px;	
	}
	.logo{
		padding-top:10px;
		margin-bottom:-15px;
	}
	.logo img{
		height:110px;
		width:auto;
	}
	.gamelist li{
		width:48%;
		margin:0 1% 10px 1%;
		box-shadow: 0 0 0 #333333;
	}
	.blankbg{
	   display:none;
	}
	.p_title{
		display:block;
		font-size:16px;
		line-height: 30px;
		height:30px;
		overflow: hidden;
		color:#fff;
		text-align: center;
	}
	.herolist li{
		width:24%;
		margin:0 0.5% 10px 0.5%;
	}
	
	.picbox{
		background:transparent;
		padding:0;
		height:auto;
		margin:0 auto;
		border:2px solid #b9bbc1;
		border-radius: 0;
		overflow: hidden;
	}
	.picbox p{
	   height:auto;
	   border-radius: 0;
   }
	.herolist li p{
		font-size:15px;
		line-height: 26px;
	}  
	.heroclass{
		line-height: 36px;
	}
	.heroclass li{
   	display: inline-block;
   	padding:5px 15px;
		font-size:15px;
   	color:#fff;
   	margin:0;
   	cursor: pointer;
	}
	.picbox2{
		border:1px solid #b9bbc1;
		border-radius: 0;
	}
	.selected,.sel_tit{
		display: none;
	}
	.pages{
		margin:20px 0;
		text-align: center;
	}
	.send{
		width:130px;
		padding:8px 0;
		font-size:16px;
	}
	.pages a{
		width:130px;
		padding:8px 0;
		font-size:16px;
	}
	.picbox2{
		width:16%;
		height:auto;
	}
	.herolist li a.current {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		background: #e30112;
	}
	.title2{
		color:#fff;
		font-size:22px;
		line-height: 30px;	
	}
}