87,910
社区成员
发帖
与我相关
我的任务
分享100分求助，请教大家一个问题
apply.html：
<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML><HEAD>
<TITLE></TITLE>
<META http-equiv=content-type content="text/html; charset=utf-8">
<META http-equiv="x-ua-compatible" content="ie=7">
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<SCRIPT src="pictop.js" type=text/javascript></SCRIPT>
<SCRIPT src="alltab.js" type=text/javascript></SCRIPT>
<!--跟随JS star-->
<script type="text/javascript">
$(function () {
$(window).scroll(function () {
if (($.browser.msie) && ($.browser.version == "6.0")) {
$(".nav_li").css('position', 'inherit');
} else {
$(".nav_li").css('position', 'relative');
}
})
if ($.browser.msie && ($.browser.version == "6.0") && !$.support.style) {
return true;
}
else {
$(window).scroll(function () {
var totop = $(this).scrollTop();
if (totop >= 530) {
$('.nav_li').css({ 'position' : 'fixed' });
}
else {
$('.nav_li').css({ 'position' : 'absolute', 'top' : '0px', 'z-index' : '10000'});
}
})
}
});
</script>
<!--跟随JS end-->
<link href="css/layout.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<div class="header">
<div class="nav_bar hd_top">
<div id="m_nav" class="Lb">
<div class="ewm">
<div class="na"><img src="img/erweima-icon.gif" /></div>
<em>
<i><img src="img/erweima.gif" /></i>
</em>
</div>
</div>
<div class="Rb search">
<input type="text" name="" onkeydown="" maxlength="40" size="40" value="">
<button type="button" onclick="" ></button>
</div>
<div class="Rb nowin">
<a href="#">注册</a> | <a href="#">登录</a> </div>
</div>
</div>
<div class="container">
<div class="t_bok">
<div class="blogo Lb"><img src="img/BBY_logo.jpg" /></div>
<div class="menu Rb"><a href="#">关于我们</a><span>|</span><a href="#">我们做什么</a><span>|</span><a href="#">我们的社区</a></div>
</div>
<div>
<div class="apply_ban">
<img src="img/apply_top.jpg" />
</div>
<div class="apply_main w_930" style=" position:relative;">
<div class="pop_ms">
<div class="nav_li" style="position: absolute; top: 0px; z-index: 10000;">
<div class="p_tite">留学申请</div>
<div style="margin-bottom:12px; clear:both;">
<ul>
<li><a href="#sq1">事实与数据</a></li>
<li><a href="#zq1">10周与150小时</a></li>
<li><a href="#wt1">常见问题</a></li>
<li><a href="#yy1">预约咨询</a></li>
<li><a href="#hd1">近期活动</a></li>
<li><a href="#">学员感言</a></li>
</ul>
</div>
<div class="pop_btn">
<a class="btn_a" href="#">时间表</a>
<a class="btn_b" href="#">评估报告</a>
</div>
</div>
</div>
<div style=" height:327px;background:url(img/bg_tiao.gif) no-repeat 445px center;">
<div class="t_50t padt_32">
<h3>目标</h3>
<i class="icon1"></i>
<div>
<p>帮你完成从学生到高级研究人才的转型<br />
短期内，实现超越你背景的申请结果<br />
长期，培养你思考的方法去规划人生</p>
</div>
</div>
<div class="t_50t padt_32" style="margin-left:40px;">
<h3>怎样实现</h3>
<i class="icon2"></i>
<div>
<p>通过10周150小时密集培训<br />
借助两大方法（基于事实和团队学习）<br />
来激发你的三大能力（动力、思考力、执行力）<br />
最终实现超越你背景的申请结果</p>
</div>
</div>
</div>
<div class="padt_32 a_clear">
<h3 id="sq1">事实与数据</h3>
<h5>2010-2013年</h5>
<div class="shuju a_clear">
<div class="titleChar Lb">
<ul id="titleChar">
<li class="on">150小时</li>
<li>转专业</li>
<li class="lhg_32">美国Top 50<br />
和Top 30学校</li>
<li>奖学金</li>
<li>学员来源</li>
</ul>
</div>
<div id="cityListBox" class="shuju_box Lb">
<dl>
<dd><img src="img/shuju_pic1.jpg" /></dd>
</dl>
<dl class="hidden">
<dd>2452</dd>
</dl>
<dl class="hidden">
<dd>3548</dd>
</dl>
<dl class="hidden">
<dd>4527</dd>
</dl>
<dl class="hidden">
<dd>5684</dd>
</dl>
</div>
</div>
<div class="both"></div>
</div>
<div class="padt_32 a_clear">
<h3 id="zq1">10周与150小时</h3>
<div class="zhouqi a_clear">
<div id="cityListBox2" class="zhouqi_box">
<dl>
<dd class="pic"><img src="img/zhouqi_pic1.jpg" />
<div class="txt_ps"><i class="bt"></i>点击每周查看详细成长情况</div>
</dd>
<dd class="txt">
<h6>拓展专业认识</h6>
<em>课程目标</em>
<p>通过真正用心研究的专业调研（基于事实、基于大量一手信息）和团队学习，解决自己的申请问题</p>
<em>具体内容</em>
<p>指导学员学会体系化专业调研（Field Research）的方法，并有效完成对专业、学校、项目的调研，最终了解自己目标领域的分支、发展方向、前沿话题和趋势，相关的职位分布和研究前景，并掌握了解信息、理解信息和运用信息的能力。</p>
<em>三大能力提高程度</em>
<p>动力 原有水平</p>
<p>行动力 按时按量按要求</p>
<p>思考力 对思考对象的资源有积累</p>
</dd>
</dl>
<dl class="hidden">
<dd class="pic">222</dd>
<dd>2452</dd>
</dl>
<dl class="hidden">
<dd class="pic">333</dd>
<dd>3548</dd>
</dl>
<dl class="hidden">
<dd class="pic">444</dd>
<dd>4527</dd>
</dl>
<dl class="hidden">
<dd class="pic">555</dd>
<dd>5684</dd>
</dl>
<dl class="hidden">
<dd class="pic">666</dd>
<dd>5684</dd>
</dl>
</div>
<div class="titleChar">
<ul id="titleChar2">
<li class="on">第1周</li>
<li>第2周</li>
<li>第3周</li>
<li>第4周</li>
<li>第5-6周</li>
<li style="border-right:none;">第7-8周</li>
</ul>
</div>
</div>
</div>
<div class="padt_32 a_clear">
<h3 id="hd1">近期活动</h3>
<div class="huodong a_clear">
<ul>
<li style="margin-left:0;"><img src="img/huodong_pic1.jpg" /></li>
<li><img src="img/huodong_pic2.jpg" /></li>
<li><img src="img/huodong_pic3.jpg" /></li>
<li><img src="img/huodong_pic4.jpg" /></li>
</ul>
</div>
</div>
<div class="both"></div>
</div>
</div>
</div>
<div class="footer">
<div class="f_all">
<div class="mar_t68">
<h2 class="mar_b20"><a href="#">关于我们</a></h2>
<ul>
<li><a href="#">我们的故事</a></li>
<li><a href="#">核心团队</a></li>
<li><a href="#">机构新闻</a></li>
</ul>
</div>
</div>
<div class="f_all">
<div class="mar_t68">
<h2 class="mar_b20"><a href="#">我们做什么</a></h2>
<ul>
<li><a href="#">职业发展</a></li>
<li><a href="#">留学申请</a></li>
<li><a href="#">MBA申请</a></li>
</ul>
</div>
</div>
<div class="f_all">
<div class="mar_t68">
<h2 class="mar_b20"><a href="#">我们的社区</a></h2>
<ul>
<li><a href="#">人物</a></li>
<li><a href="#">论坛</a></li>
<li><a href="#">活动</a></li>
<li><a href="#">博客</a></li>
</ul>
</div>
</div>
<div class="f_all">
<h1 style=" line-height:68px">联系我们</h1>
<p class="lines">
<span class="l_hight"></span><br />
<span class="pad">
<h2>上海</h2>
</span>
<span class="pad">
<h2>北京</h2>
<br />
</span>
<span class="pad">
上海电话: <br />
北京电话: <br />
Email:
</span>
</p>
</div>
<div class="both icp"></div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#m_nav .ewm').hover(function() {
$('em', this).slideDown(200);
$(this).children('.na').addClass("hov");
}, function() {
$('em', this).slideUp(100);
$(this).children('.na').removeClass("hov");
});
});//二维码效果
$(document).ready(function() {
$('#mer_nav .mber').hover(function() {
$('ul', this).slideDown(200);
$(this).children('.na').addClass("hov");
}, function() {
$('ul', this).slideUp(100);
$(this).children('.na').removeClass("hov");
});
});//会员效果
</script>
</BODY>
</HTML>
...全文
请发表友善的回复…
发表回复
slwsss 2014-10-26
- 打赏
- 举报
<script src="/Common/Scripts/jquery-1.8.0.min.js" type="text/javascript"></script>
<style>
*{margin:0px;padding:0px;}
</style>
<div style="width:100%;height:100px;background:red;"></div>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<div style="width:100%;height:300px;background:red;"></div>
<div id="a" style="width:500px;height:100px;background:#ccc;position: absolute;z-index:999;top:200px;"></div>
<script>
function f(){
var a=$('#a');
var body_h=$(document.body).outerHeight(true);
var div_h=a.height();
var scr_h=$(document).scrollTop();
var bottom_h=300;//底部高度
var wh=document.body.clientHeight;
if(div_h+scr_h+wh+bottom_h>body_h){
a.css('top',(body_h-bottom_h-div_h)+'px')
}else{
a.css('top',(scr_h+wh-div_h)+'px')
}
}
$(window).scroll(f);f();
</script>
zhangjinling19831123 2014-10-26
- 打赏
- 举报
谢谢指点！请问具体代码该怎么写？
slwsss 2014-10-26
- 打赏
- 举报
在事件onscroll 里判断，当div.top+页脚高度>=页面高度 停止跟随并固定div在页脚上方
zhangjinling19831123 2014-10-26
- 打赏
- 举报
pictop.js：
$(function(){
var $banner=$('.banner');
var $banner_ul=$('.banner-img');
var $btn=$('.banner-btn');
var $btn_a=$btn.find('a')
var v_width=$banner.width();
var page=1;
var timer=null;
var btnClass=null;
var page_count=$banner_ul.find('li').length;//把这个值赋给小圆点的个数
var banner_cir="<li class='selected'><div class='dian'></div></li>";
for(var i=1;i<page_count;i++){
//动态添加小圆点
banner_cir+="<li><div class='dian'></div></li>";
}
$('.banner-circle').append(banner_cir);
var cirLeft=$('.banner-circle').width()*(-0.5);
$('.banner-circle').css({'marginLeft':cirLeft});
$banner_ul.width(page_count*v_width);
function move(obj,classname){
//手动及自动播放
if(!$banner_ul.is(':animated')){
if(classname=='prevBtn'){
if(page==1){
$banner_ul.animate({left:-v_width*(page_count-1)});
page=page_count;
cirMove();
}
else{
$banner_ul.animate({left:'+='+v_width},"slow");
page--;
cirMove();
}
}
else{
if(page==page_count){
$banner_ul.animate({left:0});
page=1;
cirMove();
}
else{
$banner_ul.animate({left:'-='+v_width},"slow");
page++;
cirMove();
}
}
}
}
function cirMove(){
//检测page的值，使当前的page与selected的小圆点一致
$('.banner-circle li').eq(page-1).addClass('selected')
.siblings().removeClass('selected');
}
$banner.mouseover(function(){
$btn.css({'display':'block'});
clearInterval(timer);
}).mouseout(function(){
$btn.css({'display':'none'});
clearInterval(timer);
timer=setInterval(move,5000);
}).trigger("mouseout");//激活自动播放
$btn_a.mouseover(function(){
//实现透明渐变，阻止冒泡
$(this).animate({opacity:0.9},'fast');
$btn.css({'display':'block'});
return false;
}).mouseleave(function(){
$(this).animate({opacity:1},'fast');
$btn.css({'display':'none'});
return false;
}).click(function(){
//手动点击清除计时器
btnClass=this.className;
clearInterval(timer);
timer=setInterval(move,3000);
move($(this),this.className);
});
$('.banner-circle li').live('mouseover',function(){
var index=$('.banner-circle li').index(this);
$banner_ul.animate({left:-v_width*index},'slow');
page=index+1;
cirMove();
});
});
铁血男儿007 2014-10-26
- 打赏
- 举报
alltab.js：
$(document).ready(function(){
$change_li = $("#titleChar li");
$change_li.each(function(i){
$(this).mouseover(function(){//click
$(this).addClass("on").siblings().removeClass("on");
$("#cityListBox dl").eq(i).show().siblings().hide();
})
});
$change_li = $("#titleChar2 li");
$change_li.each(function(i){
$(this).mouseover(function(){//click
$(this).addClass("on").siblings().removeClass("on");
$("#cityListBox2 dl").eq(i).show().siblings().hide();
})
});
$change_li = $("#titleChar3 li");
$change_li.each(function(i){
$(this).mouseover(function(){//click
$(this).addClass("on").siblings().removeClass("on");
$("#cityListBox3 dl").eq(i).show().siblings().hide();
})
});
});
铁血男儿007 2014-10-26
- 打赏
- 举报
接上面：
/*登陆页*/
.login_bar{ height:188px; margin-top:134px; margin-bottom:85px; clear:both;}
.login_inst{ float:left; width:400px; height:188px; display:block; overflow:hidden;}
.login_inst .k_cl{ width:345px; height:30px; display:block; border:1px solid #d60d27; margin-bottom:27px;}
.login_inst input { float:left;
border: 1px solid #FFFFFF;
color: #999999;
height: 16px;
height: 28px;
padding: 0 6px;
line-height: 28px;
overflow:hidden;
text-indent: 5px;
width:300px;
clear:both;
}
.login_inst em,.login_inst em a{ width:30px; height:30px; display:block; overflow:hidden; float:right;}
.login_inst em a,.login_inst em a:hover{ background:url(../img/login_icon.gif) no-repeat 0 0; text-indent:-9999px;}
.login_inst button{ width:345px; height:30px; display:block;}
.login_inst .button {
border-radius: 2px;
cursor: pointer;
display: inline-block;
font: 14px/100% Arial,Helvetica,sans-serif;
margin: 0 2px;
outline: medium none;
text-align: center;
text-decoration: none;
vertical-align: baseline;
background:#d60d27;
border:0;
color: #fff;
font-weight:700; _font-weight:700;
}
.login_inst .again{ width:345px; text-align:center; line-height:28px; color:#999;}
.login_inst .again a{ color:#d60d27;}
.login_inst .again a:hover{ color:#d60d27; text-decoration:underline;}
.login_class{ float:right; width:800px; height:auto;}
.login_class li{ width:240px; height:145px; float:left; margin-left:24px; display:block; border:1px solid #a7a7a7; background: url(../img/rd_classbg.gif) no-repeat 116px 82px #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
box-shadow: 0 1px 1px rgba(0,0,0,0.2);
font-family:"simhei","Arial","Helvetica","sans-serif";}
.login_class li .rd_bg{ width:240px; height:58px; overflow:hidden;display:block; background:#d60d27; color:#fff; position:relative; left:0;}
.login_class li .rd_bg .cs{ width:240px; height:58px; overflow:hidden; text-indent:128px; text-align:center; font-weight:bold; font-size:32px; line-height:60px;}
.login_class li .rd_bg .tx{ position:absolute; left:10px; top:14px; font-size:16px; font-family:Tahoma, Geneva, sans-serif; font-weight:600; letter-spacing:-1.5px;*letter-spacing:-1px;}
.login_class li dd { float:left; height:86px; display:block; overflow:hidden; width:116px; color:#a7a7a7;}
.login_class li dd.b_too{ width:124px !important;}
.login_class li dd .t_txt{ line-height:22px; text-indent:10px; font-size:14px; font-family:"Microsoft Yahei" !important;}
.login_class li dd .m_txt{ text-align:center; font-size:30px; line-height:64px;}
.login_class li dd .m_txt em{ color:#d60d27; font-size: 50px !important; font-weight:bold !important; position: relative;
top: 5px; font-style:normal;}
/*申请页面*/
.txt_ps{ color:#c93b38; line-height:28px; padding:8px 0; font-weight:800; font-family:"Microsoft Yahei" !important; }
.zhouqi i,.wenti i{ width:32px; height:28px;}
i.bt{ background-position:left -84px !important;}
i.bn{ background-position:left -112px !important;}
/*-topbanner-*/
.apply_ban{ width:1200px; height:400px; overflow:hidden; display:block;}
.apply_ban img{ width:1200px; height:400px;}
/*-结构式样-*/
.apply_main {}
.apply_main h3{ height:60px;}
.apply_main h5{ text-indent:30px;height:40px;}
.apply_main i{ background:url(../img/icon.gif) no-repeat;display:block; overflow:hidden;}
.apply_main .icon1{ width:100%; height:42px; margin-bottom:24px; background-position:left 0;}
.apply_main .icon2{ width:100%; height:42px; margin-bottom:24px; background-position:left -42px;}
.apply_main p{ font-size:18px; line-height:30px; display:block; color:#a2a2a2;}
/*悬浮*/
.apply_main .pop_ms{ width:220px; height:auto; position: absolute; margin-left:-270px; top:38px; z-index:0;}
.apply_main .pop_ms .nav_li{ width:205px; height:auto; font-size:20px; line-height:34px; color: #A2A2A2; background:#fff;}
.apply_main .pop_ms .nav_li a{ width:205px; height:268px; height:34px; display:block; overflow:hidden; color: #A2A2A2;}
.apply_main .pop_ms .nav_li .p_tite{ color:#c93b38;}
.apply_main .pop_ms .nav_li .pop_btn { width:205px; height:111px; background:url(../img/pop_btn.gif) no-repeat 0 0; padding-top:17px}
.apply_main .pop_ms .nav_li .pop_btn a{ width:205px; height:50px; display:block; overflow:hidden; text-indent:-999px;}
.apply_main .pop_ms .nav_li .pop_btn a.btn_a{ }
.apply_main .pop_ms .nav_li .pop_btn a.btn_b{ margin-top:12px;}
/*数据*/
.shuju{ height:440px;}
.shuju .titleChar{ width:168px; height:440px; padding-right:52px; background:url(../img/bg_tiao.gif) no-repeat right center;}
.shuju .titleChar li { width:150px; height:64px; border:2px solid #fff; line-height:64px; padding-right:14px; text-align:right; font-size:18px; display:block; color:#a2a2a2; margin-bottom:20px; cursor:pointer;}
.shuju .titleChar li.on { color:#c93b38; border:2px solid #c93b38; }
.shuju .shuju_box dl{ clear:both;}
.shuju .shuju_box dd{ height:atuo !important; width:710px;}
.shuju .shuju_box dd img{ height:440px; width:710px;}
/*周期*/
.zhouqi {height:510pxatuo !important; position:relative; left:0;}
.zhouqi .titleChar{ width: 480px; height: 492px; position: absolute; top: 0; left: 0; z-index: 0; background: url(../img/bg_tiao.gif) no-repeat 478px center;}
.zhouqi .titleChar li { width:px; height:18px; color:#a2a2a2; float:left; line-height:18px; margin:12px 0; padding:0 14px; font-size:16px; overflow:hidden; border-right:1px solid #c93b38; cursor:pointer;}
.zhouqi .titleChar li.on { color:#c93b38;}
.zhouqi .zhouqi_box { height: auto; width:930px; display:block; position:relative; left:0; z-index:2;}
.zhouqi .zhouqi_box dl{ clear:both;}
.zhouqi .zhouqi_box dd{ float:left;}
.zhouqi .zhouqi_box dd.pic{ width:478px; height:340px; margin-top:42px;}
.zhouqi .zhouqi_box dd.pic img{ width:478px;}
.zhouqi .zhouqi_box dd.txt{ width:400px; height: auto !important; margin-left:42px;}
.zhouqi .zhouqi_box dd.txt h6{ line-height:42px;}
.zhouqi .zhouqi_box dd.txt em { font-size:18px; background:#c93b38; padding:3px 4px 1px 4px; *padding:4px 4px 0 4px; line-height:38px;color:#fff;}
.zhouqi .zhouqi_box dd.txt p { margin-bottom:6px}
.zhouqi .txt_ps{ margin-top:10px;}
/*问题*/
.wenti{ height:auto;}
.wenti .titleChar{ width:445px; height:440px; padding-right:35px; background:url(../img/bg_tiao.gif) no-repeat right center;}
.wenti .titleChar li { width:407px; height:64px; border:2px solid #fff; line-height:64px; padding-right:38px; text-align:right; font-size:18px; display:block; color:#a2a2a2; margin-bottom:20px; cursor:pointer;}
.wenti .titleChar li.on { color:#c93b38; border:2px solid #c93b38; }
.wenti .wenti_box { height:auto; width:400px; padding-bottom:32px; margin-left:45px;}
.wenti .wenti_box dl{ clear:both;}
/*预约*/
.yuyue{ height:auto;}
.yuyue .titleChar{ width:445px; height:auto; padding-right:35px;}
.yuyue .titleChar li { width:407px; height:64px; border:2px solid #fff; line-height:64px; padding-right:38px; text-align:right; font-size:18px; display:block; color:#a2a2a2; margin-bottom:20px; cursor:pointer;}
.yuyue .titleChar li.on { color:#c93b38; border:2px solid #c93b38; }
.yuyue .yuyue_box { height:auto; width:400px; padding-bottom:6px; margin-left:45px;}
.yuyue .yuyue_box dl{ clear:both;}
/*活动*/
.huodong{ height:150px; width:928px; margin:0 auto; }
.huodong li { width:220px; height:150px; float:left; margin-left:16px;}
/*-尾部-*/
.footer { background:url(../img/foot-logo.gif) no-repeat 40px 18px #808080; color:#fff;}
.footer .f_all{ width:250px; height:270px; float:left;}
.footer h2 a{ color:#fff; text-decoration:none;}
.footer h2 a:hover{color:#fff; text-decoration:none;}
.footer .f_all .mar_b20{ margin-bottom:20px;}
.footer .f_all ul li{ font-size:16px; font-weight:400; line-height:24px;}
.footer .f_all ul li a{ color:#fff; text-decoration:none;}
.footer .f_all ul li a:hover{ color:#fff; text-decoration:underline;}
.footer .lines{ font-weight:600; line-height:20px;}
.footer .l_hight{ line-height:22px;}
.footer em{ font-style:normal; font-size:}
.footer .pad{ padding:8px 0; display:block;}
.footer .icp{ height:30px; line-height:16px; font-size:10px;}
铁血男儿007 2014-10-26
- 打赏
- 举报
layout.css：
/*-全局-*/
body { font-family:"Microsoft Yahei","Geneva","sans-serif","Verdana"; font-size:12px; margin: 0; padding:0; background:#fff; color:#272727; }
/*-板式结构-*/
.Lb { float:left;}
.Rb { float:right;}
h1 {font-family:"Microsoft Yahei"; font-size:22px; color:#fff; font-weight:100;}
h2 {font-family:"Microsoft Yahei"; font-size:18px; color:#fff; font-weight:600;}
h3 {font-family:"simhei"; font-size:34px; color:#c93b38; font-weight:700; _font-weight:500;}
h4 {font-family:"Microsoft Yahei"; font-size:16px; color:#1a1a1a; line-height:30px;}
h5 {font-family:"simhei"; font-size:16px; color:#c93b38; font-weight:700; _font-weight:500;}
h6 {font-family:"simhei"; font-size:20px; color:#c93b38;}
p {line-height:16px;font-family:"simhei";}
i{ font-style:normal;float: left;}
a{ color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}
ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, .button, table, em { padding:0px; margin:0px; list-style-type:none; font-style:normal;}
img, .button { border: 0; }
.container { width:1200px;min-width:500px; max-width:1200px; height:auto; display:block; margin:0 auto;}
.container .t_bok{ clear:both; display:block; overflow:hidden; height:103px; width:1200px; font-size:16px; line-height:102px}
.container .t_bok span{padding:0 34px; color:#d2d2d2;}
.container .t_bok a{ color:#494949; font-weight:600; }
.sidebar { width:300px; height:auto;}
.mainbar { width:650px; height:auto;}
.footer {width:1120px; height: 300px; margin:0px auto; overflow:hidden; margin-top:8px; padding:0 40px; margin-bottom:25px;}
/*-内容结构-*/
.nav_bar { width:1200px; height: atuo; display:block; margin:0 auto;}
.both{clear:both; width:auto; height:1px; margin:0 auto; padding:0; overflow:hidden; display:block;}
.hidden{ display:none;}
.mar_t68{ margin-top:68px;}
.t_50t { width:445px; float:left; overflow:hidden; height:295px; display:block;}
.padt_32{ padding-top:32px; margin-bottom:10px;}
.a_clear{clear:both;}
.lhg_32 { line-height:32px !important;}
/*-头部-*/
.header { width:auto !important; color:#fff; text-decoration:none; background:#808080; height: 48px;}
.header .hd_top{position:relative; left:0; top:0; z-index:999; height:48px;}
/*-二维码-*/
#m_nav { margin-top:10px;}
#m_nav .ewm .na{ display: block; position: relative; left:0; z-index: 999; }
#m_nav em { display: none; position:absolute; left:0;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
-o-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
#m_nav em i{ width: 344px; height:344px; background:#fff; display:block; }
#m_nav em i img{ width: 344px; height:344px;}
/*搜索*/
.search { width:154px; height:22px; margin-top:14px; background:#fff;}
.search input { width:112px;
border: 1px solid #FFF;
color: #999999;
float: left;
height: 16px;
line-height: 16px;
padding: 2px 0;
text-indent: 5px;
}
.search button {
background: url(../img/search-icon.gif) no-repeat 0 0;
border: medium none;
color: #FFFFFF;
cursor: pointer;
width: 40px;
display:block;
height: 22px;
padding:0;
}
.nowin { line-height:48px; margin-right:24px; font-weight:bold;}
.nowin a{ color:#fff; text-decoration:none;}
.nowin a:hover{ color:#fff; text-decoration:underline;}
/*-会员-*/
.member { width:48px; height:48px; display:block; margin-right:12px;position:relative; left:0; top:0; z-index:999;}
.member .mber_pic img{ width:30px; height:30px; border:1px solid #a3a3a3;}
#mer_nav { width:48px; height:48px;}
#mer_nav .mber .na{ width:32px; height:32px; padding:8px; display: block; position: relative; left:0; z-index: 999; }
#mer_nav .mber .hov{background:#c93c35; position:relative; z-index:0;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
-o-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
#mer_nav .mber .na img.pic{ width:30px; height:30px; border:1px solid #a3a3a3;}
#mer_nav ul { display: none; position:absolute; right:0; top:46px; z-index:1;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
-o-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
#mer_nav ul li,#mer_nav ul li a{ width:120px; line-height:30px; display:block; text-align:center; height:30px; border-bottom:1px solid #fff;background:#c93c35; display:block; }
#mer_nav ul li a{ color:#fff;}
#mer_nav ul li a:hover{ color:#fff; text-decoration:underline;}
/*提示标*/
.mer_show{ width:88px; height:30px; margin:9px 0; background:url(../img/show_icon.gif) no-repeat 0 0; margin-right:20px;}
.mer_show li{ float:left; width:44px; height:30px; overflow:hidden; position: relative; left:0; z-index:2; zoom:1}
.mer_show a{ width:44px; height:30px; display:block; text-indent:-9999px;}
.mer_show em { position:absolute; top:0; right:4px; width:12px; height:12px; line-height:12px; text-align:center; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; background:#fff; display:block; overflow:hidden; font-size:8px; color:#494949; font-style:normal; font-family:Tahoma, Geneva, sans-serif; font-weight:bold;}
/*-中部-*/
.container .blogo{ height:103px; display:block;}
.container .w_930{ width:930px; height:auto !important; margin-left:270px;font-family:"simhei" !important;}
/*-轮播-*/
.clearfix{zoom:1;}
.banner{width:662px; height:410px; position:relative; overflow:hidden;}
.banner-btn{ display:none;}
.banner-btn a{ display:block; position:absolute;top:0; width:52px; height:410px;overflow: hidden; z-index:4;}
.prevBtn{left:0;}
.nextBtn{right:0;}
.banner-img{width:662px; height:410px; font-size:0; *word-spacing:-1px;/* IE6、7 */ letter-spacing: -3px; position:relative;}
.banner-img li{ float:left; display:inline-block;*display:inline;*zoom:1;/* IE6、7 */ vertical-align: top; letter-spacing: normal;word-spacing: normal; font-size:12px;}
.banner-img li img{width:662px; height:410px; overflow:hidden;}
.banner i{ background: url(../img/imgPlayer.png) no-repeat; width:52px;height: 410px; cursor:pointer; display:block;}
.banner .nextBtn i{ background-position:-52px center;}
.banner .prevBtn i{ background-position:0 center;}
.banner-circle{ position:absolute; left:50%; bottom: 15px;text-align: center;font-size: 0; }
.banner-circle li{ float:left; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; margin-right: 8px;height:13px; display: inline-block; display: -moz-inline-stack; vertical-align: middle;zoom: 1; cursor:pointer;}
.banner-circle li .dian{ display: block;padding-top: 0px;width:13px;height:13px;border-radius: 50%; -webkit-border-radius: 50%;-o-border-radius: 50%; background: #fff;overflow: hidden;}
.banner-circle .selected .dian{ background:#d80222; }
/*--*/
.know { width:530px; height:410px; display:block;}
/*-显示字-*/
.know .as_tops{ position:relative; height:202px; display:block;}
.know #pic_nav .pic { width:260px; height:202px; position:relative; float:left;}
.know #pic_nav .pic .na{ display: block; position: relative; left:0; z-index: 15; width:260px; height:202px; }
.know #pic_nav .pic .na img{ width:260px; height:202px;}
.know #pic_nav .pic .na img.ks{ width:262px !important; height:202px;}
.know #pic_nav .pic em { display:none; position: absolute; left:0; top:0; z-index:16; width: 260px; height:202px;}
.know #pic_nav .pic em .past{width: 212px; height:154px; padding:24px; overflow:hidden; background:rgba(51, 51, 51, 0.6)!important;
filter:Alpha(opacity=60); background:#333; color:#fff;}
.know #pic_nav .pic em .past h1{ margin-bottom:16px; position:relative;}
.know #pic_nav .pic em .past p{ position:relative;}
.know .as_bottom{ margin-top:8px; position:relative; height:200px; display:block;}
.know #pic2_nav .pic_d { width:530px; height:200px; position:relative; float:left;}
.know #pic2_nav .pic_d .na{ display: block; position: relative; left:0; z-index: 15; width:530px; height:50px; }
.know #pic2_nav .pic_d .na img{width:530px; height:200px;}
.know #pic2_nav .pic_d em { position: absolute; left:0; bottom:0; z-index:16; width: 530px; height:50px; font-size:14px;}
.know #pic2_nav .pic_d em .past{height:38px; width:508px; padding:6px 0 6px 22px; display:block; background:rgba(146, 150, 151, 0.8)!important;
filter:Alpha(opacity=80); background:#929697; color:#fff;}
.know #pic2_nav .pic_d em .past .b_txt{ position: relative;line-height:18px !important;}
.know #pic2_nav .pic_d em a{ color:#fff;}
.know #pic2_nav .pic_d em a:hover{ color:#fff; text-decoration:underline;}
