/*公共样式*/ body{ margin: 0; padding: 0; font-family: "微软雅黑","microsoft yahei,arial,sans-serif"; -webkit-font-smoothing: antialiased;/*文字消除锯齿处理*/ font-smoothing: antialiased; } a{ text-decoration: none; } ul{ padding: 0; margin: 0; } li{ list-style: none; } img{ border: 0; padding: 0; margin: 0; } .wrapper1{ width: 1080px; margin: auto; } /*top样式*/ .top{ padding-top: 22px; padding-bottom: 26px; height: 60px; } .logo{ float: left; } .channel{ float: right; transform: rotate(180deg);/*颠倒排序*/ } .channel li{ float: right; text-align: center; font-family: "微软雅黑"; font-size: 12px; padding-left: 10px; transform: rotate(180deg);/*颠倒排序*/ } .channel li a{ color: #646464; } .channel li a:hover{ color: #00a478; font-weight: 700; text-decoration:blink; } .channel li:last-child a:hover{ color: #646464; font-weight: 100; text-decoration:blink; } .channel li span{ color: #e41a0c; } .channel li img{ display:block; } .channel li:last-child{ padding-left: 20px; } /*header区域样式*/ .header{ background-color: #00a478; height: 50px; width: 100%; z-index: 100000; } .navigation li a{ float: left; line-height: 50px; color: white; font-family: "微软雅黑"; font-weight: 500; padding: 0 38px; } .navigation li a:hover{ background: #fdb614; } .navigation .active{ background: #fdb614; } /*banner区域*/ .side-right{ width: 280px; float: right; margin: 20px 0 0 0; } #inputs{ height: 28px; width: 161px; border: solid 1px #fdb614; border-right: none; line-height: 20px; font-family: "微软雅黑"; font-size: 14px; color: #646464; margin: 0; padding: 0; padding: 0 5px; float: left; } #search1{ background: #fdb614 url(/uploads/image/rcwnimg/hoem-icons1_39.png) no-repeat center center; width: 50px; height: 30px; border: none; margin: 0; padding: 0; float: left; } #search2{ background: #00a478; width: 57px; height: 30px; border: none; font-family: "微软雅黑"; font-size: 12px; color: white; text-align: center; margin: 0; padding: 0; float: left; } .hot-search{ padding-top: 4px; height: 15px; display:block;/*超出隐藏*/ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .hot-search li{ float: left; font-family: "微软雅黑"; font-size: 12px; padding-right: 7px; color: #323232; } .hot-search li a{ color: #646464; } .hot-search li a:hover{ color: #00a478; font-weight: 700; } /*广告位样式*/ .advertisement1{ width: 280px; height: 80px; overflow: hidden; margin-top: 15px; } .advertisement1 img{ width: 100%; } .advertisement2{ width: 1080px; height: 70px; overflow: hidden; padding-top: 10px; margin: auto; } .advertisement2 img{ width: 100%; } .headline{ height: 298px; margin-top: 30px; border: solid 1px #e5e8e7; overflow: hidden; } .headline .title{ background: #eef1ef; margin-top: 2px; width: 100%; height: 33px; } .nz-headline { padding: 0 10px; } .nz-headline li{ margin: 9px 0; position: relative; } .nz-headline .dot{ position: absolute; top: 6px; padding: 0 5px 0 1px; } .nz-headline li a{ color: #323232; font-family: "微软雅黑","arial, helvetica, sans-serif"; font-size: 15px; padding-left: 20px; padding-right: 10px; font-weight: normal; } .nz-headline li a:hover{ color: #00a478; } /*轮播图样式*/ .wrapper2{ float:left; width:770px; height:455px; overflow: hidden; margin: 20px 0 0 0; } /* focus */ #focus{width:770px;height:455px;overflow:hidden;position:relative;} #focus ul{height:475px;position:absolute;} #focus ul li{float:left;width:770px;height:455px;overflow:hidden;position:relative;background:#000;} #focus ul li div{position:absolute;overflow:hidden;} #focus .btnbg{position:absolute;width:770px;height:40px;left:0;bottom:0;background:#000;} #focus .title{position:absolute;width:545px;height:40px;left:0;bottom:0;text-align:left;line-height: 40px;padding-left: 20px;color:#fff; cursor:pointer;} #focus .btn{position:absolute;width:240px;height:10px;right:20px;bottom:25px;text-align:right;} #focus .btn span{display:inline-block;_display:inline;_zoom:1;width:24px;height:2px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;} #focus .btn span.on{background:#fff;} #focus ul li a img{width: 100%;margin: 0 auto;} #focus .pre{left:0;} #focus .next{right:0;background-position:right top;} .catlog{ float:right;width:335px;height:413px; } .catlog-item1,.catlog-item2,.catlog-item5,.catlog-item6{ float:left;width:167px;height:137px; } .catlog-item1 a,.catlog-item2 a,.catlog-item5 a,.catlog-item6 a{ display: block;width:167px;height:137px; text-align: center; line-height: 137px; } .catlog-item3,.catlog-item4{ float:left;width:167px;height:139px; } .catlog-item3 a, .catlog-item4 a{ display: block;width:167px;height:139px; text-align: center; line-height: 139px; } .catlog-item1 a,.catlog-item5 a{ background: #007ef3; } .catlog-item1 a:hover,.catlog-item5 a:hover{ background: #; } .catlog-item2 a,.catlog-item6 a{ background: #73d842; } .catlog-item2 a:hover,.catlog-item6 a:hover{ background: #3fe967; } .catlog-item3 a{ background: #3fe967; } .catlog-item3 a:hover{ background: #73d842; } .catlog-item4 a{ background: #00a6f2; } .catlog-item4 a:hover{ background: #007ef3; } .font26bai a{ font-family: "微软雅黑"; font-size: 24px; color:#fff; font-weight: bold; text-decoration: none; } /*waterfall flow样式*/ #main { width: 1080px; margin: auto; margin-top: 15px; } #contents{ width:770px; float: left; } .news-item { width: 250px; min-height: 300px; border: 1px solid #f0f0f0; color: #666666; vertical-align: top; } .news-item:hover { box-shadow: 2px 2px 8px rgba(0,0,0,0.3); } .news_tu { width: 250px; height: 150px; overflow: hidden; position: relative; } .news_tu img { width: 228px; display: block; transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; position: absolute; top: 0; left: 0; } .news-item h2 { line-height: 26px; font-size: 18px; font-weight: 700; margin-top: 10px; color: #333333; } .news-item h2 a { color: #666666; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: auto; line-height: 26px; font-size: 18px; font-weight: 700; } .news-item p { line-height: 20px; font-size: 14px; margin-top: 16px; display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } .time-item{ display: inline-block; *display: inline; zoom: 1; width: 232px; height: 35px; line-height: 35px; border: 1px solid #333; margin: 3px; text-align: center; border-radius: 5px; } .time-item a{ color: #333; font-size: 14px; font-weight: bold; text-decoration: none; } .time-item:hover{ background: #ccc; } .pdtt_trbs{ margin-top: 15px; font-size: 14px; color: #939393; font-family: "arial, helvetica, sans-serif"; } .pdtt_trbs a{ font-size: 12px; } /*main区域右边side_right样式*/ .side_right{ float: right; width: 280px; } .digital_newspaper{ border: 1px solid #e5e8e7; padding-bottom: 20px; margin-top: 20px; } .digital_newspaper .title{ margin-top: 5px; margin-bottom: 5px; } .lets_center{ width: 270px; margin: auto; } .newspaper{ width: 230px; overflow: hidden; margin-top: 20px; margin-bottom: 5px; } .newspaper img{ width: 100%; } #sure{ background: #e32029; border: 0; color: white; height: 24px; width: 50px; margin-left: 10px; font-size: 14px; float: left; } .laydate-icon{ height: 24px; width: 147px; font-size:14px; display: block; float: left; } .hot_news{ border: 1px solid #e5e8e7; padding-bottom: 10px; margin-top: 30px; } .hot_news .title{ margin-top: 5px; margin-bottom: 10px; } .news_list { padding-left: 15px; padding-right: 15px; } .news_list li{ margin: 10px 0; position: relative; } .news_list .dot{ position: absolute; top: 5px; padding: 0 12px 0 0px; } .news_list li a{ color: #323232; font-family: "微软雅黑"; font-size: 14px; padding-left: 15px; padding-right: 10px; } .news_list li a:hover{ color: #fdb614; text-decoration:underline ; } .txt1 .label{ color: #fdb614; } /*广告位3*/ .advertisement3{ width: 280px; height: 80px; overflow: hidden; } #demo02{ margin-top: 30px; } #demo02 li img{ width: 100%; } .advertisement3 a img{ width: 100%; } /*客户端下载*/ .download { width: 278px; border: solid 1px #00a478; text-align: center; margin-top: 30px; } .download ul{ position: relative; } .download ul li{ float: center; border-bottom: solid 1px #00a478; -- width: 139px; text-align: center; line-height: 35px; } .download ul li a{ display: inline-block; color: #323232; width: 100%; line-height: 35px; } .active{ background:#e3eeeb url(/uploads/image/rcwnimg/home_icons_88.png) center bottom no-repeat; } .client{ height: 256px; width: 278px; margin: auto; text-align: center; overflow: hidden; } .client .phone_ewm{ margin: 10px 0 auto; width: 180px; } .arrow{ position: absolute; top: 28px; left: 68px; } .icon_down{ text-align: center; margin: 8px auto; } .icon_down td { line-height: 30px; font-family: "微软雅黑"; font-size: 6px; color: #323232; vertical-align: middle; } .icon_down td p{ float: left; margin: 0; padding: 0; padding-left: 5px; } .icon_down td img{ float: left; } .wechat { -- display: none; } .wechat img{ margin: 10px 0 auto; width: 180px; } .wechat p{ margin: 10px 0 10px 0; } .wrapper4{ height: 280px; width: 278px; } /****脚部链接区域****/ #bottom{ margin-top: 50px; padding-top: 10px; background: #eee; } .footer{ height: auto; width: 1080px; margin: auto; border: solid 1px #00a478; overflow: hidden; } .footer .link{ width: 100%; background-color: #e5e8e7; height: 35px; } .footer .link li{ float: left; } .footer .link li a{ color: #323232; font-family: "微软雅黑"; font-size: 16px; width: 115px; line-height: 35px; text-align: center; display: inline-block; } .link_content{ padding-top: 8px; height: auto; overflow: hidden; } .link_content1 li a ,.link_content2 li a ,.link_content3 li a{ float: left; color: #323232; font-family: "微软雅黑"; font-size: 14px; display: inline-block; line-height: 10px; padding: 0px 10px; margin: 6px 0; border-right: solid 1px #939393; } .link_content1 li a:hover ,.link_content2 li a:hover ,.link_content3 li a:hover{ color: #00a478; font-weight: 400; } .link_content1 li:last-child ,.link_content2 li:last-child ,.link_content3 li:last-child{ border: none; } .footer .link li a.document{ background-color: #08c391; color: #ffffff; } .link_content1 { height: auto; overflow: hidden; } .link_content2{ display: none; height: auto; overflow: hidden; } .link_content3{ display: none; height: auto; overflow:scroll; } .wrapper3{ background: #e5e8e7; padding: 10px 0 10px 0; height: 100px; margin-top: 10px; } .about_nzdb{ width: 1080px; margin: auto; } .about li a{ float: left; font-size: 14px; color: #323232; padding-right: 35px; font-family: "微软雅黑"; } .about li a:hover{ color: #00a478; } .address { margin: 20px 0; } .address img{ float: left; } .address ul{ float: left; padding-left: 50px; } .address ul li{ font-size: 14px; color: #323232; font-family: "微软雅黑"; } /* ad_banner */ /*清浮动*/ .clearfix:after { content: ""; display: block; clear: both; } .clearfix { zoom: 1; } .ad_banner { width: 280px; height: 200px; position: relative; overflow: hidden; margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 10%; } .banner-btn { display: none; } .banner-btn a { display: block; line-height: 40px; position: absolute; top: 80px; width: 30px; height: 40px; background-color: #000; opacity: 0.3; filter: alpha(opacity=30) color:rgb(255, 255, 255); overflow: hidden; z-index: 4; } .prevbtn { left: 5px; } .nextbtn { right: 5px; } .banner-img { font-size: 0; *word-spacing: -1px; /* ie6、7 */ letter-spacing: -3px; position: relative; } .banner-img li { 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{ margin: 0 auto; width: 280px; height: 200px; } .ad_banner i { background: no-repeat; width: 15px; height: 23px; cursor: pointer; margin: 8px 0 0 7px; display: block; } .ad_banner .nextbtn i { background-position: -200px -24px; } .ad_banner .prevbtn i { background-position: -200px 0px; } .banner-circle { position: absolute; left: 50%; bottom: 10px; height: 13px; text-align: center; font-size: 0; border-radius: 10px; background: rgba(255,255,255,0); filter: alpha(opacity:30); } .banner-circle li { border-radius: 10px; margin: 2px; display: inline-block; display: -moz-inline-stack; vertical-align: middle; zoom: 1; } .banner-circle li a { display: block; padding-top: 9px; width: 9px; height: 0; border-radius: 50%; background: #b7b7b7; overflow: hidden; } .banner-circle .selected a { background: #fff; } #back-to-top{ position: fixed; bottom: 60px; right: 10px; } #back-to-top img{ width: 50px; } .pagesite { text-align: center; line-height: 24px; height: 24px; margin: 10px auto; } .pagesite a:hover { background: #52bce4; color: #fff; } .pagesite a { border: 1px solid #a1dbf1; height: 29px; line-height: 29px; font-size: 14px; color: #666; padding: 0px 8px; margin: 0px 3px; } .toolbar{ font: 12px verdana, arial, helvetica, sans-serif,"宋体"; color: #42515a; word-break: break-all; margin-bottom:15px;background:#fafafa url(/uploads/image/rcwdimember/toolbar.gif) repeat-x 0 100%;} .toolbar-inner{width:980px;height:31px; line-height:31px; margin:0 auto;} .toolbar a{padding:0 5px; text-decoration: none; } a:hover, a:active { color: #ff3300; text-decoration: underline; font-weight: normal; } a:link, a:visited { color: #333; text-decoration: none; font-weight: normal; } .fl{float:left;} .fr{float:right;} .pinglun { width: 100%; font-size: 12px; } .lanmu01-2 { background-image: url(/uploads/image/rcwnimg/title1-2.gif); width: 100%; height: 30px; } .lanmu01-1 { background-image: url(/uploads/image/rcwnimg/title1-1.gif); width: 23px; height: 30px; float: left; } .lanmu01-2 span { line-height: 30px; float: left; font-size: 14px; font-weight: bold; } .lanmu01-3 { background-image: url(/uploads/image/rcwnimg/title1-3.gif); width: 10px; height: 30px; float: right; } .clear-10 { clear: both; height: 10px; } .plfl1 { float: left; text-align: right; width: 80px; line-height: 26px; } .plfr1 { float: left; } .cinput { width: 90%; height: 80px; border: 1px solid #ccc; line-height: 24px; margin-left:0px; } .clear { clear: both; } .plfl2 { float: left; text-align: right; margin-top: 10px; width: 80px; line-height: 26px; } .plcode { width: 100px; height: 26px; border: 1px solid #ccc; line-height: 26px; } .published { background: #ff7e0c; width: 80px; height: 30px; line-height: 30px; color: #fff; border: 0; cursor: pointer; text-align: center; } #commentlist { line-height: 30px; float: right; margin-right: 5px; font-size: 12px; }