“湖南风光网站”课程设计报告

湖南涉外经济学院课程设计报告课程名称： 网页设计报告题目：“湖南风光网站”课程设计报告学生姓名： ***所在学院：信息科学与工程学院专业班级：电商201201班学生学号： 11指导教师： 彭老师2013年6月28日课程设计任务书报告题目“风景网站”课程设计报告完成时间2013.6.28学生姓名谢教海专业班级电子商务指导教师彭珊珊职称讲师总体设计要求和技术要点围绕本课程的教育目标，根据课程的教学大纲和教材内容，结合网站在生产、科研、管理、教学以及日常生活等各个领域的应用都可作为课程设计的内容。例如可以选择制作求职网、个人网站、公司网站、娱乐性网站、旅游网站、花卉市场、团购网站等类型网站；原则上设计题目自己设定，但需要通过指导老师认可。设计的具体内容和要求包括：1、使用HTML5编辑网页的框架和主体内容；主页要求使用DIV嵌套布局页面；2、使用CSS3代码来设计网页的风格，统一整个网页的视觉效果；3、使用JAVASCRIPT来增加网页互动效果；4、站点设计合理、管理有序、无多余文件和文件夹、大小合适，主页用index.htm命名，且在站点根目录下；5、站点至少要有三层结构，总页面数不得少于10页；6、网页要有版权说明；7、要仔细考虑网站定位，分析面向的潜在访客群体的需求特点，选择内容和版式；8、突出网站主题、内容丰富；9、网站与网页风格应该协调一致，网站结构应层次分明，内容重点突出，页面设计要符合追求色彩的搭配、布局和合理性，以及要有一定的创意；10、各页面设计合理、美观，有创意。要有网页平面设计过程，不要只是各种元素的随意拼凑；图片动画选用要适合主题，不要在网页中插入不相干的图片；适用于各种显示器的分辨率和颜色，不要太宽，否则显示器分辨率小时会出现水平滚动条；11、各个页面之间的链接要合理有效，路径要正确（相对路径）；12、注意网站的大小，图片保存格式和图片大小要合适；13、代码结构清晰，无垃圾代码。工作内容及时间进度安排确定网站主题、搜集资料确定站点目录结构图、布局方案设计首页设计其余页面动画设计，美化页面增加网页特效网站整体调试并修改完善发布网站撰写报告答辩，提交报告课程设计成果.与设计内容对应的网站.课程设计报告摘要本站主要介绍湖南景光以及全国其他一些景区的相关链接，选择湖南风光作为网站主题，主要是由湖南，是一个自然风光优秀的省份，同时也拥有着非常源远流长的人文历史！北有洞庭，南有郴州、衡山，东接井岗，西容武陵、吉首、凤凰、猛洞河，居其中者，便是古城长沙。依托主要公路及京广线、枝柳线，根据自然与人文的分类，及行政地区的分隔，本站主要介绍湖南8大景区：长沙景区、湘潭韶山景区、衡阳南岳旅游区、株洲炎帝陵桃源洞景区、永州浯溪旅游区、猛洞河旅游区、吉首凤凰旅游区、张家界景区。本站拥有景区的介绍，一些景区的旅游攻略，本站是以文字、图片、视屏的结合，网站架构使用三层结构，以DIV标签布局，本站几大特点主要：拥有外部链接中国其他地区的风景区，以及外部月度旅游推荐的链接，本站视频是以景区宣传片为主，图片有鼠标经过图片替换效果。关键词：旅游；网页设计目录一、作品简介 1二、设计方案1目录结构图1色彩方案1软硬件环境1三、实现过程2TOC\o"1-5"\h\z创建本地站点 2首页2其余页面 4管理网站 6\o"CurrentDocument"四、作品特色 6五、结论与心得6\o"CurrentDocument"六、参考文献 7附录8、作品简介网站主题：湖南风光。创作动机：湖南，是一个自然风光优秀的省份，同时也拥有着非常源远流长的人文历史！北有洞庭，南有郴州、衡山，东接井岗，西容武陵、吉首、凤凰、猛洞河，居其中者，便是古城长沙。设计思想：景光自然是用图，视频来表达更好，本站也如此，用图片，视频做主导，用文字来说明，本站介绍湖南省大多的有名景点。二、设计方案要求写出创作前的构思和设计过程，内容包括：主要在网站上搜集所要的网页信息，包括图片、文字、相关的新闻。同时，查询相关的书籍、百度和素材光盘等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做一个比较好的网站，能够给浏览者好的欣赏感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。目录结构图国亘）展翻回可直因叵应南靛m部加藤fi宣廊用屐霸△而同r卡而院;：；怯j；也出q图一目录结构图色彩方案为了协调背景都用白色，文字用黑色，其他多用绿色，黄色软硬件环境1）硬件：屏幕尺寸：14英寸1366x768CPU型号：Intel酷睿i53230MCPU主频：2.6GHz内存容量：8GBDDR31600MHz硬盘容量：1000GB显卡芯片：NVIDIAGeForceGT650M+IntelHD4000操作系统：Windows764位旗舰版2）软件：AdobeDreamweaverCS6AdobePhotoshopCS6AdobeFlashCS6三、实现过程1.创建本地站点具体操作步骤如下：1）启动Dreamweavercs6,单击“站点”|“新建站点”命令，系统将弹出定义站点对话框。如图2所示：图2新建站点图2）在“站点名称”文本框中输入站点的名称，一定要是英文字母，在“本地站点文件夹”按文本框中输入站点文件夹，点击“保存”。即可在新建的网页中设计所需要的网页。2.首页1）首页效果图

图3页效果图首页风格布局都比较简单，应用到了div+css布局。采用盒子模式，将页面分为上中下三部分。先用photoshop做出需要的图片，然后在box中插入图片做网页特效-图片轮播，页面的下部分为超链接，主要介绍各地风景。2）首页结构框图首页结构框图如图4示：图4首页结构框图3)logo的制作图5logo效果图 图610go效果图这是我使用fireworks进行设计成jpg闪烁效果和动态LOGO,这样能让网页不那么呆板，而且还有一丝特色。其余页面1）模板设计首先将做好的页面另存为模板然后建一个可编辑区域将页面中不需要的部分删除，将鼠标放在需要设置可编辑的区域，然后点击“插入“再点击“模板对象”中的“可编辑区域”或者直接单击“ctrl+alt+v”在弹出来的窗口中单击“确定”即可编辑，再更新一下链接即可。在应用模板时只需点击“文件”中“新建”“模板中的页”找到站点下面中的模板即可设置子页面。设置完成后单击文件中的“全部保存”，在弹出的页面中单击更新即可。这样逐个设置好各个二级页面或者是跟多的页面。前面介绍了模板的设计过程，在其余的页面中只需新建模板中的页即可，下图就是我的一个模板。图7景点页面模板

2）网页特效在首页中加有图片轮播图其中有加javascript特效其效果如下图所示:图8图片轮播此轮播特效一共有7张切换图片，相应的javascript,css代码见附录。管理网站1）发布网站进入到5944.net网站进行注册，然后发布这样就可以拥有就可以拥有一个自己的网站。如图11所示：图9网站发布图2）测试网站网站的功能，主要看原计划的模块实现了没有，如果没有，后台是不是可以随时增加；二、每一个模块的更新是否是正常的，比如添加新闻、上传文件等；三、最好找个网站注入程序检测一下网站是否有漏洞，否则一旦有漏洞，可能网站正式启用以后经常会让搞黑；四、检查网站的数据库路径和名称是否是常规的路径和名称，如果是，应该改为自已特定的路径和名称，以增加网站的安全性；五、检查网站的数据库备份功能，看能否备份数据库；六、就是关于风站的所有资料，包括你的域名、FTP用户名及密码以及网站备案等必须的信息。四、作品特色本站拥有景区的介绍，一些景区的旅游攻略，本站是以文字、图片、视屏的结合，网站架构使用三层结构，以DIV标签布局，本站几大特点主要：拥有外部链接中国其他地区的风景区，以及外部月度旅游推荐的链接，本站视频是以景区宣传片为主，图片有鼠标经过图片替换效果。五、结论与心得我在本次实训过程中采用了在开发静态网页方面比较普遍使用的HTML开发语言，当然在制作的过程中碰到过一些比较棘手的问题都一一解决了，让我在解决问题方面的能力得到了提高。当然，最终的做品还是有一些不完善的地方，我也不是非常满意，比如：网页的整体布局还是有一些缺陷，在内容上还是少了一点，特效不是很多。虽然存在各种各样的问题，但是，这次动手实践经历的意义也是显而易见的。整个开发的过程对我来说是一次将理论应用于实践的过程，是将以前所学知识充分利用的过程，是一次真正的实践过程。另外，亲自动手也让自己看到了自身能力的不足，看到了理想与现实之间的差距，这一切都需要今后进一步加强学习理论知识与真正动手做一些课题来弥补。总体说来，在这次网站设计中，学到了很多在课堂内所学不到的知识，真正拓展了自己的能力，是一次难得的历练经历收获很大。通过这段时间的学习，在老师的指导下，明确操作的具体步骤和建设网站的基本理念、通过这一段时间的实训，我们才初步掌握了网站设计的基本方法，解决在创建过程中的种种问题，在问题出现过程中，我们请教了专业老师，同时在书本上和网上查找相关的知识，极大的丰富了我们的知识面，让我们不再局限于书本上的知识，同时开阔了我们的视野，让我们能够把所学到的东西运用于实践当中。六、参考文献[1]前沿文化编著，案例学-网页设计与网站建设，科学出版社，2013龙马工作室编，ASP+SQLServer组建动态网站实例精讲，北京：人民邮电出版社赵增敏编，ASP动态网页设计，电子工业出版社任学文、范严编,网页设计与制作，中国科学技术出版社武创、王惠主编,网页设计探索之旅,电子工业出版社杜巧玲等编,网页设计超级梦幻组合,清华大学出版社吴黎兵、罗云芳编，网页设计教程，武汉大学出版社庄王健编，网页设计三剑客白金教程，电子工业出版社[9]叶汶华、程永灵主编，ASP.NET网页制作教程，冶金工业出版社[10]张军、王佩楷主编，ASP动态网站设计经典案例，机械工业出版社[11]鲁宏伟、汪厚祥主编，多媒体计算机技术（第三版），电子工业出版社[12]赵小林、刘志强、郑洁主编，网页制作技术教程－动态网页篇，北京：国防工业出版附录HTML{BACKGROUND-image:url(about:blank)}S{FONT-STYLE:normal;TEXTDECORATION:none}I{FONT-STYLE:normal;TEXT-DECORATION:none}U{FONTSTYLE:normal;TEXT-DECORATION:none}#bd{MARGIN-TOP:0px}#banner-Images{HEIGHT:350px;POSITION:relative;FLOAT:left;MARGIN-TOP:10px#banner-images.switch-prev{OVERFLOW:hidden;CURSOR:pointer;HEIGHT:80px;BACKGROUND:url();POSITION:absolute;ZOOM:1;LEFT:0px;Z-INDEX:10;TOP:136px;WIDTH:50px;TEXT-INDENT:-10000em;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaimageLoader(src="")}#banner-Images:hover.switch-prev{CURSOR:pointer;BACKGROUND:url();ZOOM:1;_background:none;_filter:progid:DXimageTransform.Microsoft.AlphaImageLoader(src="")}.hover#banner-images.switch-prev{CURSOR:pointer;BACKGROUND:url();ZOOM:1;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="")}#banner-images.switch-prev:hover{CURSOR:pointer;BACKGROUND:url();ZOOM:1;_background:none;_filter:progid:DXimageTransform.Microsoft.AlphaImageLoader(src="")}#banner-images.switch-next{OVERFLOW:hidden;CURSOR:pointer;HEIGHT:80px;BACKGROUND:url();RIGHT:0px;POSITION:absolute;ZOOM:1;Z-INDEX:10;TOP:136px;WIDTH:50px;TEXT-INDENT:-10000em;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaimageLoader(src="")}#banner-Images:hover.switch-next{CURSOR:pointer;BACKGROUND:url();ZOOM:1;_background:none;_filter:progid:DXimageTransform.Microsoft.AlphaImageLoader(src="")}.hover#banner-images.switch-next{CURSOR:pointer;BACKGROUND:url();ZOOM:1;_background:none;_filter:progid:DXimageTransform.Microsoft.AlphaImageLoader(src="")}#banner-images.switch-next:hover{CURSOR:pointer;BACKGROUND:url();ZOOM:1;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaimageLoader(src="")}#banner-ImagesA{TEXT-DECORATION:none}#banner-images.list{OVERFLOW:hidden;HEIGHT:350px;POSITION:relative;WIDTH:710px}#banner-Images.list.itemDIV{CURSOR:pointer;HEIGHT:70px;BACKGROUND:url(/resource/erji/lvyou/opacity.75.png);POSITION:relative;MARGIN-TOP:-70px;WIDTH:710px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/resource/erji/lvyou/opacity.75.png")}#banner-images.itemDIVH4{FONT-SIZE:22px;FONT-FAMILY:"MicrosoftYaHei”,"微软雅黑"，"宋体"；COLOR:white;PADDING-BOTTOM:2px;PADDING-TOP:5px;PADDING-LEFT:10px;LINE-HEIGHT:32px;PADDING-RIGHT:10px}#banner-Images.itemDIVP{COLOR:#ddd;PADDING-BOTTOM:0px;PADDING-TOP:0px;PADDING-LEFT:10px;PADDING-RIGHT:10px}#banner-imagesIMG{HEIGHT:350px;DISPLAY:block;WIDTH:710px}#banner-Images.switch{RIGHT:5px;POSITION:absolute;BOTTOM:5px}}}}}}}}#banner-images.switch.button{FONT-SIZE:14px;HEIGHT:20px;FONT-FAMILY:"Arial";VERTICAL-ALIGN:middle;BACKGROUND:#1b1b19;FONT-WEIGHT:bold;COLOR:#f7f7f7;TEXT-ALIGN:center;MARGIN:5px;DISPLAY:inline-block;LINE-HEIGHT:20px;WIDTH:20px}#banner-Images.switch.cur{BACKGROUND:#406630}#recommend-destination{HEIGHT:350px;BACKGROUND:#f3fee7;FLOAT:left;MARGIN-LEFT:10px;MARGIN-TOP:10px;WIDTH:240px;_display:inline}#gonglvemingzhan{HEIGHT:350px;BACKGROUND:#f3fee7;FLOAT:left;MARGIN-LEFT:10px;MARGIN-TOP:10px;WIDTH:240px;_display:inlineH3{}}}}FONT-SIZE:14px;HEIGHT:34px;FONT-WEIGHT:bold;PADDING-BOTTOM:0px;PADDING-TOP:0px;PADDING-LEFT:10px;LINE-HEIGHT:34px;PADDINGRIGHT:10px}H3.asiflink{CURSOR:pointer;FONT-SIZE:12px;FLOAT:right;FONT-WEIGHT:normal;COLOR:#666}#recommend-destination.asiflink:hover{COLOR:#333;TEXT-DECORATION:underline}#recommend-destination.asiflink-hover{COLOR:#333;TEXT-DECORATION:underline}#recommend-destination.list{BORDER-TOP:#f3fee71pxsolid;BORDER-RIGHT:#f3fee71pxsolid;BORDER-BOTTOM:#f3fee71pxsolid;BORDER-LEFT:#f3fee71pxsolid#recommend-destination.listLI{OVERFLOW:hidden;FONT-SIZE:13px;BORDER-TOP:white1pxsolid;HEIGHT:25px;BORDER-BOTTOM:white1pxsolid;PADDING-BOTTOM:0px;PADDING-TOP:0px;PADDING-LEFT:10px;LINE-HEIGHT:25px;PADDING-RIGHT:10px;WIDTH:218px}#recommend-destination.listLI.even{BACKGROUND:white}#recommend-destination.listLI.odd{BORDER-BOTTOM-STYLE:none}#recommend-destination.listI{COLOR:#666;FONT-STYLE:normal;DISPLAY:inline-block;WIDTH:18px}#recommend-destination.listA{COLOR:#666#recommend-destination.listA:hover{COLOR:#588b08}#recommend-destination.search{POSITION:relative;PADDING-BOTTOM:10px;PADDING-TOP:10px;PADDING-LEFT:10px;PADDING-RIGHT:10px}#city{FONT-SIZE:13px;BORDER-TOP:#c4c4c41pxsolid;HEIGHT:16px;BORDER-RIGHT:#c4c4c41px;BACKGROUND:white;BORDER-BOTTOM:#c4c4c41pxsolid;PADDING-BOTTOM:4px;PADDING-TOP:4px;PADDING-LEFT:8px;BORDERLEFT:#c4c4c41pxsolid;PADDING-RIGHT:8px;WIDTH:162px;_background:whiteurl(/resource/erji/lvyou/lvyou-spr.png)-1px-1px;_background-attachment:fixed}#recommend-destination.searchLABEL{FONT-SIZE:13px;BACKGROUND:white;POSITION:absolute;COLOR:#999;LEFT:18px;DISPLAY:block;TOP:16px;_left:12px#recommend-destination.searchbutton{FONT-SIZE:0px;HEIGHT:0px;POSITION:absolute;LINE-HEIGHT:0;VISIBILITY:hidden;WIDTH:0px}#recommend-destination.searchSPAN.go-button{OVERFLOW:hidden;CURSOR:pointer;BORDER-TOP:#60a1451pxsolid;HEIGHT:24px;BORDER-RIGHT:#60a1451pxsolid;VERTICAL-ALIGN:baseline;BACKGROUND:url(/resource/erji/lvyou/lvyou-spr.png)white-180px-1px;BORDER-BOTTOM:#60a1451pxsolid;BORDER-LEFT:#60a1451pxsolid;DISPLAY:inline-block;WIDTH:38px;TEXT-INDENT:-1000em}#gonglvemudidi{HEIGHT:340px;FLOAT:left;MARGIN-TOP:10px;WIDTH:710px;_display:inline}#gonglvemudidiH3{FONT-SIZE:18px;BORDER-TOP:#78b4311pxsolid;HEIGHT:34px;FONTFAMILY:"MicrosoftYaHei","微软雅黑"，"宋体"；BACKGROUND:url(/resource/erji/lvyou/green-grid-bg.png)#60b83c;BORDER-BOTTOM:#528a102pxsolid;COLOR:white;PADDING-BOTTOM:0px;PADDING-TOP:3px;PADDING-LEFT:15px;LINE-HEIGHT:34px;PADDING-RIGHT:15px}#gonglvemudidi.pagePSPAN{}#gonglvemudidi.pagePSPAN{}#gonglvemudidi.pagePSPAN{}#gonglvemudidi.pagePSPAN{#gonglvemudidi.pages#gonglvemudidi.pages{#gonglvemudidi.tabhead{HEIGHT:33px;FLOAT:right;MARGIN-TOP:-33px;MARGIN-RIGHT:15px;_display:inline}#gonglvemudidi.tabhead.item{FONT-SIZE:13px;HEIGHT:31px;BACKGROUND:url(/resource/erji/lvyou/lvyou-spr.png)#eee-250px0px;FLOAT:left;COLOR:#666;TEXT-ALIGN:center;PADDING-TOP:2px;MARGIN:0px1px;LINE-HEIGHT:31px;WIDTH:102px}:unknown#gonglvemudidi.tabhead.item{HEIGHT:33px;PADDING-TOP:0px;LINE-HEIGHT:33px}#gonglvemudidi.tabhead.cur{BACKGROUND-POSITION:-250px-36px;FONT-WEIGHT:bold;COLOR:#528a10}OVERFLOW:auto;BORDER-TOP:#60b83c2px;HEIGHT:298px;BORDERRIGHT:#60b83c2pxsolid;BORDER-BOTTOM:#60b83c2pxsolid;CLEAR:both;BORDER-LEFT:#60b83c2pxsolid}#gonglvemudidi.page{FONT-SIZE:13px;MARGIN-LEFT:4px;MARGIN-TOP:8px;LINE-HEIGHT:27px;WIDTH:674px}#gonglvemudidi.pageP{OVERFLOW:hidden;_zoom:1}#gonglvemudidi.pagePEM{FLOAT:left;FONT-WEIGHT:bold;TEXT-ALIGN:right;WIDTH:86px}EMS{FONT-FAMILY:SIMSUN,“宋体"；FONT-WEIGHT:normal;PADDING-BOTTOM:0px;PADDING-TOP:0px;PADDING-LEFT:10px;PADDING-RIGHT:10pxFLOAT:left;WIDTH:586px}#gonglvemudidi.pagePSPANA{COLOR:#666;DISPLAY:inline-block;MARGIN-RIGHT:1em}#gonglvemudidi.pagePSPANA:hover{TEXT-DECORATION:underline}#gonglvemingzhan{HEIGHT:340px;BACKGROUND-image:url(/resource/erji/lvyou/lvyou-spr.png);BACKGROUND-REPEAT:no-repeat;BACKGROUND-POSITION:-360px248px}#gonglvemingzhan.list{OVERFLOW:hidden;MARGIN-TOP:4px;_zoom:1}#gonglvemingzhan.list.item{HEIGHT:75px;FLOAT:left;MARGIN-LEFT:10px;WIDTH:50px;MARGINRIGHT:20px;_display:inline;_overflow:visible}#gonglvemingzhan.item.title{OVERFLOW:hidden;CURSOR:pointer;HEIGHT:24px;POSITION:relative;COLOR:#333;TEXT-ALIGN:center;MARGIN-LEFT:-6px;DISPLAY:block;LINE-HEIGHT:24px;WIDTH:62px;MARGIN-RIGHT:-6px}#gonglvemingzhan.itemA:hover.title{TEXT-DECORATION:underline}#gonglvemingzhan.listIMG{HEIGHT:50px;DISPLAY:block;WIDTH:50px}.section{OVERFLOW:hidden;PADDING-TOP:20px;CLEAR:both}.sectionA{COLOR:#333}.sectionA:hover{COLOR:black;TEXT-DECORATION:underline}.sectionA:hoverEM{TEXT-DECORATION:none}.section.posterA:hover{TEXT-DECORATION:none}.sectionH3{FONT-SIZE:24px;HEIGHT:36px;FONT-FAMILY:"MicrosoftYahei”,"微软雅黑";BORDER-BOTTOM:#e9e9e91pxsolid;FONT-WEIGHT:normal;COLOR:#333;PADDING-BOTTOM:0px;PADDING-TOP:0px;PADDING-LEFT:0px;LINEHEIGHT:36px;PADDING-RIGHT:0px}.section.hotlink{FONT-SIZE:15px;HEIGHT:32px;FONT-FAMILY:"SIMSUN","宋体"；FLOAT:right;MARGIN-TOP:4px;LINE-HEIGHT:32px}.section.hotlinkA{COLOR:#999;MARGIN:0px3px0px4px}.section.hotlinkS{COLOR:#999;MARGIN:0px3px0px4px}.section.hotlinkA{FONT-FAMILY:"MicrosoftYaHei”,"微软雅黑”}.section.poster{inlineFLOAT:left;MARGIN-TOP:10px;WIDTH:330px;_display:}inline.section.posterIMG{HEIGHT:180px;DISPLAY:block;WIDTH:330px}}.section.posterB{CURSOR:pointer;HEIGHT:80px;BACKGROUND:url(/resource/erji/lvyou/opacity.75.png);POSITION:relative;MARGIN-TOP:-80px;DISPLAY:block;WIDTH:330px;_background:none;_filter:progid:DXimageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/resource/erji/lvyou/opacity.75.png")}.section.posterA:hoverB{BACKGROUND:nonetransparentscrollrepeat0%0%;FILTER:progid:DXimageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/resource/erji/lvyou/opacity.5.png");opacity:0.5}.section.posterEM{OVERFLOW:hidden;CURSOR:pointer;FONT-SIZE:20px;HEIGHT:25px;FONT-FAMILY:"MicrosoftYaHei”,"微软雅黑"；POSITION:relative;FONTWEIGHT:bold;COLOR:white;PADDING-LEFT:10px;MARGIN-TOP:-65px;DISPLAY:block;LINE-HEIGHT:25px}.section.posterS{OVERFLOW:hidden;CURSOR:pointer;FONT-SIZE:13px;HEIGHT:30px;POSITION:relative;COLOR:#999;PADDING-LEFT:10px;LINE-HEIGHT:30px}.section.bigIMG{HEIGHT:450px}.section.article{FLOAT:left;MARGIN-LEFT:18px;MARGIN-TOP:10px;WIDTH:360px;_display:inline}.section.articleH4{OVERFLOW:hidden;MARGIN-BOTTOM:4px;FONT-SIZE:18px;HEIGHT:28px;FONT-FAMILY:"MicrosoftYaHei”,"微软雅黑"；WHITE-SPACE:nowrap;TEXTOVERFLOW:ellipsis;FONT-WEIGHT:bold;MARGIN-TOP:6px;LINE-HEIGHT:28px;WIDTH:330px}.section.articleP{OVERFLOW:hidden;MARGIN-BOTTOM:8px;FONT-SIZE:13px;HEIGHT:72px;COLOR:#999;LINE-HEIGHT:24px;WIDTH:27em;TEXT-INDENT:2em.section.articleH5{OVERFLOW:hidden;FONT-SIZE:15px;HEIGHT:26px;FONT-FAMILY:simsun,“宋体"；LINE-HEIGHT:26px}#dangjichufa.articleH5{MARGIN-BOTTOM:14px}.section.articleH5.wrapper{OVERFLOW:hidden;WHITE-SPACE:nowrap;TEXT-OVERFLOW:ellipsis;DISPLAY:inline-block;WIDTH:165px}.section.articleH5S{VERTICAL-ALIGN:middle;COLOR:#999;PADDING-BOTTOM:0px;PADDING-TOP:0px;PADDING-LEFT:0px;MARGIN-LEFT:-5px;PADDING-RIGHT:7px}.section.articleUL{OVERFLOW:hidden;FONT-SIZE:15px;HEIGHT:78px;MARGIN:6px0px10px;LINE-HEIGHT:26px;WIDTH:360px;_zoom:1}}HEIGHT:140px;DISPLAY:block;WIDTH:140pxHEIGHT:140px;DISPLAY:block;WIDTH:140px}}HEIGHT:140px;DISPLAY:block;WIDTH:140pxHEIGHT:140px;DISPLAY:block;WIDTH:140px.section.articleLI{OVERFLOW:hidden;HEIGHT:26px;BACKGROUND:url()no-repeatleftcenter;FLOAT:left;PADDING-BOTTOM:0px;PADDING-TOP:0px;PADDING-LEFT:8px;PADDING-RIGHT:12px;WIDTH:144px}.section.articleI{OVERFLOW:hidden;TEXT-ALIGN:center;DISPLAY:block;_zoom:1;_overflow:visible}.section.articleIA{HEIGHT:170px;FLOAT:left;WIDTH:140px;MARGIN-RIGHT:30px}.section.articleIA:hover{TEXT-DECORATION:none}.section.articleIIMG{HEIGHT:90px;DISPLAY:block;WIDTH:90pxHEIGHT:90px;DISPLAY:block;WIDTH:90px}}.section.articleIU{OVERFLOW:hidden;CURSOR:pointer;FONT-SIZE:15px;HEIGHT:30px;TEXT-DECORATION:none;DISPLAY:block;LINE-HEIGHT:30px}.section.articleA:hoverU{TEXT-DECORATION:underline}.section.side{HEIGHT:180px;BACKGROUND:#f3fee7;FLOAT:left;MARGIN-LEFT:12px;MARGIN-TOP:10px;WIDTH:240px;_display:inline}#dangjichufa.side{HEIGHT:450px}.section.sideH3{BORDER-TOP-STYLE:none;FONT-SIZE:14px;BORDER-LEFT-STYLE:none;HEIGHT:34px;FONT-FAMILY:simsun,"宋体"；BORDER-BOTTOM-STYLE:none;FONT-WEIGHT:bold;PADDING-BOTTOM:0px;PADDING-TOP:0px;BORDER-RIGHT-STYLE:none;PADDING-LEFT:10px;LINE-HEIGHT:34px;PADDING-RIGHT:10px}.section.side.list{FONT-SIZE:13px;LINE-HEIGHT:26px}.section.side.listLI{OVERFLOW:hidden;HEIGHT:26px;PADDING-LEFT:10px}.side.cur2m{PADDING-BOTTOM:5px;PADDING-TOP:5px;PADDING-LEFT:10px;PADDINGRIGHT:10px}.side.cur2m.month-link{FLOAT:left;DISPLAY:block}.side.cur2mIMG{.side.cur2mP{OVERFLOW:hidden;MARGIN-BOTTOM:15px;_zoom:1}.side.cur2mU{OVERFLOW:hidden;HEIGHT:72px;FLOAT:left;MARGIN-LEFT:10px;MARGIN-TOP:8px;LINE-HEIGHT:26px;WIDTH:120px}.side.cur2mUA{DISPLAY:inline-block;MARGIN-RIGHT:0.5em}.side.all12m{OVERFLOW:hidden;HEIGHT:172px;MARGIN-LEFT:10px;WIDTH:230px}.side.all12mA{MARGIN-BOTTOM:7px;FONT-SIZE:28px;HEIGHT:48px;VERTICAL-ALIGN:middle;BACKGROUND:url(/resource/erji/lvyou/lvyou-spr.png)0px-50px;}}}}FLOAT:left;COLOR:white;TEXT-ALIGN:center;PADDING-TOP:2px;LINEHEIGHT:48px;WIDTH:50px;MARGIN-RIGHT:7px}.side.all12mA:hover{BACKGROUND-POSITION:-50px-50px;COLOR:white;TEXT-DECORATION:none}#guowailvyou.side{BACKGROUND:nonetransparentscrollrepeat0%0%}#guowailvyou.side.block-list{MARGIN-LEFT:-10px}#guowailvyou.sideA{MARGIN-BOTTOM:10px;FONT-SIZE:18px;HEIGHT:85px;FONT-FAMILY:"MicrosoftYaHei”,"微软雅黑"；BACKGROUND:#e5f5d4;FONT-WEIGHT:bold;COLOR:#4fac29;FONT-STYLE:italic;TEXT-ALIGN:center;MARGIN-LEFT:10px;DISPLAY:inline-block;LINE-HEIGHT:85px;WIDTH:115px#guowailvyou.sideA:hover{BACKGROUND:#60b83c;COLOR:#fff;TEXT-DECORATION:none}.image-section.article{MARGIN-LEFT:0px;WIDTH:720px}.Image-section.side{HEIGHT:320px;BACKGROUND:nonetransparentscrollrepeat0%0%;MARGIN-LEFT:0px;WIDTH:250px;MARGIN-RIGHT:-10px}.image-section.articleA{MARGIN-BOTTOM:18px;HEIGHT:150px;FLOAT:left;WIDTH:222px;MARGIN-RIGHT:18px}.image-section.articleIMG{BORDER-TOP:white1pxsolid;HEIGHT:150px;BORDER-RIGHT:white1pxsolid;BORDER-BOTTOM:white1pxsolid;BORDER-LEFT:white1pxsolid;DISPLAY:block;WIDTH:220px.Image-section.articleA:hoverIMG{BORDER-TOP-COLOR:#60b83c;BORDER-BOTTOM-COLOR:#60b83c;BORDERRIGHT-COLOR:#60b83c;BORDER-LEFT-COLOR:#60b83c}.image-section.sideA{MARGIN-BOTTOM:10px;HEIGHT:100px;FLOAT:left;WIDTH:115px;MARGIN-RIGHT:10px}.image-section.sideIMG{HEIGHT:100px;DISPLAY:block;WIDTH:115px}.image-section.side.hover{DISPLAY:none}.image-section.sideA:hover{BORDER-TOP-ST