@charset "utf-8"; /*html {-webkit-filter: grayscale(100%);filter:progid:dximagetransform.microsoft.basicimage(graysale=1);}*/ * { margin: 0; padding: 0; font: 12px "微软雅黑"; } /* body { text-align:center; } */ input, button, select, textarea { outline: none; } a { text-decoration: none; } .clear { clear: both; } img { border: none; } /*顶部 start*/ .top { width: 100%; height: 30px; margin: 0 auto; } .container { width: 1000px; height: 40px; margin: 0 auto; background-color: #049696; } .top .container a { line-height: 30px; float: right; text-decoration: none; color: #303030; margin-left: 10px; } .top .container a:hover { color: #049696; } /*顶部 end*/ /*头部 start*/ .header { margin: 0 auto; height: 80px; width: 1000px; background-color:#fff; } .header img { margin-top: 5px; float: left; } .search { float: left; margin: 10px 0 0 187px; } .search #se_1 { width: 324px; height: 35px; border: 1px solid #049696; border-right: none; float: left; } .search #se_2 { width: 60px; height: 37px; border: none; background: #049696 url(/uploads/image/rcwdimages/search.png) no-repeat center center; float: left; cursor: pointer; } .zghlw { width: 180px; height: 37px; float: right; padding-top: 6px; } .header iframe { width: 110px; float: left; margin-top: 47px; margin-left: 70px; } /*头部 end*/ /*导航栏 start*/ .nav { width: 100%; /*width:1000px;*/ height: 40px; margin: 0 auto; /*通栏绿色background-color: #049696;*/ text-align: center; } .nav .container li { list-style: none; /*float: left;*/ width: 60px; display: inline-block; } .nav .container li a { text-decoration: none; font-size: 16px; color: #fff; /*display: block;*/ line-height: 40px; /*text-align: center;*/ } .nav .container li:hover { background-color: #46b0b0; } /*导航栏 end*/ /*广告 start*/ .adv { width: 1000px; margin: 0 auto; } .adv img { margin-top: 10px; height: 105px; width: 1000px; } /*广告 end*/ /*轮播图 start*/ .wrapper { width: 1000px; margin: 0 auto; margin-top: 25px; background-color:#fff; } .slidebox { float: left; position: relative; overflow: hidden; } .slidebox .items { position: absolute; float: left; list-style: none; } .slidebox .items li { float: left; background: none; list-style: none; padding: 0px; margin: 0px; } div.slidebox ul.items li a img { display: block; border: none; } div.slidebox div.tips { position: absolute; bottom: 0px; width: 100%; height: 50px; background-color: #000; overflow: hidden; } div.slidebox div.tips div.title { position: absolute; left: 0px; top: 0px; height: 100%; } div.slidebox div.tips div.title a { color: #fff; font-size: 18px; line-height: 50px; margin-left: 10px; text-decoration: none; } div.slidebox div.tips div.title a:hover { text-decoration: underline; } div.slidebox div.tips div.nums { position: absolute; right: 0px; top: 0px; height: 100%; } div.slidebox div.tips div.nums a { display: inline-block; float: left; width: 20px; height: 3px; background-color: #fff; text-indent: -99999px; margin: 25px 10px 0px 0px; } div.slidebox div.tips div.nums a.active { background-color: #049696; } /*轮播图 end*/ /*今日头条 start*/ .today { width: 360px; height: 350px; float: right; } .today .td_tou { height: 35px; } .today .td_tou .arrow { margin-top: 8px; float: left; } .today .td_tou .title { text-decoration: none; float: left; font-size: 20px; color: #049696; line-height: 35px; margin-left: 20px; } /*---------------*/ .today .td_tou .title_m, .tou_mr, .re_tou > a { text-decoration: none; line-height: 35px; float: right; margin-right: 10px; color: #000; } .today .td_tou .title_m:hover, .sp_tou .tou_mr:hover, .re_tou > a:hover { color: red; } .today .td_tou .more, .special .sp_tou img { float: right; margin-top: 11px; margin-right: 5px; } /*--------------*/ .today .td_text .td_title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; margin-bottom: 5px; font-size: 17px; font-weight: bold; color:#000; } .today .td_text .td_news { width: 360px; height: 38px; display: block; font-size: 14px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#000; margin-bottom: 10px; } .today .td_text .td_news:hover { color: #049696; } /*-----------*/ .today .td_text .td_list, .td_list { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-image: url(/uploads/image/rcwdimages/dot.png); background-repeat: no-repeat; background-position: 0 10px; } .today .td_text .td_list a, .td_list a { line-height: 25px; color: #333; margin-left: 10px; } .today .td_text .td_list a:hover, .td_list a:hover { text-decoration: underline; } /*-------*/ /*今日头条 end*/ /*专题控 start*/ .zd { width: 1000px; margin: 0 auto; margin-top: 44px; } .zd .special { float: left; width: 620px; height: 255px; } .zd .special .sp_tou { height: 35px; background-color: #f5f1ee; } .zd .special .sp_tou .tou_ed { width: 5px; height: 35px; background-color: #049696; float: left; } .zd .special .sp_tou .tou_fr { float: left; width: 80px; height: 35px; background-color: #3e2111; margin-left: 10px; } .zd .special .sp_tou .tou_fr a { color: #fff; font-size: 17px; text-decoration: none; line-height: 35px; display: block; text-align: center; } .special .sp_news { height: 100px; width: 290px; margin-top: 10px; float: left; } .special .sp_news img { width: 150px; height: 100px; float: left; } .special .sp_news .sp_newlist { width: 130px; height: 100px; float: right; margin-left: 10px; } .special .sp_news .sp_title { display: block; font-size: 16px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .special .sp_news .sp_con { margin-top: 10px; color: #333; font-size: 14px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .special .sp_news .sp_con:hover { color: #049696; } .special .sp_news .sp_det { float: right; color: #000; margin-top: 5px; } .special .sp_news .sp_det:hover { text-decoration: underline; } .sp_z { width: 460px; height: 38px; display: block; } /*专题控 end*/ /*直播间 start*/ .sp_zt { width: 130px; height: 38px; display: block; } .special .sp_n { height: 100px; width: 290px; margin-top: 10px; float: left; } .special .sp_y { margin-left: 10px; } .special .sp_n img { width: 150px; height: 100px; float: left; } .special .sp_n .sp_newlist { width: 130px; height: 100px; float: right; margin-left: 10px; } .special .sp_n .sp_title { display: block; width: 130px; font-size: 16px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .special .sp_n .sp_con { margin-top: 10px; color: #333; font-size: 14px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .special .sp_n .sp_con:hover { color: #049696; } .special .sp_n .sp_det { float: right; color: #000; margin-top: 5px; } .special .sp_n .sp_det:hover { text-decoration: underline; } /*直播间 end*/ /*读报 start*/ .zd .read { width: 360px; height: 255px; float: right; } .zd .read .re_tou { height: 35px; background-color: #f5f1ee; } .re_tou .tou_d { float: left; width: 80px; height: 35px; background-color: #049696; } .re_tou .tou_d a { text-decoration: none; color: #fff; font-size: 17px; display: block; text-align: center; line-height: 35px; } .read .re_con img { width: 128px; height: 180px; } .read .re_con a:hover { color: #049696; } .read .re_con { margin: 10px 0 0 30px; display: inline-block; } .read .re_con p { margin-top: 5px; } .read .re_con p a { color: #000; margin-left: 30px; } .read .re_con:last-child { float: right; margin-right: 30px; } /*读报 end*/ .line { width: 1000px; margin: 0 auto; margin-top: 40px; } .line1 { width: 620px; height: 1px; background-color: #b5b5b5; float: left; } .line2 { width: 360px; height: 1px; background-color: #b5b5b5; float: right; } .ad { width: 1000px; margin: 0 auto; } .ad img { margin-top: 0px; width: 1000px; height: 60px; margin-bottom: 10px; } /*便民 start*/ .bsg { width: 1000px; margin: 0 auto; margin-top: 40px; } .bsg .peo, .video { width: 320px; float: left; margin-right: 20px; } .peo .pe_tou, .video .v_tou, .shopp .sh_tou { height: 35px; background-color: #f5f1ee; background-image: url(/uploads/image/rcwdimages/conv.png); background-position: 0 0; background-repeat: no-repeat; } .peo .pe_tou .conv, .video .v_tou .conv, .shopp .sh_tou .conv { line-height: 35px; margin-left: 20px; color: #fff; font-size: 17px; } .peo .pe_tou1 { margin-bottom: 10px; height: 35px; background-color: #f5f1ee; background-image: url(/uploads/image/rcwdimages/conv1.png); background-position: 0 0; background-repeat: no-repeat; } .peo .pe_tou1 .conv { line-height: 35px; margin-left: 20px; color: #fff; font-size: 17px; } .peo .more, .video .more, .shopp .more { margin: 11px 10px 0 0; float: right; color: #000; } .peo .more:hover, .video .more:hover, .shopp .more:hover { color: red; } .peo .service { margin-top: 10px; } .peo .group { margin-top: 16px; } /*便民 end*/ /*视频 start*/ .v_con { position: relative; margin-top: 10px; } .vide1 { width: 320px; height: 200px; } .video .play { position: absolute; top: 80px; left: 120px; } .video p { position: absolute; top: 5px; left: 10px; color: #fff; font-size: 14px; } /*视频 end*/ /*购物 start*/ .shopp { width: 320px; float: right; } .sh_tou { margin-bottom: 10px; } .sh_con { margin-bottom: 40px; } .sh_con .sh_title { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sh_con img { float: left; margin-right: 10px; } .sh_con a { font-size: 15px; color: #000; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .sh_con a:last-child { width: 150px; height: 64px; display: block; margin-top: 20px; color: #333; font-size: 12px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .sh_con a:last-child:hover { color: #049696; } .sh_con1 { margin: 0; } /*购物 end*/ /*文化 start*/ .culist { width: 1000px; margin: 0 auto; margin-top: 40px; } .culist .cul { float: left; width: 620px; height: 35px; background-image: url(/uploads/image/rcwdimages/lineb.png); background-repeat: no-repeat; background-position: 100% 100%; } .cul .cul_title { font-size: 22px; color: #000; font-weight: bold; } .cul .cul_sm { color: #000; float: right; display: block; line-height: 35px; } .cul .cul_sm:hover { color: #049696; } .cul_con { margin-top: 20px; width: 620px; } .cul_con img { width: 320px; height: 210px; float: left; margin-right: 10px; } .cul_title { font-size: 16px; color: #000; font-weight: bold; } .cul_tcon { width: 290px; height: 38px; font-size: 14px; color: #005; } .cul_con .cul_title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cul_con a:last-child { margin: 5px 0 20px 0; display: block; font-size: 14px; color: #333; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .cul_con a:last-child:hover { color: #049696; } .cul_list { width: 620px; } /*文化 end*/ /*新闻 start*/ .cul_new { width: 360px; float: right; } .cul_new img { float: left; width: 160px; height: 110px; margin-right: 10px; } .cul_new .sp_newlist .sp_title { color: #000; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .cul_new .sp_newlist .sp_con { width: 190px; height: 38px; display: block; color: #333; font-size: 14px; margin-top: 10px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .cul_new .sp_newlist .sp_con:hover { color: #049696; } .cul_new .sp_newlist .sp_det { margin-top: 5px; float: right; color: #000; } .cul_new .sp_newlist .sp_det:hover { text-decoration: underline; } /*新闻 end*/ /*时事 start*/ .cul_ad img { width: 360px; height: 100px; margin: 0 0 40px 0 } .cul_ad img:last-child { margin-bottom: 0; } /*时事 end*/ /*房产 start*/ .ha { width: 1000px; margin: 0 auto; margin-top: 40px; } .ha .house { float: left; width: 620px; } .ha .house .h_tou { width: 1000px; height: 35px; background-image: url(/uploads/image/rcwdimages/linec.png); background-repeat: no-repeat; background-position: 100% 100%; } .ha .house .h_tou .h_title { color: #000; font-size: 22px; font-weight: bold; } .ha .house .h_tou .h_sm { color: #000; float: right; display: block; line-height: 35px; } .ha .house .h_tou .h_sm:hover { color: #049696; } .cul_con .cul_title { font-weight: bold; } /*房产 end*/ /*活动 start*/ .ha .play { float: right; width: 360px; height: 210px; border: 1px solid #e5e5e5; margin-top: 55px; } .ha .play img { width: 360px; height: 140px; } .play a { margin-left: 10px; font-size: 16px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .play p { margin: 5px 0 3px 10px; } .play .time { float: left; } .play p span { color: #049696; } .play button { float: right; width: 70px; height: 25px; background-color: #049696; color: #fff; border: none; cursor: pointer; } /*活动 end*/ /*理财 start*/ .ct { margin: 0 auto; width: 1000px; margin-top: 40px; } .fin { width: 320px; margin-right: 20px; float: left; position: relative; } .fin .f_tou { height: 35px; background-image: url(/uploads/image/rcwdimages/conv.png); background-repeat: no-repeat; margin-bottom: 10px; background-color: #f5f1ee; } .f_tou .t_title { display: block; line-height: 35px; font-size: 17px; color: #fff; margin-left: 20px; float: left; } .f_tou .t_s { color: #000; line-height: 35px; float: right; margin-right: 10px; } .f_tou .t_s:hover { color: #049696; } .f_tou img { width: 320px; height: 210px; } .fin .bf { width: 320px; height: 40px; background-color: #000; position: absolute; top: 215px; opacity: 0.5; filter: alpha(opacity=50); } .fin .bf a { color: #fff; font-size: 14px; line-height: 40px; margin-left: 10px; } /*理财 end*/ /*教育 start*/ .edu { float: right; margin-right: 0; } /*教育 end*/ /*图片 start*/ .pic { width: 1000px; margin: 0 auto; margin-top: 40px; } .pic .pic_tou { height: 45px; background-image: url(/uploads/image/rcwdimages/imline.png); background-repeat: no-repeat; background-position: bottom center; margin-bottom: 10px; } .pic .pic_tou a { font-size: 22px; color: #000; font-weight: bold; display: block; text-align: center; } .pic_1 { width: 205px; margin-right: 3px; float: left; } .pic_1 .pic_tu1 { width: 205px; height: 180px; } .pic_1 .pic_tu2 { width: 205px; height: 287px; } .pic_2 { float: left; width: 438px; margin-right: 3px; } .pic_1 .pic_tu3 { width: 438px; height: 285px; } .pic_1 .pic_tu4 { width: 438px; height: 182px; } .pic_3 { float: left; width: 186px; margin-right: 3px; } .pic_1 .pic_tu5 { width: 186px; height: 470px; } .pic_4 { float: right; width: 162px; } .pic_1 .pic_tu6 { width: 162px; height: 287px; } .pic_1 .pic_tu7 { width: 162px; height: 180px; } .pic img:hover { opacity: 0.5; filter: alpha(opacity=50); } /*图片 end*/ /*二维码 start*/ .code { width: 1000px; margin: 0 auto; margin-top: 50px; } .code .cf { width: 100px; height: 100px; float: left; margin-left: 150px; position: relative; } .code .cf .icon { cursor: pointer; } .code .cx { position: absolute; top: -180px; left: -80px; display: none; } .cf:hover .cx { display: block; } .code .cfd { width: 100px; height: 100px; float: left; margin-left: 110px; position: relative; } .code .cfd .icon { cursor: pointer; } .cfd:hover .cx { display: block; } /*二维码 end*/ .footer { width: 100%; height: 320px; margin: 0 auto; background-color: #282828; margin-top: 50px; } .footer p { text-align: center; padding-top: 10px; } .footer a, p { color: #666666; } .footer a:hover { text-decoration: underline; } .footer a span { margin: 0 10px; } .frli { margin: 20px 0 20px 450px; } .flink { width: 1000px; height: 1px; margin: 0 auto; background-color: #666666; } .ff { width: 1000px; margin: 0 auto; margin-top: 20px; } .hli { padding-top: 30px; width: 300px; margin: 0 auto; } .fd p { text-align: center; } .com { float: right; margin-top: -40px; } .rep { width: 800px; margin: 0 auto; } .rep img { width: 140px; height: 49.5px; margin-right: 40px; margin-top: 40px; }