@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; border:none; text-decoration:none;}
body { margin:0; padding:0; background:url(../images/bg.jpg) no-repeat top center fixed #994c00; font-size:12px; color:#593c00; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:24px;}
img { border:none;}
a { color:#593c00; text-decoration:none;}
a:hover { text-decoration:underline;}
ul,li { margin:0; padding:0; list-style:none;}
.blank { height:20px; clear:both; visibility:hidden;}
span { margin:0; padding:0;}

a.red { color:#593c00; text-decoration:none;}
a.red:hover { text-decoration:underline;}

#box { width:980px; margin:0 auto; padding:0 10px 10px 10px; background:#9b6900; overflow:hidden;}
.row { float:left; width:980px; overflow:hidden}
.w320 { float:left; width:320px;}
.w350 { float:left; width:350px; margin:0 10px;}
.w250l { float:left; width:250px;}
.w250r { float:right; width:250px;}
.w444 { float:left; width:444px; margin:0 10px;}
.w290 { float:right; width:290px;}
.w720 { float:right; width:720px;}
.w590 { float:left; width:590px;}
.w380 { float:right; width:380px;}

#header { width:1000px; margin:0 auto;}

#code{ float:right; overflow:hidden; position:fixed; right:1px; top:85px; z-index:1111;}

#lead { width:875px; height:90px; padding:25px 25px 25px 100px; margin:0 auto; background:url(../images/lead.gif) no-repeat; color:#fffbea; line-height:30px; font-size:14px;}

#topmenu{background:url(../images/topmenu_bg.jpg) repeat-x; height:34px; line-height:34px;}
.topdiv{width:980px; margin:0 auto;}
.webname{width:200px; float:left; color:#666666;}
.menulist{width:780px; float:left; text-align:right; color:#434242;}

.title { background:url(../images/greybg.gif); height:42px; line-height:42px; color:#fffbea; font-size:14px; font-weight:bold; padding-left:45px;}
.bg { background:#fffbea; width:100%;}

.code{ height:auto; padding:20px; border:1px solid #9EC9FE; background:#ECF3FD;}
.code pre{ font-family:"Courier New";font-size:14px;}
.info{ font-size:12px; color:#666666; font-family:Verdana; margin:20px 0 50px 0;}
.info p{ margin:0; padding:0; line-height:22px; text-indent:40px;}
h2.title{ margin:0; padding:0; margin-top:50px; font-size:18px; font-family:"微软雅黑",Verdana; background:none;}
h3.title{ font-size:16px; font-family:"微软雅黑",Verdana; background:none;}
.importInfo{ font-family:Verdana; font-size:14px;}

.comiis_wrapad { margin: 0 auto; width: 320px; overflow: hidden;}
#frameHlicAe { margin: 0px !important; border: 0px !important; }
.frame { background: none; border: 0px solid #fff; margin-bottom: 0px; }
.temp { margin: 0; }
.block { margin: 0;position: relative; }
.slideshow { clear: both; }
.slideshow li { position: relative; overflow: hidden; }
.slideshow span.title { position: absolute; bottom: 0; left: 0; margin-bottom: 0; width: 100%; height: 32px; line-height: 32px; font-size: 12px; text-indent: 10px; padding-left:10px;}
.slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000,endColorstr = #30000000); color: #FFF; overflow: hidden; }
.slidebar li { float: left; margin-right: 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; cursor: pointer; }
.slidebar li.on { background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #50FFFFFF,endColorstr = #50FFFFFF); color: #000; font-weight: 700; }
.slidebar { position: absolute; bottom: 5px; right: 4px; }
.slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000); color: #FFF; overflow: hidden; }
.slidebar li.on { background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000); color: #ff0; font-weight: 700; }
.slideshow SPAN.title { text-indent: 0px; }
#slidesImgs li { width: 320px; height:320px; display: none; }


#guide { float:left; background:url(../images/guide.jpg) no-repeat; width:330px; height:300px; padding:10px;}
#guide .tit { font-size:14px; font-weight:bold; text-align:center; border-bottom:1px dashed #9b6900; padding-bottom:5px; margin-bottom:5px;}
#guide .content { float:left; font-size:12px; line-height:24px;}

#introduction { float:left; width:290px; height:320px;}
#introduction .text { line-height:26px; padding:10px 12px; text-indent:2em;}

#interaction { float:left;}
#interaction .city { background:url(../images/citybg.gif) no-repeat left top; padding-left:25px; height:40px; line-height:34px; font-weight:bold; margin:10px 10px 5px 10px; overflow:hidden;}
#interaction li { float:left; width:225px; height:160px; margin:10px;}
#interaction li img { border:1px solid #ffecc3; padding:4px; width:215px; height:150px;}

#video { float:left;}
#video li { float:left; width:225px; margin:10px;}
#video li a { display:block; padding:3px; width:219px; height:203px; font-size:14px; text-decoration:none; text-align:center; line-height:30px;}
#video li a:hover { background:#ffecc3;}
#video li img { border:3px solid #fff; width:213px; height:170px;}

#dialog { float:left;}
#dialog .tu { float:left; width:240px; padding:10px;}
#dialog .tu img { border:1px solid #ffecc3; padding:4px; width:240px; height:189px;}
#dialog .text { float:right; width:700px; padding:10px;}
#dialog .text li { width:328px; height:78px; padding:0 10px; padding-top:20px; float:left;}
#dialog .text li .text1 { font-size:16px; font-weight:bold; border-bottom:1px dashed #ffecc3; padding-bottom:5px; margin-bottom:5px;}
#dialog .text li .text2 { font-size:14px; font-weight:bold;}

#image { float:left;}
#image .nav { background:url(../images/navline.gif) no-repeat 50% 50% #edd9cc; width:960px; height:54px; line-height:54px; padding:25px 10px;}
#image .nav ul { padding:0 40px;}
#image .nav li { float:left;}
#image .nav a { display:block; width:54px; height:54px; color:#fff; text-decoration:none; font-weight:bold; padding:0 13px; text-align:center;}
#image .nav a:hover { background:url(../images/navon.gif) no-repeat 50% 50%;}

#inner { width: 980px;}

.switch-tab { background:url(../images/navline.gif) no-repeat 50% 50% #ffecc3; width:920px; height:24px; line-height:24px; padding:25px 30px;}
.switch-tab a { width:100px; height:24px; color:#fff; text-decoration:none; font-weight:bold; text-align:center; display: inline-block; margin:0 25px;}
.switch-tab a:hover { background:url(../images/navon.png) no-repeat 50% 50%;}
.switch-tab .current { background:url(../images/navon.png) no-repeat 50% 50%;}

.hot-event { padding: 550px 0 0; position: relative; }
		
.hot-event .switch-nav { position: absolute; top:207px; z-index: 2; width:980px;}
.hot-event .switch-nav .prev { border-radius: 0 3px 3px 0; border-width: 1px 1px 1px 0; float:left;}
.hot-event .switch-nav .next { border-radius: 3px 0 0 3px; border-width: 1px 0 1px 1px; float:right;}
.hot-event .switch-nav .i-prev { background-image: url(../images/bg.png); background-position: -127px 0; }
.hot-event .switch-nav .i-next { background-image: url(../images/bg.png); background-position: -144px 0; }
.hot-event .switch-nav a { display: inline-block; padding: 75px 10px; background: rgba(0,0,0,.3); border-style: solid; border-color: rgba(255,255,255,.6); }
.hot-event .switch-nav a:hover { background: rgba(0,0,0,.2); }
			
			
.hot-event .event-item { height: 300px; width: 980px; position: absolute; z-index: 1; left: 0; top: 0; }
.hot-event .event-item .banner { display: block; }
.hot-event .event-item img { -webkit-box-reflect: below 0 -webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(85%,transparent),to(rgba(255,255,255,.2))); border: 0; }

.hide-clip { position: absolute!important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); padding: 0!important; border: 0!important; height: 1px!important; line-height: 0!important; width: 1px!important; overflow: hidden; }

a .ico { cursor: pointer; }
.ico { display: inline-block; width: 16px; height: 16px; vertical-align: middle; overflow: hidden; }

#market { float:left; height:532px;}
#market .head { margin:10px; padding-bottom:10px; border-bottom:1px dashed #ccc;}
#market li { margin:10px; padding-bottom:10px; border-bottom:1px dashed #f2d3b5; overflow:hidden;}
#market li .pic { float:left; width:120px;}
#market li .pic img { border:1px solid #f2d3b5; padding:4px; width:110px; height:82px;}
#market li .con { float:right; width:440px;}
#market li .con span { font-size:14px; font-weight:bold;}

#ad { float:right; height:532px;}
#ad .show { padding:10px; width:360px;}
#ad .show img { border:1px solid #f2d3b5; padding:4px; width:350px; height:460px;}

#footer { width:1000px; margin:0 auto; font-size:14px; text-align:center; padding:20px 0; color:#593c00;}
#footer a { color:#593c00;}