@charset "gb2312";
/* CSS Document */

* {margin:0;padding:0;}
body {font-family:Arial, Helvetica, sans-serif, "宋体";font-size:12px; background:url(images/znq-bg_01.jpg) no-repeat center top; background-color:#ff230a;}
ul, li, ol {margin:0px;padding:0px;list-style:none;}
a {color:#000;text-decoration:none;}
a:hover {color:red;text-decoration:none;}
.f-left {float:left;}
.f-right {float:right;}
img {border:none;}

#zong ,#main_top ,#main_center ,#content01 { width:986px; }
#main_top ,#main_center ,#content01 ,#video ,#content02 ,#content03 ,#content04 ,#com05 ，#com06{ float:left; position:relative;}
#zong {margin:0 auto; padding-top:228px; }
#main_top {height:13px; background-image:url(images/main_top_05.jpg);}
#main_center {background-color:#FFF;}
#content01 { padding-top:5px;}
#video { width:298px; height:258px; background-image:url(images/vid_bg_17.jpg); margin-left:10px;float:left;}
#video_mat { margin:15px 22px; text-align:center; }
#video_mat img { padding-bottom:10px;}
#video_mat span { text-align:center; }
#intro { width:336px; height:253px; float:left; background-image:url(images/intro_bg_21.jpg);margin-left:15px;}
#intro_com { margin:22px 20px 0 20px; line-height:20px; color:#564119;}
#intro_com p {text-indent:2em;}
#intro_com span { font-size:14px; }
#new { width:290px;height:250px; float:left;margin-left:15px;background-color: #EEEEEE;border: 1px solid #E1E1E1;}
#new_bg { background-color: #FFFFFF; margin: 3px;height:244px;}
#mes_mat { text-align:center; }
#mes_mat ul li { line-height:23px; padding-top:5px;}
#mes_mat ul li span{ color:#F00; font-size:13px;}
#mes_mat ul li a:hover { color:#000; text-decoration:underline;}

#content02 { width:958px; height:321px; background-image:url(images/benbem.jpg); margin:10px 0 0 12px;}
#deed { width:460px; float:right; padding:40px; text-align:center; line-height:23px;}
#deed span { font-size:16px; font-weight:bold; color:#F90; line-height:30px;}
#deed p { text-align:left;}

#content03 { padding:10px 0 0 12px;}
.bar_top{width:960px; height:37px; padding:0; background:url(images/bar_topbg.jpg) no-repeat; float:left;}
.bar_tit{padding-left:30px; width:120px; line-height:40px; color:#fff; font-size:14px; font-weight:bold; text-align:center; float:left;}
.bar_mid{width:960px; height:auto; padding:0; background:url(images/bar_bg.jpg) repeat-y; float:left;}
.bar_bot{width:960px; height:6px; padding:0; background:url(images/bar_bot.jpg) no-repeat; float:left;}
#acty_tit { text-align:center; font-size:16px; font-weight:bold; padding-top:10px;}
#acty_com { margin-top:10px; padding:10px 20px 0 20px; float:left; position:relative;}
#acty_left { float:left; width:506px; line-height:25px;}
#acty_right { float:right; width:410px;}

#content04 ,#com05 ,#com06 { padding:10px 0 0 12px;}

/*banner 图片滚动效果*/
.rollBox{width:935px;overflow:hidden;padding:12px 0 0 20px;}
.rollBox .LeftBotton{height:52px;width:19px; background:url(images/arrow_l.jpg) no-repeat 0 20px; overflow:hidden;float:left;display:inline;margin:25px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:52px;width:20px; background:url(images/arrow_r.jpg) no-repeat 0 20px; overflow:hidden;float:left;display:inline;margin:25px 0 0 0;cursor:pointer;}
.rollBox .Cont{width:880px;overflow:hidden;float:left; margin:0 5px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:168px;float:left;text-align:center; padding-right:8px;}
.rollBox .Cont .pic img{padding:1px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto; width:166px; height:123px;}
.rollBox .Cont .pic p{line-height:26px;color:#505050;}
.rollBox .Cont .pic span {line-height:26px;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#333;text-decoration:none; font-size:12px; line-height:24px;}
.rollBox .Cont a:hover{color:#ed1b23;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}

.review01 {width:960px; margin-left:12px; border:1px solid #E0E0E0; float:left; height:568px; margin-top:10px;}
.rev_tit01 { width:960px; height:34px; background:url(images/gfh.jpg) repeat-x;}
.rev_word01{ float:left;font-size:14px; color:#F00; padding:10px 0 0 0px;}
.rew_more01 a { float:right;padding:15px 25px 0 0px; color:#F00;}
.com3_rmid01{width:950px; height:auto; padding:0; float:left;}
.new01{width:925px; height:auto; padding:10px; float:left;}
.new_tit01{ height:24px; line-height:24px; font-weight:bold; font-size:14px; }
.new_box01{ width:660px; padding:10px 0 0 20px; line-height:25px;}
.new_l01{width:155px; height:130px; padding:2px; border:1px #e4e4e4 solid; float:left; margin-left:20px; }
.new_r01{width:700px; height:auto; padding:0; float:right; line-height:15px; text-indent:2em; margin-right:10px;}
.new_line01{width:925px; height:2px; border-bottom:1px dashed #cacaca; float:left; display:block; clear:both; margin-top:10px;}

/*图片切换*/
#gallery {  position: relative;}
#pictures {height: 308px;  position: relative;}
#pictures img { left: 25px;position: absolute; top: 0;}
#prev, #next { float:left; font-size: 14px; margin-top: 10px;text-align: center; margin-left:80px;}
.omega {  margin-right: 0;}


/*二维码*/
.blk_29 { OVERFLOW: hidden; PADDING-TOP: 10px;  ZOOM: 1; POSITION: relative; border:1px solid #CCC; height:190px;}
.blk_29 .LeftBotton { BACKGROUND: url("images/ca_hz_002.jpg") no-repeat 0px 0px; LEFT: 4px;FLOAT: left;WIDTH: 11px;CURSOR: pointer;POSITION: absolute; TOP: 35px; HEIGHT: 114px;}
.blk_29 .RightBotton {RIGHT: 4px;BACKGROUND: url("images/ca_hz_002.jpg") no-repeat -11px 0px; FLOAT: right;WIDTH: 11px; CURSOR: pointer; POSITION: absolute; TOP: 38px; HEIGHT: 114px;}
.blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 888px; PADDING-TOP: 5px;}
.blk_29 .box {	FLOAT: left; WIDTH: 152px; TEXT-ALIGN: center;}
.blk_29 .box IMG {PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 3px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto;  PADDING-TOP: 3px; border:1px solid #dcdcdc;}
.blk_29 .box P {MARGIN: 6px auto 0px; WIDTH: 97px;  font-size:12px;}
.rollphotos {MARGIN-TOP: 10px;WIDTH: 940px; float:left; position:relative; margin-left:10PX;}
.partC {	MARGIN-TOP: 10px; OVERFLOW: auto; WIDTH: 950px;}
.partC .PC_left {	OVERFLOW: auto; WIDTH: 470px;}
.partC .PC_right {	OVERFLOW: auto; WIDTH: 470px;}
.partC .PC_left {	FLOAT: left;}
.partC .PC_right {	FLOAT: right;}
.PT_mix {	BORDER-RIGHT: #a2d1ff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #a2d1ff 0px solid; PADDING-LEFT: 0px; BACKGROUND: #f3fbfe; PADDING-BOTTOM: 10px; OVERFLOW: auto; BORDER-LEFT: #a2d1ff 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #a2d1ff 1px solid;}
.PhoTxt {	MARGIN-TOP: 10px; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; OVERFLOW: auto; WIDTH: 220px;}
.PhoTxt IMG {	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 3px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 3px; BORDER-LEFT: #ccc 1px solid; MARGIN-RIGHT: 5px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid;}
.PhoTxt H1 {	FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 23px;}
.PhoTxt P {	COLOR: #545454; LINE-HEIGHT: 20px; font-size:12px;}

/*xtone集团网站*/
.colum { margin-top:10px;overflow:hidden;background-color:#fff;width:958px; float:left; margin-left:12px;}
.colum h2 {width:100%;font-size:14px;padding-top:20px;line-height:20px;text-indent:20px;color:#333;}
.rounded_border {border: 1px solid #e4e4e4;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px 5px 5px 5px;border-top-left-radius: 5px 5px;border-top-right-radius: 5px 5px;border-bottom-right-radius:5px 5px;border-bottom-left-radius:5px 5px;}
#muu_link {padding:0 10px 5px 15px;}
#muu_link .linktips{width:100%;padding:5px 0 0 0; float:left;}
#muu_link .linktips h2 {width:auto;padding:0;font-size:12px;line-height:20px;text-indent:0; float:left;}
#muu_link .linktips span{font-weight:normal; font-family:Helvetica, Arial, "宋体"; padding:0 8px;}
#muu_link .linkspan {padding-right:32px;line-height:22px;}


/*精彩瞬间*/

.rollBox { overflow: hidden;  padding: 12px 0 0 12px;  width: 935px;}
.artist_l {  height: 354px;  margin: 0 0 2px;  position: relative; width: 960px;}
.artist_l .a1 {  left: 0;  position: absolute;  top: 0;}
.artist_l .a2 { height: 110px; left: 472px; overflow: hidden; position: absolute; top: 120px; width: 110px;}
.artist_l .a3 { height: 110px;  left: 240px; overflow: hidden;  position: absolute;  top: 0; width: 110px;}
.artist_l .a4 {  height: 110px;  left: 240px;  overflow: hidden;  position: absolute; top: 0; width: 110px;}
.artist_l .a5 { height: 110px;left: 240px; overflow: hidden;  position: absolute;  top: 0; width: 110px;}
.artist_l .a6 { height: 110px;  left: 240px;overflow: hidden; position: absolute; top: 0;width: 110px;}
.artist_l .a7 {  height: 110px; left: 240px;overflow: hidden; position: absolute;  top: 0; width: 110px;}
.artist_l .a8 {height: 110px;  left: 240px;  overflow: hidden; position: absolute; top: 0; width: 110px;}
.artist_l .a9 { height: 110px;left: 242px;  overflow: hidden;position: absolute; top: 0;  width: 110px;}
.artist_l .a10 {  height: 110px; left: 240px; overflow: hidden;  position: absolute; top: 0; width: 110px;}
.artist_l .a11 { height: 110px;  left: 240px; overflow: hidden; position: absolute;top: 0; width: 110px;}
.artist_l .a12 {  height: 110px; left: 240px; overflow: hidden;position: absolute;top: 0; width: 110px;}
.artist_l .a3 a {  font-size: 12px;height: 90px; overflow: hidden;padding: 10px;  width: 90px;}
.artist_l .a4 a { font-size: 12px;height: 90px; overflow: hidden; padding: 10px; width: 90px;}
.artist_l .a5 a { font-size: 12px; height: 90px; overflow: hidden; padding: 10px; width: 90px;}
.artist_l .a6 a {  font-size: 12px;  height: 90px; overflow: hidden; padding: 10px;width: 90px;}
.artist_l .a8 a {  font-size: 12px; height: 90px;overflow: hidden; padding: 10px;  width: 90px;}
.artist_l .a7 a { font-size: 12px; height: 90px;  overflow: hidden; padding: 10px;  width: 90px;}
.artist_l .a10 a { font-size: 12px; height: 90px; overflow: hidden; padding: 10px; width: 90px;}
.artist_l .a11 a {  font-size: 12px; height: 90px; overflow: hidden; padding: 10px; width: 90px;}
.artist_l .a2 a { font-size: 18px; height: 172px;overflow: hidden; padding: 45px 20px 15px 30px; width: 182px;}
.artist_l .a12 a {  font-size: 18px; height: 172px; overflow: hidden; padding: 45px 20px 15px 30px; width: 182px;}
.artist_l .a9 a { font-size: 14px;  height: 90px; overflow: hidden; padding: 10px 20px; width: 192px;}
.artist_l .a2 {  height: 232px; width: 232px;}
.artist_l .a3 {left: 237px; top: 1px;}
.artist_l .a4 {left: 356px; top: 0px;}
.artist_l .a5 { left: 474px; top: 0;}
.artist_l .a6 {left: 592px; top: 0;}
.artist_l .a7 { left: 237px; top: 121px;}
.artist_l .a8 {left: 355px;top: 121px;}
.artist_l .a9 {left: 239px;top: 241px; width: 228px;}
.artist_l .a10 { left: 710px;   top: 0;}
.artist_l .a11 {  left: 828px; top: 0;}
.artist_l .a12 { height: 232px; left: 711px;  top: 120px; width: 232px;}
.artist_l a {  background: none repeat scroll 0 0 #FF0048; color: #FFFFFF;  font-family: 'Microsoft YaHei'; left: 0; opacity: 0.9;   position: absolute;  top: 0;}
.artist_l a:hover {  color: #FFFFFF;}
.artist_l a strong { line-height: 2em;}


/*游戏展示*/
#page{margin:0 auto;position:relative;width:900px;font-family:verdana;font-size:12px;}
#content01{	width:100%;}
pre{border:3px solid #ccc;padding:5px;font-size:12px;font-family:arial;	}	.bold{font-weight:bold;}
.blue{color:blue;}
.red{color:red;}
#footer{margin-top:5px;text-align:center;width:100%;height:auto;padding:5px;	background-color:#ccc;}
#logo,#foot { margin-left: 10px; }

ul.thumb {float: left;list-style: none;margin: 0; padding: 10px;width: 880px;background-color: white;}
ul.thumb li {margin: 0; padding: 5px 17px;float: left;position: relative;width: 110px;height: 110px;}
ul.thumb li img {width: 100px; height: 100px;border: 1px solid #ddd;padding: 5px;background: #f0f0f0;position: absolute;left: 0; top: 0;-ms-interpolation-mode: bicubic; }
ul.thumb li img.hover {margin-top:15px;background:url(images/thumb_bg.png) no-repeat center center;border: none;}
.title{position:absolute;width:185px;height:35px;margin:0;font-weight:900;background:url(images/blue.png) no-repeat center center;padding:17px 0 0 0;text-align:center; color: #fff; }


/*bottom底部*/
#bottom{width:960px; height:64px; margin-top:8px; background:url(images/bottom_bg.jpg) repeat-x; float:left; margin-left:12px;}
.bot_logo{width:104px; height:43px; margin:10px 20px; float:left; background:url(images/bot_bg.jpg) no-repeat;}
.bot_text{width:700px; height:auto; line-height:22px; margin-top:20px;  margin-left:10px; color:#464646; float:left;}


.new_r02{width:925px; height:auto; padding:0; line-height:15px; text-indent:2em; margin-right:10px;}
.new_box02{ width:880px; padding:10px 0 0 20px; line-height:25px;}


#new_more a { float:right; margin-top:10px; margin-right:10px; font-size:14px;}
#new_more a:hover { color:#F00; text-decoration:underline;}
