﻿body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, input, video {
	margin: 0;
	padding: 0;
	text-align: left;
}
ul, ol {    list-style: outside none none;}
img {    border: 0 none;    vertical-align: middle;}
a {color: #4d5349;    outline: medium none;    text-decoration: none;}
a:hover {
	color: #F00;
	text-decoration: underline;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
.hid {display: none;}
body {background: none repeat scroll 0 0 #fff;color: #525252;font: 14px/1.5 "微软雅黑",arial;width: 100%;}
.video video {height: 100%;width: 100%;}
#conc{ width:460px; height:221px; position:absolute;background:#000;filter:alpha(opacity=50);opacity:0.5; display:inline-block; top:0; z-index:5 }
.loading {color: #e4e4e4;font-size: 12px;text-align: center; z-index:10}
.screen {background: url("../images/bg.jpg")/*tpa=http://www.gm318.com/images/bg.jpg*/ no-repeat scroll 50% 0px ;min-width: 1000px;text-align: center;}
.screen .wrapper {height: 988px;overflow: hidden;position: relative;width: 100%;}
.screen .flashbg {background: url("../images/main.jpg")/*tpa=http://www.gm318.com/images/main.jpg*/ no-repeat scroll 50% 0 ;height: 100%;left: 50%;margin-left: -1000px;position: absolute;top: 0;width: 2000px;}
.screen .content {height: 100%;position: relative;width: 100%;z-index: 1;}
.screen .container {margin: 0 auto;padding: 316px 0 0;position: relative;text-align: left;width: 1000px;}
.screen h2 {display: none;}
.screen .video {height: 261px;margin: 0 0 0 475px;width: 460px;}

.screen .nav {overflow: hidden;padding: 10px 0 0 475px;}
.screen .nav a {background-image:url("../images/nav.jpg")/*tpa=http://www.gm318.com/images/nav.jpg*/;background-repeat: no-repeat;display: block;float: left;height: 70px;text-indent: -9999px;width: 205px;}
.screen .nav .ydzg {background-position: 0 0;height: 150px;margin: 0 10px 0 0;width: 245px;}
.screen .nav .enter {background-position: -245px 0;margin: 0 0 10px;}
.screen .nav .czzsj {background-position: -245px -70px;}
.screen .nav .ydzg:hover {background-position: 0 -150px;}
.screen .nav .enter:hover {background-position: -245px -150px;}
.screen .nav .czzsj:hover {background-position: -245px -220px;}
#footer_ied {background: url("../images/footbg.png")/*tpa=http://www.gm318.com/images/footbg.png*/ repeat-x scroll 0 0 ;color: #445059;font-size: 12px;padding: 30px 0;text-align: center;}
#footer_ied a {color: #445059;text-decoration: none;}
#footer_ied a:hover {text-decoration: underline;}
.handhd {height: 100%;overflow-x: hidden;position: relative;}
.handhd .wrapper {padding: 0 0 10px;}
.handhd .flashbg {display: none;}
.handhd .container {width: 100%;}
.handhd .video {background: none repeat scroll 0 0 #000;color: #fff;font-size: 24px;height: 200px;margin: 0 2%;width: 96%;}
.handhd .loading {line-height: 200px;}
.handhd .nav {overflow: hidden;padding: 10px 2% 0;}
.handhd .nav a, .handhd .nav b {color: #e4e4e4;display: block;text-align: center;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);}
.handhd .nav b {margin: 1px;}
.handhd .ydzg {background-image: linear-gradient(to top, rgba(216, 56, 56, 1), rgba(228, 81, 80, 1));float: left;width: 52.5%;}
.handhd .ydzg b {border: 1px solid #f2807b;font-size: 18px;padding: 46px 0;}
.handhd .enter {background-image: linear-gradient(to top, rgba(2, 173, 152, 1), rgba(2, 193, 181, 1));float: right;margin: 0 0 5px;width: 45%;}
.handhd .enter b {border: 1px solid #03cbbf;padding: 17px 0;}
.handhd .czzsj {background-image: linear-gradient(to top, rgba(29, 155, 178, 1), rgba(41, 184, 199, 1));float: right;width: 45%;}
.handhd .czzsj b {border: 1px solid #34cdd8;padding: 17px 0;}
@media (min-height: 800px) {.handhd .video {height: 330px;}
.handhd .loading {line-height: 330px;}
}


#cyou_bottom {    background: url("../images/nav_bg.png")/*tpa=http://www.gm318.com/images/nav_bg.png*/ no-repeat scroll center -55px #f0f0f0;    padding-top: 30px;  background-color: #181818;    border-top-color: #242424; color: #535353;	padding-bottom:20px; line-height:24px; text-align:center}

.head{ background:#000 url("../images/clanmu_01.jpg")/*tpa=http://www.gm318.com/images/clanmu_01.jpg*/ top center no-repeat; padding-bottom:10px; height:95px; position:relative}
.head2{margin:0 auto; width:1000px;position:relative}
.head ul{   position:absolute;top:-10px; }
.head ul li{ float:left; }
.head ul li a{ display:inline-block}
.head ul li a:hover,.cur{ background:url("../images/muba.png")/*tpa=http://www.gm318.com/images/muba.png*/;}

.w2{ width:1000px; margin:0 auto; position:relative;}


.bg1_tm{ background:url("../images/tm_bg.jpg")/*tpa=http://www.gm318.com/images/tm_bg.jpg*/ top center no-repeat; width:100%; min-height:900px;}
.tm{ background:url("../images/tm_content.jpg")/*tpa=http://www.gm318.com/images/tm_content.jpg*/ top center no-repeat; min-height:900px;}
.bg1_tl{ background:url("../images/tl_bg.jpg")/*tpa=http://www.gm318.com/images/tl_bg.jpg*/ top center no-repeat; width:100%; min-height:900px;}
.tl{ background:url("../images/tl_content.jpg")/*tpa=http://www.gm318.com/images/tl_content.jpg*/ top center no-repeat; min-height:900px;}
.bg1_em{ background:url("../images/em_bg.jpg")/*tpa=http://www.gm318.com/images/em_bg.jpg*/ top center no-repeat; width:100%; min-height:900px;}
.em{ background:url("../images/em_content.jpg")/*tpa=http://www.gm318.com/images/em_content.jpg*/ top center no-repeat; min-height:900px;}
.bg1_mr{ background:url("../images/mr_bg.jpg")/*tpa=http://www.gm318.com/images/mr_bg.jpg*/ top center no-repeat; width:100%; min-height:900px;}
.mr{ background:url("../images/mr_content.jpg")/*tpa=http://www.gm318.com/images/mr_content.jpg*/ top center no-repeat; min-height:900px;}
.bg1_wd{ background:url("../images/wd_bg.jpg")/*tpa=http://www.gm318.com/images/wd_bg.jpg*/ top center no-repeat; width:100%; min-height:900px;}
.wd{ background:url("../images/wd_content.jpg")/*tpa=http://www.gm318.com/images/wd_content.jpg*/ top center no-repeat; min-height:900px;}
.bg1_ts{ background:url("../images/ts_bg.jpg")/*tpa=http://www.gm318.com/images/ts_bg.jpg*/ top center no-repeat; width:100%; min-height:900px;}
.ts{ background:url("../images/ts_content.jpg")/*tpa=http://www.gm318.com/images/ts_content.jpg*/ top center no-repeat; min-height:900px;}
.bg1_mj{ background:url("../images/mj_bg.jpg")/*tpa=http://www.gm318.com/images/mj_bg.jpg*/ top center no-repeat; width:100%; min-height:900px;}
.mj{ background:url("../images/mj_content.jpg")/*tpa=http://www.gm318.com/images/mj_content.jpg*/ top center no-repeat; min-height:900px;}
.bg1_xy{ background:url("../images/xy_bg.jpg")/*tpa=http://www.gm318.com/images/xy_bg.jpg*/ top center no-repeat; width:100%; min-height:900px;}
.xy{ background:url("../images/xy_content.jpg")/*tpa=http://www.gm318.com/images/xy_content.jpg*/ top center no-repeat; min-height:900px;}
.bg1_sl{ background:url("../images/sl_bg.jpg")/*tpa=http://www.gm318.com/images/sl_bg.jpg*/ top center no-repeat; width:100%; min-height:900px;}
.sl{ background:url("../images/sl_content.jpg")/*tpa=http://www.gm318.com/images/sl_content.jpg*/ top center no-repeat; min-height:900px;}
.bg1_xx{ background:url("../images/xx_bg.jpg")/*tpa=http://www.gm318.com/images/xx_bg.jpg*/ top center no-repeat; width:100%; min-height:900px;}
.xx{ background:url("../images/xx_content.jpg")/*tpa=http://www.gm318.com/images/xx_content.jpg*/ top center no-repeat; min-height:900px;}
.bg1_gb{ background:url("../images/gb_bg.jpg")/*tpa=http://www.gm318.com/images/gb_bg.jpg*/ top center no-repeat; width:100%; min-height:900px;}
.gb{ background:url("../images/gb_content.jpg")/*tpa=http://www.gm318.com/images/gb_content.jpg*/ top center no-repeat; min-height:900px;}





h5 { font-size:12px; }
ol li,ul li{ margin-bottom:0.5em;}
pre, code { font-family: "Courier New", Courier, monospace; word-wrap:break-word; line-height:1.4; font-size:12px;}
pre{background:#f6f6f6; border:#eee solid 1px; margin:1em 0.5em; padding:0.5em 1em;}
#content { padding-left:50px; padding-right:50px; }
#content h2 { font-size:20px; color:#069; padding-top:8px; margin-bottom:8px; }
#content h3 { margin:8px 0; font-size:14px; COLOR:#693; }
#content h4 { margin:8px 0; font-size:16px; COLOR:#690; }
#content div.item { margin-top:10px; margin-bottom:10px; border:#eee solid 4px; padding:10px; }
hr { clear:both; margin:7px 0; +margin: 0;
border:0 none; font-size: 1px; line-height:1px; color: #069; background-color:#069; height: 1px; }
.infobar { background:#fff9e3; border:1px solid #fadc80; color:#743e04; }
.buttonStyle{width:64px;height:22px;line-height:22px;color:#369;text-align:center;background:url("../images/buticon.gif")/*tpa=http://www.gm318.com/images/buticon.gif*/ no-repeat left top;border:0;font-size:12px;}
.buttonStyle:hover{background:url("../images/buticon.gif")/*tpa=http://www.gm318.com/images/buticon.gif*/ no-repeat left -23px;}







.cont{ position:relative; width:100%; min-height:799px;height:100%; _height:799px; top:0; z-index:10px; overflow:hidden; right:-20px; }
.content{ left: 360px; position:absolute;    top: 63px;    width: 620px;    z-index: 10; color:#fff; line-height:24px; height:686px; overflow:hidden	}
.content2{ background:#000;filter:alpha(opacity=80);opacity:0.8; width:100%; height:100%; position:absolute; z-index:11; top:0}
/* scr_con style */
.scr_con {position:relative;margin:20px auto;}
#dv_scroll{position:absolute;height:400px;overflow:hidden;width:620px;}
#dv_scroll .Scroller-Container{width:100%;}
#dv_scroll_bar {position:absolute;right:-20px;width:15px;height:480px;border-left:2px solid #FFF;}
#dv_scroll_bar .Scrollbar-Track{position:absolute;left:0;top:20px;width:15px;height:470px;}
#dv_scroll_bar .Scrollbar-Handle{position:absolute;left:-8px;top:0;width:15px;height:29px;overflow:hidden;background:url("images/srcoll.gif")/*tpa=http://www.gm318.com/style/images/srcoll.gif*/ no-repeat;cursor:pointer;}
#dv_scroll_text {position:absolute;}

.pad{	padding:20px 15px 20px 20px;z-index:999;position:absolute;	width:583px;top: -2px;}
.scroll-pane, .scroll-pane-arrows {
	width: 100%;
	height: 650px;
	overflow: auto;
	text-align: left;
}
.horizontal-only {	height: auto;	max-height:530px;}

.pic{ display:block; height:150px;}
.pic2{ padding-top:30px; display:inline-block}
.pic3{ padding:10px; display:inline-block}
.topthree{ float:right; clear:both; width:252px;}
.sq{background-image: url("../images/logo_01.png")/*tpa=http://www.gm318.com/images/logo_01.png*/; float:left;   background-position: 0 0px;    display: block;    height: 53px;    width: 129px;}
.sq:hover{background-image: url("../images/logo_01.png")/*tpa=http://www.gm318.com/images/logo_01.png*/;    background-position: 0 53px;    display: block;    height: 53px;    width: 129px;}
.xz{background-image: url("../images/logo_02.png")/*tpa=http://www.gm318.com/images/logo_02.png*/;    background-position: 0 0px;    display: block;    height: 53px;    width: 123px; float:right}
.xz:hover{background-image: url("../images/logo_02.png")/*tpa=http://www.gm318.com/images/logo_02.png*/;    background-position: 0 53px;    display: block;    height: 53px;    width: 123px;}
