@charset "utf-8"; /* !HTML5 elements ---------------------------------------------------------- */ header, footer, nav, section, aside, article { display: block; } /* !Reseting ---------------------------------------------------------- */ body { font-family: "Microsoft YaHei", SimSun, SimHei; font-size: 16px; /* 16px; */ -webkit-text-size-adjust: none; color: #fff; } body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td { margin: 0; padding: 0; } input, textarea { margin: 0; font-size: 100%; } label { cursor: pointer; } table { border-collapse: collapse; border-spacing: 0; font-size: 100%; } fieldset, img { border: 0; } img { vertical-align: top; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:after, q:before { content: ''; } a, input { /* outline: none; */ } abbr, acronym { border: 0; } /* !Reset Module ---------------------------------------------------------- */ .reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6, .reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td { margin: 0; padding: 0; } .reset input, .reset textarea { margin: 0; font-size: 100%; } .reset table { border-collapse: collapse; border-spacing: 0; font-size: 100%; } .reset fieldset, .reset img, .reset abbr, .reset acronym { border: 0; } .reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var { font-style: normal; font-weight: normal; } .reset ol, .reset ul { list-style: none; } .reset caption, .reset th { text-align: left; } .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6 { font-size: 100%; font-weight: normal; } .reset a, .reset input { /* outline: none; */ } .reset q:after, .reset q:before { content: ''; } /* !Clearfix ---------------------------------------------------------- */ .clearfix, .contents, .section { display: block; min-height: 1%; } .clearfix:after, .contents:after, .section:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } * html .clearfix, * html .contents, * html .section { height: 1%;/*\*//*/ height: auto; overflow: hidden; /**/ } /* !Layout ---------------------------------------------------------- */ html { overflow-y: scroll; } body { text-align: center; } @media print { html, html body { *zoom: 0.65; } } /* !wrapper ---------------------------------------------------------- */ .wrapper { width: 100%; text-align: left; background: url(bg_body_cj.jpg) top center no-repeat;} /* !header ---------------------------------------------------------- */ .header { } .headerIn { } /* !gNavi ---------------------------------------------------------- */ /* !breadcrumb ---------------------------------------------------------- */ .breadcrumb { } /* !mainimg ---------------------------------------------------------- */ .mainimg { } /* !contents ---------------------------------------------------------- */ .contents { width: 1000px; margin: 0 auto; padding: 870px 0 0;} /* !sideNavi ---------------------------------------------------------- */ /* !pageTop ---------------------------------------------------------- */ /* !footer ---------------------------------------------------------- */ .footer { width: 100%; text-align: center; color: #fff; padding: 750px 0 0; height: 50px; line-height: 50px; } .footer a { color: #6699cc !important; } .footerIn { margin: 0 auto; width: 1160px; } .copyrights { text-align: center; padding: 0; } .copyrights span { margin: 0 0.5em; } .copyrights a { text-decoration: none; } .copyrights a:hover { text-decoration: underline; } .fontVe { font-family: Verdana; } /* !h(n)eading ---------------------------------------------------------- */ .h1_basic { margin: 0 0 10px; padding: 0; } .h1_basic h1 { font-size: 24px; text-align: center; color: #000; font-weight: bold; } .h1_basic h1 a { color: #000; } .h2_basic { margin: 0 0 10px 0; padding: 0; } .h2_basic h2 { font-size: 16px; text-align: center; ; color: #000; } .h3_basic { } .h4_basic { } .h5_basic { } .h6_basic { } /* List style ---------------------------------------------------------- */ ul.nomalList01 { list-style-type: none; } ul.nomalList01 li { height: 40px; line-height: 40px; width: 100%; padding: 0 !important; border-bottom: #fff 1px dotted;} * html ul.nomalList01 li { height: 38px; line-height: 38px; width: 100%; padding: 0 !important; border-bottom: #fff 1px dotted; } /* For IE6 */ * + html ul.nomalList01 li { height: 38px; line-height: 38px; width: 100%; padding: 0 !important; border-bottom: #fff 1px dotted; } /* For IE7 */ ul.nomalList01 li a { width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; color: #fff; } ul.nomalList01 li a:hover { color: #fff; } ul.nomalList01 li span { float: right; font-size: 12px; color: #999; } ul.nomalList01 li span.doc { float: left; margin-right: 0.5em; color: #fff; font-size: 16px; font-weight: bold; } .colBox01 { overflow: hidden; padding-bottom: 15px; margin-bottom: 15px; border-bottom: #c4c4c4 1px dotted; } .colBox01 .imgCol { float: left; margin-right: 20px; } .colBox01 .imgCol img { width: 160px; height: 90px; } .colBox01 .txtCol { zoom: 1; line-height: 1.6em; color: #fff; } .colBox01 .txtCol .tit { font-size: 20px; font-weight: bold; margin-bottom: 10px; } .colBox01 .txtCol .tit a { color: #fee317; } .colBox01 .txtCol .more { color: #52ccbc; } .colBox01:nth-child(3n-1) { overflow: hidden; border-bottom: none; padding-bottom: 0; margin-bottom: 0; } /* index.html ---------------------------------------------------------- */ section { height: 100%; } .w320 { width: 320px;} .w430 { width: 430px;} .w455 { width: 455px;} .w480 { width: 480px;} .w680 { width: 680px;} .cont01 { background: url(bg_cont01.png) left top no-repeat; padding: 30px; height: 320px;} .cont02 { background: url(bg_cont02.png) left top no-repeat; padding: 30px; height: 433px;} .cont03 { background: url(bg_ind02.png) left top repeat;} /*焦点图*/ .ind-focus { width: 480px; float: left; margin: 0; } .slideBox { width: 480px; height: 320px; overflow: hidden; position: relative; } .slideBox .hd { height: 12px; overflow: hidden; position: absolute; right: 5px; bottom: 14px; z-index: 1; } .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; } .slideBox .hd ul li { float: left; margin-right: 5px; width: 12px; height: 12px; text-align: center; background: #676766; cursor: pointer; } .slideBox .hd ul li.on { background: #FF0000; color: #fff; } .slideBox .bd { position: relative; height: 100%; z-index: 0; } .slideBox .bd li { zoom: 1; vertical-align: middle; width: 480px; height: 320px; position: relative; } .slideBox .bd li span { display: block; width: 470px; padding: 0 5px; height: 40px; line-height: 40px; text-align: left; position: absolute; bottom: 0; _bottom: -1px; left: 0; background: #000; filter: Alpha(opacity=70); background: rgba(0,0,0,0.7); } .slideBox .bd li span a { color: #FFF; } .slideBox .bd img { width: 480px; height: 320px; display: block; } /* 下面是前/后按钮代码,如果不需要删除即可 */ .slideBox .prev, .slideBox .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; } .slideBox .next { left: auto; right: 3%; background-position: 8px 5px; } .slideBox .prev:hover, .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; } .slideBox .prevStop { display: none; } .slideBox .nextStop { display: none; } /*焦点图*/ .more a { color: #fff !important; } /*中秋典故*/ .diangu_txt { color: #fff7aa; line-height: 1.65em;} .diangu_txt a.more{ color: #fff;} .diangu_list { width: 937px; margin: 0 auto; overflow: hidden;} .diangu_list ul { list-style-type: none; width: 1008px; margin-right: -71px; } .diangu_list li { float: left; margin-right: 71px; text-align: center;} /*中秋典故*/ /*享乐中秋*/ .xiangle_pic{ position:relative; width: 940px;} .xiangle_pic .tempWrap { width: 940px !important;} .xiangle_pic .bd{ padding:0; } .xiangle_pic .bd ul{ zoom:1; list-style-type: none; width: 968px; margin-right: -28px;} .xiangle_pic .bd ul li{ float: left; margin-right: 28px; _display:inline; overflow:hidden; text-align:center; position: relative;} .xiangle_pic .bd ul li .pic{ text-align:center; } .xiangle_pic .bd ul li .pic img{ width: 214px; height: 160px; display:block;} .xiangle_pic .bd ul li .title{ display: block; width: 214px; padding: 0; height: 30px; line-height: 30px; text-align: center; position: absolute; bottom: 0; left: 0;background:#000;filter:Alpha(opacity=70);background:rgba(0,0,0,0.7);} .xiangle_pic .bd ul li .title a{ color: #FFFFFF;} /*享乐中秋*/ /*中秋民俗*/ .minsu_list { width: 999px; overflow: hidden;} .minsu_list ul { list-style-type: none; width: 1029px; margin-right: -30px; } .minsu_list li { float: left; margin-right: 30px; margin-bottom: 30px; width: 313px; height: 313px; position: relative; background: url(bg_ind01.png) top center no-repeat;} .minsu_list li img { position: absolute; top: 57px; text-align: center; display: block; width: 200px; left: 50%; margin-left: -100px; z-index: -1;} .minsu_list li span { position: absolute; bottom: 58px; text-align: center; display: block; width: 100%;} .minsu_list li a { font-size: 22px; color: #fee317;} /*中秋民俗*/ /* 官微留言 */ .er { padding: 70px 0 0; text-align: center; line-height: 1.8em;} .messAges { border-top: #14c987 3px solid; background: #12193f; padding: 20px; } .txtScroll-top { width: 100%; overflow: hidden; position: relative; } .txtScroll-top .bd { padding: 0; } .txtScroll-top ul { list-style-type: none; } .txtScroll-top li { padding: 10px 0; border-bottom: #709ad1 1px dotted; color: #FFFFFF; line-height: 1.8em; } .txtScroll-top li span { color: #14c987; display: block; margin-bottom: 5px; font-size: 20px; } /* 官微留言 */