body,header,section,footer,aside,nav,article,figure,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
header,section,footer,aside,nav,article,figure,figcaption{display:block}
body,button,input,select,textarea{font:14px/1.5 "Microsoft Yahei",tahoma,arial,\5b8b\4f53,sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,i{font-style:normal}
ul,ol,dl,dd,dt{list-style:none}
fieldset,img{border:0}
a{text-decoration:none}
button,input,select,textarea{font-size:100%}

body{width:100%;*cursor:default;font:14px/1.5 "Microsoft YaHei",Helvetica,STHeiti STXihei,Microsoft JhengHei,Arial; }
.ty{ width: 1000px; margin: 0 auto}

.header{
	min-width:1000px;

}

.header{
	height:104px;
	font-size: medium;
	background-image: url(../images/headerbk.jpg);
}
.header .logo{padding-top:10px; float:left; width:230px;}
.header .logo img{ display: block;}
.header ul.nav{
	margin-left: 450px;
	height:104px;
	overflow: hidden;
	width:550px;
	text-align: center;
	line-height:130px;
}
.header ul.nav li{
	float: left;
	width:110px;
}
.header ul.nav li a{
display: block;color: #888888;
    transition: all 0.1s ease-in 0s;
    -webkit-transition: all 0.1s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    -ms-transition: all 0.1s ease-in 0s;
    -o-transition: all 0.1s ease-in 0s;
}

.header ul.nav li:hover{
    border-top: 0px solid #ff0000;
}
.header ul.nav li a:hover{
	background-color: #FFF;
    color: #333;
    transform-origin: center;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)}


/*.switchLoad{ width: 100%;height: 280px; overflow:hidden; visibility: visible;text-align: center;  }*/
.hotGame h3{ font-size:30px; margin-bottom:10px; font-weight:600}
.hotGame h3 span{ font-size: 16px;  font-weight: normal}
.hotGame{ overflow: hidden;margin-top:20px;margin-bottom:20px;}
.hotGame .li{ display:block; overflow:hidden; background-color: #FFF;width: 330px;height:156px;float:left; margin:2px;}
.hotGame .liImg img{ float:left; margin-top:24px; margin-left:24px;}
.liConttx{ font-size:28px; float: left; margin-left:20px; margin-top:20px; color:#606060;}
.liContts{ font-size:14px; float: left;width:170px; padding-top:10px;color:#606060; margin-left:20px;}
.gcenter{position: relative; margin-top:0px;height:500px  }
.newsbox img{ margin-bottom:10px;}
.gamelist,.newslist{overflow:hidden; margin-top:30px;}
.newsbox { float:left;width:300px; height:200px; margin-bottom:40px; }
.dongtaibox{ float:left;width:300px; height:200px; margin-bottom:40px; margin-left:50px;font-size:12px;}
.newsbox p{ color:#666666; text-align: justify;font-family:"宋体"}
.dongtaibox span{float:right;color:#666666; }
.dongtaibox p{ color:#666666; float:left;}
.dongtaibox li{ border-bottom:1px dashed  #666666; height:24px; line-height:26px;font-family:"宋体"; float:left; width:300px; }
.gengduo{ float:right; line-height:40px; color:#333; font-family:"宋体"; font-size:12px;}
.gengduo:hover { color: #39F}
.probox {width:1000px; overflow:hidden;}
.probox .gamelist li {width:1000px; height:690px; border: 1px solid #cad6e1; border-radius: 5px; overflow: hidden; text-align: center; background-color: #dedede; margin-bottom:10px;}
.probox .gamelist li h3 ,.question{ height: 55px; padding-top: 3px; line-height: 75px; font-weight: normal; font-size: 1.333em; }
.gamepic {
	width:320px;
	height: 620px;
	margin: 0 auto 0px;
	background-color:#FFF;
	float:left;
	text-align:justify;
}
.gameone{ background-image:url(../images/gayjly.png); height:292px;}
.probox .gamelist li .gamepic a:hover img { opacity: 0.8; filter: alpha(opacity=80); }
.probox .gamelist li .gamelink { width: 320px; }
.gamelink img{ float: left;  margin:6px 10px;}
.probox .gamelist li .gamelink .ewmlink .com a { display: inline-block; vertical-align: top; padding-left: 20px; padding-right: 20px;line-height: 36px; font-size: 1.166em; 
	background: url(../images/icon.png) no-repeat 0 -448px;background-color:#9FC6FF; border-radius: 10px;}
.probox .gamelist li .gamelink .ewmlink i { position: absolute; background: url(../images/ewmbg.png) no-repeat; padding-top:20px;/*padding-top: 1.166em;*/ text-align: center; width: 146px; height: 142px; left: -29px; bottom: 34px; display: none; }
.probox .gamelist li .gamelink .ewmlink:hover i { display: block; }
.probox .gamelist li .gamelink .pc { display: inline-block; font-size: 1.333em; }
.guanwang{ color:#25A0A0; font-size:14px; padding-left:240px;}

.protitle{height:70px;background-color:#FFF; width:320px; display:block; bottom: 0;left:0; right:0;  }
.protitle img{ float:left; padding:12px 14px 10px 20px;}
.protitle h3{ float:left;  margin-top:-6px;}
.introduction{ width:680px; float:left; height:620px;}
.chosebox{ width:680px; height:56px;}
.chosebox a{ display:block; width:340px; height:56px; float:left; line-height:56px; font-size:18px;color: #999;border-bottom:3px #999 solid; font-weight:bold}
.chosebox .hover{ color:#005aff ;border-bottom:3px #005aff solid;}
.line {width:1000px;height:1px;background-color:#D5D5D5;overflow:hidden;vertical-align:middle;}
.lib_Aontentbox_tx{ text-align:justify; line-height:20px; font-size:14px; color:#575757; margin:20px 40px; font-weight:600}
.lib_Aontentbox_tx img{ margin:40px 60px;}
.youxijieshao{ margin:20px; line-height:24px; color: #575757; text-align:justify;}
.fnewtop {
	padding-top: 10px;	margin-top: 10px;
	background-color:#CCC; width:1000px; height:46px;
}

.serviceleft {
	width:200px;
	float: left;
	background-color:#FAFAFA;
	padding-top:50px;
	height:500px;
	margin-top:10px
}
.serviceleft li {
	height:50px;
	border-bottom: 1px solid #cad6e1;
	text-align:center;
	font: 1.3em/25px Arial;
	background-image: url(../images/btn01.png)  no-repeat center top;	
}

.serviceleft li a { display: block;  height: 80px;  width: 143px; position: relative; }

.service{
	border: 1px;
}

.eyecenter{ background-color:#999; margin-top:0px;}
.business{ background-color: #FFF; height:46px; border-radius:10px; margin-top:20px;}
.business h1{ line-height:46px; font-size:18px;width:200px;margin:0 auto; color: #333;}
.hezuoback{ background-color: #FFF; height:30px; border-radius:10px; margin-top:20px;}
.hezuoback span{ color:#666; line-height:30px; margin-left:20px; }
.textbox{ overflow:hidden;}
.textbox li{ width:500px; float:left; margin-bottom:60px}
.textbox li h3{ font-size:19px; line-height:60px;}
.textbox li b{ color:#3f3f3f;line-height:24px;}
.textbox li p{ color:#707070; line-height:24px;}

#lib_Tab1_sx{width:1000px;margin:0px;padding:0px;margin-bottom:100px; overflow:hidden; margin-top:40px;}
.lib_tabborder_sx{height:600px;}
.lib_Menubox_sx {line-height:px;position:relative; float:left; width:176px; height:400px;}
.lib_Menubox_sx ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top: 15px;
	height: 400px;
	text-align: center;
}
.lib_Menubox_sx li{display:block;cursor:pointer;width:176px;color: #FFF;height:50px;line-height:50px; background-image:url(../images/xuanxiang.png);border-radius:6px 0px 0px 6px; color: #FFF; font-size:16px; }
.lib_Menubox_sx li.hover{padding:0px;background:#fff;width:176px;
color: #1d1d1d;height:50px;line-height:50px; border-radius:6px 0px 0px 6px;}
.lib_Contentbox_sx{margin-top:0px; border-top:none; border-left:0; margin-left:176px; background-color: #FFF; border-radius:10px; width: 824px; height:600px; position:relative;}
.lib_Contentbox_sx p{ margin: auto 60px; line-height:28px; text-align:justify; color: #474747; font-size:16px;}
.jianjiebox img{  width:294px; height:160px; margin-right:10px; margin-bottom:5px;}
.jianjiebox{ margin: auto 60px; margin-top:10px;}
.times {display:block; padding:20px;}/*首先，我们要创建一个容器class*/
.times ul {margin-left:50px;border-left:4px solid #ddd;}/*利用ul标签的特性，设置外边框左移25px，左边边框是2px粗的实心线，颜色一般要浅一点*/
.times ul li {width:100%;margin-left:-12px;line-height:20px;font-weight:bold;}/*一般情况，通过li标签控制圆点回到时间线上，然后控制要出现的文字大小和是否粗体*/
.times ul li b {width:12px;height:12px;background:#fff;border:3px solid #ab7dee;margin:1px;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:6px;overflow:hidden;display:inline-block;float:left;}/*利用处理加粗以外没有其它特别属性b标签做时间轴的圆点。*/
.times ul li span {font-size:24px;line-height:30px;color:#ab7dee; padding:20px;}/*设置span标签的属性，让它来做时间显示，加一点边距，使时间显示离时间线远一点*/
.times ul li:hover b {border:3px solid #ff6600;}/*注意这一行，前面的li标签后面加了一个:hover伪属性，意思是鼠标移上来，激活后面的属性，这样可以设置鼠标移动到整个时间范围的时候，时间点和时间显示会变色*/
.times ul li:hover span {color:#ff6600;}/*同上*/
.times ul li p {padding-left:50px;font-size:16px;line-height:25px; margin:14px; color: #635a71; font-style:normal;}/*这里利用段落标签p做文字介绍*/


.tail {position: fixed;  bottom: 0;left:0; right:0;
	min-width:1000px;
	height: 70px;
	text-align: center;
	font-family:"宋体" ;
	color:#bcbcc7;
	line-height:18px;
	font-size:12px;
	background-image:url(../images/footerbk.jpg);
}
