/* 365网站管理器让建站和seo变得简单! 365建站器官网:http://soft.365jz.com */ body { margin: 0; padding: 0; text-align: center; font-size: 12px; font-family: "microsoft yahei", "微软雅黑\8f6f\96c5\9ed1"; /*-moz-user-select:none;*/ line-height: 22px; height: 100%; } div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, p, q, span, strong, form, iframe, label, textarea, input { padding: 0; margin: 0; text-align: left } div { margin: 0 auto } ul, li, ol { list-style: none; list-style-type: none } img { border: 0; max-width: 100%; -ms-interpolation-mode: bicubic } textarea { overflow-y: auto } q { margin: 0; padding: 0; display: block; quotes: none } q:before, q:after { content: ''; content: none } div { text-align: left; margin-left: auto; margin-right: auto } a { text-decoration: none; color: #333 } a:hover { text-decoration: underline } .none, #none, .hide, #hide { display: none } #clear, .clear { clear: both; line-height: 1px; height: 1px; margin-top: -1px; overflow: hidden } a:link { text-decoration: none } a:visited { text-decoration: none; } a:hover, a:active { text-decoration: underline; } .l, #l { float: left } .r, #r { float: right } .mt10 { margin-top: 10px } .mb10 { margin-bottom: 10px } .pt10 { padding-top: 10px } .pb10 { padding-bottom: 10px } a, li, span, p { transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; } ::selection { background: #ff5f3e; color: #fff } ::-moz-selection { background: #ff5f3e; color: #fff } hr { height: 1px; border: none; border-top: 1px #000 dashed; background: none } .tit2, .tit2 h2, .newsa li, .nr_net li, .sera li, .ilistc li { background-image: url(../images/news_sprite.png); } .sab li, .sab li:hover { background-image: url(../images/botton_bg.png); background-repeat: no-repeat } a, p, h6 { color: #333 } a:hover { text-decoration: none; color: #f00 } /*顶部*/ .t { background: #fbfbfb; border-bottom: #efefef 1px solid } .tip { width: 1000px; height: 28px; padding-top: 2px; } .tip span { height: 25px; line-height: 28px; float: left; padding-left: 5px; font-size: 12px; font-weight: normal; color: #666666; display: block } .tip p { height: 25px; line-height: 28px; float: right; display: block } .tip p a { width: 75px; text-align: center; height: 28px; line-height: 28px; float: left; color: #00000; background: url(../images/ico1.gif) left no-repeat; display: block } /*头部*/ #head { background: #ed8f8f; background-size: cover; } .zcf23ehead { width: 1000px; height: 100px; padding: 10px 0 10px 0; } .zcf23ehead img { max-height: 80px; } .logo { width: 420px; height: 100px; float: left; } .logo span { width: 420px; height: 85px; } .logo h2 { width: 280px; height: 30px; padding-top: 15px; top: 23px; left: 155px; z-index: 999; position: absolute; font-size: 12px; color: #666666; font-weight: normal } .search { width: 400px; height: 80px; padding: 20px 0 0 20px; float: left; } .search .s_w { width: 270px; float: left; border: #cd0f03 3px solid; height: 33px; line-height: 33px; padding-left: 25px; background: url(../images/search.png) left no-repeat; color: #999; display: inline; border-radius: 3px 0 0 3px; border-right: 0; } .search .an { width: 80px; float: left; height: 39px; background: #bd192d; border: 0; color: #fff; text-align: center; cursor: pointer; display: inline; font-size: 14px; font-family: "微软雅黑"; } .search .an:hover { width: 80px; float: left; height: 39px; background: #6b0014; border: 0; color: #fff; text-align: center; cursor: pointer; font-size: 14px; display: inline; font-family: "微软雅黑" } .tag { position: absolute; top: 55px; left: 130px; width: 300px; height: 30px; line-height: 30px; overflow: hidden; color: #666 } .tag b { color: #e60011 } .tag a { text-align: left } .wifi { width: 155px; height: 35px; margin-top: 20px; float: right; } /*导航*/ #m { width: 100%; background: #bd192d; } #zcf23emenu { width: 1000px; height: 48px; background: url(../images/navr.png) right no-repeat; } #zcf23emenu ul { width: 820px; height: 48px; float: left; display: block } #zcf23emenu li { min-width: 70px; padding: 0 5px; height: 48px; line-height: 48px; float: left; display: block; text-align: center; position: relative } #zcf23emenu li:hover { height: 48px; float: left; display: block; text-align: center; background: #000000 } #zcf23emenu li a { width: 100%; display: block; height: 44px; float: left; font-weight: bold; color: #fff; font-size: 15px; text-align: center; } #zcf23emenu li a:hover { display: block; height: 48px; float: left; text-decoration: none; color: #fff } #zcf23emenu li.menu_on { display: block; height: 48px; float: left; text-decoration: none; background: #000000 } #zcf23emenu li.menu_on a { color: #fff; } #zcf23emenu p { width: 180px; float: right; display: block; text-align: center; height: 48px; line-height: 48px; } #zcf23emenu p a { width: 89px; float: left; color: #fff; font-weight: bold; display: block; } #zcf23emenu span { width: 1px; height: 48px; background: url(../images/menuline.png) center no-repeat; float: left; display: block } #zcf23emenu li .db { position: absolute; top: -5px; right: -5px; width: 30px; height: 22px; background: url(../images/db.gif) no-repeat; } #zcf23emenu li .hot { position: absolute; top: -10px; right: -5px; width: 30px; height: 22px; background: url(../images/hot.gif) no-repeat; } .zcf23enav { width: 100%; height: 25px; padding-top: 10px; border-bottom: #eeeeee 2px solid } .zcf23enav .zcf23enavc { width: 1000px; height: 20px; line-height: 20px; } .zcf23enav .zcf23enavc span.line { width: 1px; height: 20px; background: url(../images/navline.png) center no-repeat; float: left; display: block } .zcf23enav .zcf23enavc span { float: left; display: block; height: 20px; margin-right: 18px; color: #666 } /*第一屏 幻灯片+活动公告*/ .yiping { width: 1000px; height: 290px; padding: 15px 0 10px 0 } .banner { float: left; width: 730px; height: 285px; } .banner img { width: 730px; height: 285px } /* 通用 focus */ #focus { width: 730px; height: 285px; overflow: hidden; position: relative; } #focus ul { height: 355px; position: absolute; } #focus ul li { float: left; width: 730px; height: 285px; overflow: hidden; position: relative; background: #000; } #focus ul li img { width: 730px; height: 285px; border: 0 } #focus ul li div { position: absolute; overflow: hidden; } #focus .prenext { width: 45px; height: 100px; position: absolute; top: 120px; background: url(../images/sprite.png) no-repeat 0 0; cursor: pointer; } #focus .pre { left: 0; } #focus .next { right: 0; background-position: right top; } #focus .btnbg { position: absolute; width: 1000px; height: 20px; left: 0; bottom: 0; } #focus .btn { position: absolute; width: 860px; height: 10px; padding: 5px 10px; right: 0; bottom: 0; text-align: right; } #focus .btn span { display: inline-block; _display: inline; _zoom: 1; width: 20px; height: 10px; _font-size: 0; margin-left: 5px; cursor: pointer; background: #ff4407; } #focus .btn span.on { background: #ff4407; } .yp_r { width: 244px; float: right; } .tj { width: 222px; height: 285px; background: #fff; padding: 0 10px 0 10px; border: #e3e4e9 1px solid; box-shadow: 0 1px 3px #dedede; } .left_tit { width: 100%; height: 44px; line-height: 44px; border-bottom: #dedede 2px dotted; background: url(../images/cj.gif) right no-repeat } .left_tit li { width: 40%; height: 42px; line-height: 42px; float: left; text-align: center; font-size: 14px; color: #666666; font-weight: bold; display: block } .left_tit li.active { border-bottom: #ff7a2d 2px solid; cursor: pointer } .jg_txt { font-family: georgia, "times new roman", times, serif; font-size: 18px; color: #fc6914 } .tj_c { width: 222px; height: 239px; } .tj_c img { width: 180px; height: 180px; padding: 10px 20px 10px 20px; display: block } .tj_c span { width: 222px; line-height: 25px; height: 25px; text-align: center; display: block } .tj_c p { width: 130px; height: 25px; line-height: 25px; margin: 0 auto; margin-top: 5px; background: #cb0404; text-align: center; display: block } .tj_c p a { color: #fff; } .htagbox { width: 224px; height: 175px; display: block } .htaglist { width: 224px; height: 155px; float: left; display: block; padding: 8px 0 } .htaglist li { padding-left: 10px; background: url(../images/home_sprite.png) no-repeat 0px -210px; line-height: 23px } .htaglist li a { color: #bd192d } .htaglist li p { background: url(../images/home_sprite.png) no-repeat 0px -245px; padding-bottom: 7px; color: #999 } .status { margin-right: 10px } .status b { color: #009523; font-weight: normal } .home_ad1 { width: 224px; height: 60px; float: left } /*建站套餐*/ .taocan { width: 1000px; height: 217px; padding-bottom: 10px; } .tcl { width: 718px; height: 215px; float: left; border: #e3e4e9 1px solid; background: #fafafa; } .tc { width: 708px; height: 195px; padding: 10px 5px; } .tca { width: 220px; height: 195px; float: left; padding: 0 8px; } .tca h3 { width: 210px; height: 30px; line-height: 30px; padding-left: 10px; float: left; font-size: 14px; font-weight: bold; background: #e8e8e8; display: block } .tca ul { padding: 5px 0; float: left; } .tca ul li { width: 220px; height: 30px; line-height: 30px; float: left; background: url(../images/xuxian.png) bottom repeat-x; display: block } .tca ul li span { color: #595959 } .tca ul li b { color: #f00; font-size: 14px } .tca p { width: 220px; height: 28px; padding-top: 5px; float: left; display: block; text-align: center } .tca p a { width: 80px; height: 28px; line-height: 28px; float: left; margin-right: 10px; background: #bd192d; display: block; color: #fff } .tca p a.ls { background: #dcf4bd; color: #64ad04 } .tca p a.hs { background: #db0201; color: #ffffff } .tcr { width: 244px; height: 215px; float: right; border: #e3e4e9 1px solid } .tcrc { width: 236px; height: 195px; padding: 10px 5px; } .jg_txt { font-family: georgia, "times new roman", times, serif; font-size: 18px; color: #bd192d } /*全站广告系统*/ .iad { width: 1000px; height: 90px; padding-bottom: 10px } .iad img { width: 1000px; height: 90px; float: left } .nad { width: 740px; height: 80px; float: left; padding-bottom: 8px } .nad img { width: 740px; height: 80px; float: left } .ilc { width: 1000px; height: 101px; padding-bottom: 12px } .ilc img { width: 998px; height: 99px; float: left; border: #dedede 1px solid } .sad { width: 1000px; padding-top: 10px; } .sad img { width: 1000px; float: left; height: 60px } .sadl { width: 246px; height: 62px; float: left; padding-bottom: 8px } .sadl img { width: 246px; height: 62px; float: left } .listb_ad { width: 740px; height: 100px; margin-top: 8px; float: left } .listb_ad img { width: 738px; height: 98px; float: left; border: #dedede 1px solid } .bd_ad1 { width: 246px; height: 250px; float: left; padding-bottom: 8px; overflow: hidden } /*内页广告幻灯片*/ .adimg { width: 1000px; height: 60px; overflow: hidden; position: relative; } .adimg ul li { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 90px; } .adimg ul li img { width: 1000px; height: 60px; position: relative; } .adimg-nav { position: absolute; bottom: 8px; right: 10px; height: 15px; } .adimg-nav a { display: inline-block; height: 15px; line-height: 15px; padding: 0 4px; text-align: center; background: #2a98da; color: #fff; margin-left: 5px; } /*首页模板*/ .mb_box { width: 1000px; height: 390px; padding-top: 10px; border-bottom: #dedede 1px solid } .mb_box .tita { width: 1000px; height: 32px; line-height: 32px; border-bottom: #cb0404 2px solid } .mb_box .tita li { width: 160px; height: 32px; text-align: center; line-height: 32px; float: left; font-size: 14px; margin-right: 5px; color: #fff; background: #cb0404; display: block } .mb_box .tita h2 { width: 210px; height: 32px; text-align: center; line-height: 32px; float: left; font-size: 14px; color: #fff; background: #cb0404; display: block } .mb_box .tita span { height: 32px; line-height: 32px; padding: 0 20px; float: right; background: url(../images/more.gif) right no-repeat; display: block } .mb_box .tita li.active { cursor: pointer } .mb_box .tita li.normal { cursor: pointer; background: #eae5e1; color: #666 } .mb_box .mbc { width: 768px; height: 326px; padding-top: 20px; float: left; position: relative; overflow: hidden } .mb_box .mbcc { width: 1025px; height: 326px; padding-top: 20px; float: left; position: relative; overflow: hidden } .mb_box .hot { width: 230px; height: 346px; float: right; padding-top: 10px; border-left: #dedede 1px solid; position: relative } .mb_box .hot ul { padding: 8px 5px; float: left } .mb_box .hot li { width: 220px; height: 31px; line-height: 31px; float: left; display: block } .mb_box .hot li i { width: 31px; height: 31px; background: url(../images/icoquanhui.png) center no-repeat; color: #666666; text-align: center; float: left; display: block } .mb_box .hot li span { width: 187px; height: 31px; float: left; text-align: left; overflow: hidden; display: block } .mb_box .hot li b { width: 31px; height: 31px; font-weight: normal; color: #e43a3c; overflow: hidden; text-align: right; float: right; font-size: 10px; display: block } .mb_box .hot li i.i3, .mb_box .hot li i.i2, .mb_box .hot li i.i1 { width: 31px; height: 31px; background: url(../images/icoquan.gif) center no-repeat; color: #e43a3c; text-align: center; float: left; display: block } .iyc { float: left; width: 224px; height: 315px; padding: 2px; border: 1px solid #dedede; *border: 1px solid #dedede; *box-shadow: 0 3px 6px #e3e4e9; box-shadow: 0 2px 3px #dedede; margin-right: 26px; position: relative; } .iyc:hover { border: #cb0404 1px solid; background: none } .iyc img { width: 220px; height: 220px; padding: 2px; z-index: 99; display: block } .iyc img:hover { width: 220px; height: 220px; padding: 2px; z-index: 99; background: #fff; opacity: 0.6; filter: alpha(opacity=60); display: block } .iyc h4 { width: 220px; height: 29px; padding: 0 2px; line-height: 30px; color: #666; text-align: left; overflow: hidden; font-size: 14px; font-weight: normal; font-family: "微软雅黑"; display: block; border-bottom: 1px dashed #efefef } .iyc h4:hover { color: #fe4e00 } .iyc span { width: 220px; height: 25px; padding: 0 2px; line-height: 25px; color: #ccc; text-align: left; overflow: hidden; font-size: 12px; font-weight: normal; font-family: "微软雅黑"; display: block; border-bottom: 1px dashed #efefef } .iyc span font, .iyc span font a { color: #cb0404; } .iyc p { width: 214px; padding: 0 5px; height: 28px; line-height: 28px; margin-top: 5px; display: block } .iyc p b { float: left; font-weight: normal; } .iyc p font { color: #666; font: 16px arial; white-space: nowrap; font-weight: bold; } .iyc p i { font-style: normal; color: #69c; } .iyc p em { float: right; width: 50px; background: url(../images/combg.gif) center no-repeat; padding-right: 5px; font-style: normal; text-align: right } .iyc p em a { color: #cb0404; } .zb_box { width: 1000px; height: 335px; padding-top: 10px; } .zbcc { width: 1025px; height: 326px; position: relative; overflow: hidden } .ilist { width: 1000px; height: 332px; padding-bottom: 10px; } .ilistl { width: 735px; height: 330px; float: left; border: #d6d6d6 1px solid } .ilistl_t { width: 735px; height: 35px; background: url(../images/xuxian.png) bottom repeat-x } .ilistl_t h3 { width: 80px; padding: 0 15px; float: left; height: 35px; line-height: 35px; font-size: 16px; font-weight: normal; color: #333; font-family: "微软雅黑"; display: block } .ilistl_t ul { width: 350px; float: right; height: 30px; padding-top: 10px } .ilistl_t ul li { width: 80px; height: 26px; text-align: center; line-height: 26px; float: left; font-size: 12px; margin-right: 5px; display: block } .ilistl_t ul li.active { border-top: #cd2f2e 2px solid; border-left: #dedede 1px solid; border-right: #dedede 1px solid; background: #fff } .ilistl_t ul li.normal { border: #dedede 1px solid; border-bottom: none; color: #666 } .ilistc { width: 515px; height: 280px; padding: 0 0 0 210px; margin-top: 15px; background: url(../images/listbg.jpg) left no-repeat } .ilistc li { width: 232px; height: 29px; line-height: 29px; margin-right: 10px; padding-left: 15px; float: left; border-bottom: 1px dotted #e8e8e8; background-position: -30px -332px; background-repeat: no-repeat; overflow: hidden; display: block } .case { width: 998px; height: 100px; padding: 15px 0; margin-top: 10px; border: 1px solid #e2e2e2; clear: both } .case a { width: 110px; height: 40px; border: #efefef 1px solid; float: left; display: block; margin: 0 5px 10px 7px; } .case a img { width: 110px; height: 40px; } .case a:hover { border: #cd2f2e 1px solid; } .tit { height: 30px; line-height: 30px; padding: 2px 0 0 8px; border: #dedede 1px solid; border-width: 1px 1px 0 1px; background: url(../images/xuxian.png) bottom repeat-x } .tit h2 { width: 42%; height: 28px; line-height: 28px; float: left; font-size: 14px; font-family: "微软雅黑"; color: #2467af; border-bottom: #ff7a2d 2px solid } .tit span { width: 35%; height: 30px; line-height: 30px; padding-right: 5px; float: right; text-align: right } .tit2 { height: 21px; line-height: 21px; padding: 2px 0 0 5px; } .tit2 h2 { width: 30%; height: 20px; float: left; padding-left: 10px; font-size: 12px; font-family: "微软雅黑"; line-height: 20px; color: #666666; border-bottom: #ff7a2d 1px solid } .tit2 span { width: 50px; height: 21px; line-height: 21px; float: right } .tit3 { height: 23px; line-height: 23px; padding: 2px 0 0 6px; background: url(../images/home_sprite.png) -3px -244px no-repeat } .tit3 h2 { width: 120px; height: 20px; float: left; padding-left: 20px; font-size: 12px; font-family: "微软雅黑"; line-height: 20px; color: #666666; background: url(../images/news_sprite.png) 0 -262px no-repeat } .tit3 span { width: 50px; height: 20px; line-height: 20px; float: right; background: url(../images/news_sprite.png) 30px -357px no-repeat } .tit4 { height: 23px; line-height: 23px; padding: 2px 0 0 0; } .tit4 h2 { padding-left: 8px; font-size: 12px; float: left; font-family: "微软雅黑"; color: #666666; } .tit4 span { width: 50px; height: 20px; line-height: 20px; float: right; background: url(../images/news_sprite.png) 30px -357px no-repeat } /*相关阅读*/ .tit5 { height: 23px; line-height: 23px; padding: 2px 0 0 0; } .tit5 h2 { padding-left: 25px; height: 23px; line-height: 23px; font-size: 12px; float: left; font-family: "微软雅黑"; background: url(../images/news_sprite.png) 0 -237px no-repeat } .tit5 span { width: 50px; height: 23px; line-height: 23px; float: right; background: url(../images/news_sprite.png) 30px -357px no-repeat } .tit5 h2 b { color: #f00 !important } /*首页资讯*/ .n { width: 1000px; height: 705px; padding-bottom: 10px; margin-bottom: 15px; border-bottom: #d7e9f4 1px solid } .n a { color: #666666 } .nl { width: 740px; height: auto; margin-top: 10px; } #divlist .nl { width: 740px; height: auto; margin-top: 20px; } .zcf23enlc { width: 740px; height: auto; float: left; padding-bottom: 10px; margin-top: 10px; } .nl_img { width: 362px; float: left; height: 200px; } .nl_img img { width: 362px; height: 200px; float: left } .nl_top { width: 362px; float: right; height: 200px } .nl_top h3 { width: 362px; height: 23px; line-height: 23px; float: left; font-size: 14px; text-align: left; color: #004ea2; display: block } .nl_top span { width: 362px; height: 80px; padding-top: 10px; float: left; line-height: 25px; text-indent: 1em; overflow: hidden; display: block } .nl_top b { width: 362px; height: 18px; padding: 6px 0; float: left; text-align: left; color: #004ea2; font-weight: normal; display: block } .nl_top li { width: 362px; height: 25px; line-height: 25px; float: left; display: block } .zcf23enewsa { width: 350px; height: auto; border: #dedede 1px solid; margin-left: 10px; margin-bottom: 10px; } .newsa_t { width: 345px; height: 23px; } .zcf23enewsa ul { padding: 6px 5px; float: left } .zcf23enewsa li { width: 335px; height: 24px; line-height: 24px; padding: 2px 0 0 15px; background-position: -30px -334px; background-repeat: no-repeat; float: left; display: block } .zcf23enewsa li p { width: 270px; height: 24px; float: left; text-align: left; overflow: hidden; display: block } .zcf23enewsa li span { width: 45px; height: 24px; float: right; text-align: center; display: block; padding-right: 10px; } .zcf23enr { width: 246px; height: auto; margin-top: 10px; } .nr_jz { width: 246px; float: left; padding-bottom: 10px } .nrjz { width: 234px; height: 360px; float: left; border: #dedede 1px solid; padding: 5px; border-top: none } .nrjz b { width: 234px; padding-top: 2px; height: 21px; line-height: 21px; text-align: left; float: left; color: #004ea2; overflow: hidden; display: block } .nrjz span { width: 234px; height: 63px; line-height: 21px; float: left; padding-bottom: 4px; text-indent: 1em; background: url(../images/xuxian.png) bottom repeat-x; overflow: hidden; display: block } .nr_net { width: 246px; float: left; } .nr_net_t { width: 240px; height: 25px; float: left } .nr_net ul { padding: 5px; float: left } .nr_net li { width: 221px; height: 25px; line-height: 25px; padding: 0 0 0 15px; background-position: -30px -334px; background-repeat: no-repeat; float: left; display: block } /*底部*/ .footer_box { border-top: 1px solid #ccc; background: #fff; padding-top: 20px; padding-bottom: 20px; } /*版权*/ #zcf23efooter { width: 1000px; text-align: center; margin: 10px auto; margin-bottom: 0; line-height: 22px; } #zcf23efooter .text { text-align: center } #zcf23efooter .text a { text-decoration: none; } .flinks li { height: auto; display: inline-block; padding-right: 15px; line-height: 25px; } .copyright { height: 25px; line-height: 25px; background: #f2f2f2; color: #999; width: 580px; margin: 0 auto } .copyright a { color: #999 } .iconmap { width: 1000px; height: 50px; padding: 10px 0; border-top: 1px solid #ccc; } .iconmap a { text-decoration: none; cursor: pointer; font-family: '微软雅黑'; font-size: 14px; width: 94px; padding-left: 50px } .iconmap .iconbg { background: url(../images/footer.jpg) no-repeat; height: 44px; display: block; float: left; } .iconmap .iconbg1 { background-position: 0 -44px } .iconmap .iconbg2 { background-position: 0 -88px } .iconmap .iconbg3 { background-position: 0 -132px } .iconmap .iconbg4 { background-position: 0 -176px } .iconmap .iconbg5 { background-position: 0 -220px } .iconmap .iconbg6 { background-position: 0 -264px } .iconmap p.icon-title { font-weight: bold; color: #333; margin-top: 3px; } .iconmap p.icon-desc { color: #999; margin-top: -2px; line-height: 25px; } /*帮助*/ .helptitbg { width: 1000px; position: relative; height: 160px; } .helptitbg dl { float: left; width: 165px; border-right: 1px dotted #999; padding-left: 30px; } .helptitbg dt { font-size: 16px; font-weight: 500; } .helptitbg dt a { font-family: "微软雅黑"; color: #999; font-weight: bold; height: 35px; line-height: 35px; float: left; padding-left: 10px; } .helptitbg dd a { color: #666; line-height: 26px; text-decoration: none; padding: 0px 0px 0px 46px; } .helptitbg dd a:hover, .helptitbg dt a:hover { color: #c00; } .helptitbg dl dt span { float: left; width: 35px; height: 35px; } .helptitbg .dl1 dt span { background: url(../images/footbg2.png) 0 0 no-repeat; } .helptitbg .dl2 dt span { background: url(../images/footbg2.png) 0 -40px no-repeat; } .helptitbg .dl3 dt span { background: url(../images/footbg2.png) 0 -88px no-repeat; } .helptitbg .dl4 dt span { background: url(../images/footbg2.png) 0 -130px no-repeat; } .helptitbg .dl2 { margin-right: 212px; } .helptitbg .dl3 { border-left: 1px dotted #999; padding-left: 30px; } .helptitbg .dl4 { border: none; margin-right: 0px; } .helptitbg img { position: absolute; top: 0px; left: 450px; } .links { width: 1000px; border-top: 1px solid #ddd; overflow: hidden; height: 75px; padding: 10px 0; line-height: 25px; color: #666 } .links a { padding-right: 10px; float: left; white-space: nowrap; float: left } #bottomnav { width: 1000px; height: 25px; line-height: 25px; text-align: center; border-top: 1px solid #ddd; padding-top: 8px; } #bottomnav a { padding-right: 10px; } /*内页*/ .zcf23econ { width: 1000px; padding-bottom: 10px; margin-top: 10px; } .zcf23econ:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } /*模板列表页*/ .s { width: 1000px; height: 835px; } .softl { width: 246px; min-height: 780px; float: left; } .softr { width: 738px; height: auto; float: right; border: #dedede 1px solid } .softr_t { width: 738px; height: 25px; line-height: 25px; float: left; border-bottom: #dedede 1px solid } .softr_c { width: 718px; padding: 7px 10px; float: left } .softr_c p { width: 718px; height: 81px; padding-bottom: 10px; float: left; display: block } .softr_c p img { width: 718px; height: 81px; float: left } .softr_c ul { width: 718px; float: left; padding: 4px 0; display: block } .softr_c ul li { width: 718px; height: 21px; line-height: 21px; float: left; display: block; color: #666666; overflow: hidden } .softr_c ul li b { color: #f00 } /*软件列表*/ .softc { width: 738px; float: left; padding: 10px 0 } .softc li { width: 160px; float: left; display: block; padding: 10px 11px } .softc li img { width: 154px; height: 90px; float: left; border: #ccc 1px solid; padding: 2px; display: block } .softc li img:hover { width: 154px; height: 90px; float: left; border: #ccc 1px solid; padding: 2px; background: #fff; opacity: 0.6; filter: alpha(opacity=60); display: block } .softc li h4 { width: 160px; height: 24px; line-height: 24px; padding-top: 3px; float: left; font-size: 12px; text-align: left; font-weight: normal; color: #666666; overflow: hidden; display: block } .softc li h4 a { color: #666666; } .softc li h4 b { color: #666666; font-weight: normal; } .softc li span { width: 160px; height: 21px; line-height: 21px; float: left; text-align: left; color: #666666; overflow: hidden; display: block } .softc li span a { color: #666666; } .softc li span b { color: #f66; font-weight: normal; } .softc li span em { color: #666666; font-style: normal; text-align: right; } .softtop { width: 246px; height: 355px; padding-bottom: 10px; } .softtop ul { width: 244px; padding: 6px 0; float: left; border: #dedede 1px solid; background: #fff; border-width: 0 1px 1px 1px; display: block } .softtop ul li { width: 108px; height: 95px; float: left; padding: 4px 7px; display: block } .softtop ul li img { width: 106px; height: 70px; float: left; border: #dedede 1px solid; } .softtop ul li p { width: 100px; height: 20px; padding-top: 2px; float: left; text-align: center; overflow: hidden } /*软件列表左侧文章列表*/ .softr_jc { width: 244px; float: left; border: #dedede 1px solid } .softr_jc_t { width: 244px; height: 25px; float: left; border-bottom: #dedede 1px solid } .softr_jc ul { padding: 5px; float: left; width: 236px; } .softr_jc li { width: 225px; height: 25px; line-height: 25px; padding: 0 0 0 5px; float: left; display: block; color: #666 } .softr_jc li a { color: #666 } /*文章页*/ .nl_ar { width: 718px; padding: 5px 10px; float: left; border: #dedede 1px solid; background: #fff; margin-bottom: 10px } .title { height: 60px; float: left; } .title h1 { width: 718px; height: 70px; line-height: 70px; font-family: '微软雅黑'; color: #333; text-shadow: 0 1px 0 #dedede; font-size: 24px; font-weight: normal; display: block; float: left; text-align: center; overflow: hidden } .title h2 { width: 718px; height: 60px; line-height: 60px; font-family: '微软雅黑'; color: #333; font-size: 23px; font-weight: normal; display: block; float: left; text-align: center; border-bottom: #dedede 1px solid; overflow: hidden } .resource { height: 40px; width: 718px; float: left; line-height: 40px; border-bottom: 1px solid #dedede; color: #666; text-align: center; margin-bottom: 6px } .des { height: 40px; float: left; width: 708px; padding: 10px 5px; line-height: 24px; border: #ccc 1px dotted; color: #666666; overflow: hidden } .content { line-height: 1.643; float: left; font-size: 15px; font-family: "arial"; word-wrap: break-word; padding: 0 5px 10px 5px; width: 708px } .content p { width: 708px; line-height: 1.6; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } .content table { border: 1px dashed #ccc; font-style: italic; border-collapse: collapse; border-spacing: 0; max-width: 600px !important; border-left: #ff5f3e 4px solid; background: #f9f9f9 } .content table p { max-width: 685px !important; } .content table td { padding: 0 10px !important; word-wrap: break-word; } .content a { text-decoration: underline } .fenxiang { width: 718px; height: 24px; line-height: 24px; padding: 13px 0; float: left } .fx_l { width: 590px; height: 24px; float: left } .fx_r { width: 100px; height: 20px; padding-bottom: 4px; line-height: 20px; float: right; text-align: right } .fx_st { width: 120px; padding-left: 80px; height: 24px; float: right; text-align: right } .xinqing { width: 718px; padding: 15px 0; text-align: center; float: left } .cy-wrapper ul.emoji-list li, .cy-wrapper ul.emoji-list li div, .cy-wrapper ul.emoji-list li p { text-align: center } .fanpian { width: 713px; float: left; padding: 5px 0 5px 5px } .fanpian p { width: 710px; height: 23px; line-height: 23px; float: left } /*版权说明*/ .copyright { width: 713px; float: left; padding: 5px 0 5px 5px; background: #f5f5f5; color: #333 } .copyright p { width: 713px; height: 28px; padding-top: 2px; line-height: 28px; float: left } /*评论*/ .pl { width: 718px; float: left; padding: 10px; margin-bottom: 8px; border: #dedede 1px solid } .w720 { width: 740px; float: left; height: 8px } /*相关阅读*/ .linkarc { width: 738px; float: left; padding-bottom: 5px; border: #dedede 1px solid } .linkarc_t { width: 730px; height: 25px; padding-left: 8px; float: left } .linkarc_c { width: 718px; float: left; padding: 10px; } .linkarc_c li { width: 718px; height: 28px; line-height: 25px; float: left; border-bottom: #ccc 1px dashed } .linkarc_c li a { color: #004ea2 } /*相关模板阅读*/ .linkmb { width: 738px; height: 190px; float: left; border: #dedede 1px solid } .linkmb_t { width: 730px; height: 25px; padding: 6px 0 0 8px; float: left } .linkmb_c { width: 718px; height: 145px; float: left; padding: 4px 10px; } .linkmb_c li { width: 160px; float: left; display: block; padding: 8px 7px } .linkmb_c li img { width: 154px; height: 90px; float: left; border: #ccc 1px solid; padding: 2px; display: block } .linkmb_c li h4 { width: 160px; height: 24px; line-height: 24px; padding: 2px 0; float: left; font-size: 12px; text-align: center; font-weight: normal; color: #666666; overflow: hidden; display: block } /*微新闻列表*/ .nl_wx { width: 718px; padding: 5px 10px; float: left; border: #dedede 1px solid; background: #fff; } .nl_wxc { width: 718px; padding: 5px 0; float: left } .nl_wxc dl { width: 718px; height: 170px; padding: 20px 0 15px 0; float: left; border-bottom: #dedede 1px dashed; display: block } .nl_wxc dt { width: 210px; height: 170px; float: left; display: block } .nl_wxc dt img { width: 195px; height: 130px; padding: 2px; border: #dedede 1px solid; } .nl_wxc dt h5 { width: 185px; height: 35px; line-height: 35px; padding: 0 0 0 25px; color: #aaa; font-size: 12px; font-weight: normal; background: url(../images/share.gif) left no-repeat; display: block } .nl_wxc dt h5 b { font-weight: normal; color: #f00 } .nl_wxc dd { width: 480px; height: 170px; float: right; display: block } .nl_wxc dd h3 { width: 480px; height: 30px; line-height: 25px; color: #141414; font-size: 16px; font-weight: normal; display: block } .nl_wxc dd span { width: 480px; height: 50px; line-height: 25px; padding: 7px 0; overflow: hidden; display: block } .nl_wxc dd h6 { width: 430px; height: 37px; line-height: 37px; padding: 0 0 0 50px; color: #aaa; font-size: 12px; font-weight: normal; background: url(../images/tagbg.png) left no-repeat; overflow: hidden; display: block } .nl_wxc dd h6 a { font-weight: normal; padding: 2px 5px; } .nl_wxc dd h6 a:hover { background: #5485db; color: #fff } .nl_wxc dd .jw { width: 140px; height: 20px; line-height: 20px; float: right; text-align: left } /*新闻纯列表*/ .zcf23enl_lb { width: 718px; float: left } .zcf23enl_lb li { width: 718px; height: 32px; line-height: 32px; padding-top: 2px; float: left; border-bottom: #dedede 1px dashed; display: block } .zcf23enl_lb li p { width: 635px; height: 32px; line-height: 32px; float: left; display: block } .zcf23enl_lb li span { width: 80px; height: 32px; line-height: 32px; float: left; text-align: center; display: block } /*软件详细页*/ .weizhi { width: 100%; height: 35px; border-bottom: #dddddd 1px solid; background: url(../images/urlherebg.png) left no-repeat } .weizhi h2 { height: 34px; line-height: 34px; border-bottom: #cb0404 1px solid; font-size: 13px; padding-left: 15px; font-weight: normal; display: block } .softmore { width: 1000px; height: 385px; background: #fff; } .soft_arj { width: 1000px; float: left; padding: 15px 0; } .soft_arj_l { width: 320px; height: 320px; float: left; } .soft_arj_l img { width: 318px; height: 318px; border: #dedede 1px solid; } .soft_arj_r { width: 650px; height: 320px; float: right; } .soft_arj_r .soft1 { width: 650px; height: 115px; border-bottom: #dedede 1px dotted; padding: 15px 0; } .soft_arj_r .soft2 { width: 390px; float: left; display: block } .soft_arj_r .soft2 li { width: 390px; line-height: 25px; color: #666; font-family: "宋体"; display: block } .soft_arj_r .soft2 .shop { font-size: 26px; color: #cf0f02; font-weight: bold; font-family: "georgia"; } .soft_arj_r .soft3 { width: 240px; float: right; display: block } .soft_arj_r .soft3 .sp-singleact { float: right; width: 240px; position: relative; } .soft_arj_r .soft3 .sp-singleact dl { padding-bottom: 5px; border: 1px solid #dde3e4; padding-top: 5px; } .soft_arj_r .soft3 .sp-singleact dl dd { line-height: 18px; padding: 3px 0px 3px 35px; zoom: 1; overflow: hidden } .soft_arj_r .soft3 .sp-singleact dl .mian { background: url(../images/ico_mian.gif) no-repeat 12px 5px; } .soft_arj_r .soft3 .sp-singleact dl .jian { background: url(../images/ico_jian.gif) no-repeat 12px 5px; } .soft_arj_r .soft3 .sp-singleact dl .zhe { background: url(../images/ico_zhe.gif) no-repeat 12px 5px; } .soft_arj_r .soft3 .sp-singleact dl .song { background: url(../images/ico_song.gif) no-repeat 12px 5px; } .soft_arj_r .soft3 .sp-singleact span { display: block; width: 13px; height: 23px; background: url(../images/sanjiao.jpg) no-repeat; position: absolute; top: 55px; left: -12px; background-color: #fff; } .soft_arj_r .soft4 { width: 650px; height: 35px; padding-top: 10px } .soft_arj_r .soft4 b { float: left; height: 30px; line-height: 30px; display: block; margin-right: 12px; font-weight: normal; font-family: 宋体 } .soft_arj_r .soft4 span { padding: 0 10px; height: 30px; line-height: 30px; border: #c8c9cd 1px solid; text-align: center; background-color: #f9f9f9; color: #333333; float: left; margin-right: 12px; display: block } .soft_arj_r .soft4 span:hover { padding: 0 10px; border: #ff6701 1px solid; text-align: center; background-color: #f9f9f9; color: #ff6701; float: left; margin-right: 12px; display: block; cursor: pointer } .soft_arj_r h1 { width: 650px; height: 30px; line-height: 20px; color: #666; font-family: "微软雅黑"; font-size: 18px; font-weight: normal; overflow: hidden; border-bottom: #dedede 1px dotted; display: block } .soft_arj_r .buy { width: 650px; margin-top: 30px; height: 45px; padding: 8px 0; float: left; overflow: hidden } .soft_arj_r .buy span { float: left } .soft_arj_r .buy a:hover { opacity: 0.9; } .soft_arj_r .buy a.demo { display: inline-block; width: 140px; height: 38px; text-align: center; line-height: 38px; color: #fff; font-size: 18px; font-family: "微软雅黑"; margin-left: 15px; border-radius: 2px; float: left; background: #333333; } .soft_arj_r .down { width: 650px; height: 45px; line-height: 45px; margin-top: 40px; float: left; overflow: hidden } .soft_arj_r .down li { width: 140px; float: left; height: 45px; text-align: center; display: block; margin-right: 5px; } .soft_arj_r .down li a { width: 140px; height: 45px; line-height: 45px; font-size: 18px; font-weight: normal; color: #fff; background: #27ae60; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-family: 微软雅黑; display: block } .soft_arj_r .down li a:hover { width: 140px; height: 45px; line-height: 45px; font-size: 18px; font-weight: normal; color: #fff; background: #e54f51; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-family: 微软雅黑; display: block } .arc .softm { width: 696px; float: left; height: auto; clear: both; padding: 10px; background: #f9f9f9; border: #eeeeee 1px solid; margin-bottom: 10px; font-size: 14px } .arc .softm span { width: 232px; height: 30px; line-height: 30px; display: block; float: left; color: #999999 } .arc .softm p { width: 696px; height: 30px; line-height: 30px; display: block; color: #999999 } .softarcr { width: 740px; float: right; background: #fff; margin-bottom: 10px } .soft_con { width: 738px; float: left; height: auto; border: #dedede 1px solid } .soft_t { width: 738px; height: 35px; border-bottom: #af0d02 2px solid } .soft_t li { width: 120px; height: 35px; float: left; line-height: 35px; float: left; text-align: center; cursor: pointer; display: block } .soft_t li h3 { font-weight: bold; text-align: center; font-size: 14px; font-weight: normal; border-right: #dedede 1px solid } .soft_t li.active { background: #fff; height: 35px; line-height: 35px; background: url(../images/bg_producttit.gif) repeat-x; color: #fff; font-weight: bold } .soft_t li.normal {} .arc { width: 718px; padding: 10px; background: #fff; } /*评论*/ .soft_pl { width: 718px; padding: 5px 0; } .tab_body { padding: 5px 10px } .qlist { border-bottom: 1px dashed #e1e1e1; padding: 10px 0; font-size: 14px } .qlist .icon { background: url(../images/wen.png) left no-repeat; height: 14px; margin-top: 8px; width: 24px } .qlist .answer .icon { background: url(../images/da.png) left no-repeat; margin-top: 4px } .qlist .right { width: 695px } .qlist .question .right { line-height: 30px } .qlist .answer .right { line-height: 1.8 } /*软件列表左侧文章列表*/ .softr_arc { width: 244px; background: #fff; border: #dedede 1px solid; margin-bottom: 20px; } .zcf23esoftr_arc_t { width: 242px; height: 35px; background: #fafafa; border-bottom: #dedede 1px solid } .zcf23esoftr_arc_t h2 { width: 120px; height: 33px; line-height: 33px; float: left; padding-left: 10px; font-size: 14px; font-family: "微软雅黑"; color: #666666; } .zcf23esoftr_arc_t span { width: 50px; height: 33px; line-height: 33px; padding-right: 10px; float: right; text-align: right; } .softr_arc ul { padding: 5px; width: 234px; } .softr_arc li { width: 225px; height: 25px; line-height: 25px; padding: 0 0 0 5px; float: left; display: block; color: #666; overflow: hidden } .softr_arc li a { color: #666 } .softr_link { width: 244px; height: auto; background: #fff; border: #dedede 1px solid; padding-bottom: 10px; } .softr_link dl { width: 215px; height: 255px; padding: 15px 0; border-bottom: #dedede 1px dotted; margin-left: 15px; display: block } .softr_link dl dt { width: 215px; height: 215px; display: block } .softr_link dl dt img { width: 215px; height: 215px; } .softr_link dl dd { width: 215px; height: 40px; line-height: 22px; padding-top: 5px; text-align: center; overflow: hidden; display: block } .softr_link dl dd a {} .softr_design { width: 246px; height: 330px } .sab { width: 360px; height: 40px; float: left; padding-top: 10px } .sab li { width: 80px; height: 40px; line-height: 40px; float: left; color: #fff; margin-right: 8px; text-align: center; display: block; background-position: 0 -1px; } .sab li a { color: #fff; font-weight: bold } .sab li:hover { width: 80px; height: 40px; line-height: 40px; padding-top: 2px; float: left; color: #fff; margin-right: 8px; text-align: center; display: block; background-position: 0 -38px; } .lburl { width: 728px; height: 27px; float: left; padding: 3px 0 0 10px; background: url(../images/lburlbg.png) } .lburl h2 { width: 350px; height: 27px; float: left; line-height: 27px; font-size: 12px; color: #666666; display: block } .lburl h2 a { font-size: 12px; color: #666666; } .lburl span { width: 330px; height: 27px; float: right; line-height: 27px; padding-right: 10px; text-align: right; display: block } .zcf23earcurl { width: 673px; height: 27px; float: left; padding: 2px 0 0 25px; background: url(../images/news_sprite.png) 2px -310px no-repeat } .zcf23earcurl h2 { width: 350px; height: 27px; float: left; line-height: 27px; font-size: 12px; color: #666666; font-weight: normal; display: block } .zcf23earcurl h2 a { font-size: 12px; color: #666666; font-weight: normal } .yc_page { width: 800px; height: 30px; padding: 7px 0; padding-right: 200px; text-align: center; clear: both; margin-bottom: 12px; background: url(../images/boxbg2.png) } .page { width: 500px; height: 30px; float: left; text-align: right; padding: 8px 100px 12px 118px } .wx_page { width: 500px; height: 30px; line-height: 30px; float: left; text-align: right; padding: 10px 100px 10px 98px } /*帮助中心*/ #help { width: 246px; float: left; height: auto; border-bottom: #dedede 1px solid; background: #fff } .help_t { width: 236px; height: 32px; float: left } #help ul { padding: 5px 10px; float: left; width: 224px; border: #dedede 1px solid; border-width: 0 1px 0 1px; display: block } #help ul h3 { width: 200px; height: 30px; float: left; line-height: 30px; padding: 0 0 5px 5px; margin-bottom: 5px; font-size: 12px; float: left; display: block; color: #666; background: url(../images/xuxian.png) bottom repeat-x } #help ul li { width: 195px; height: 26px; line-height: 26px; padding: 2px 0 0 25px; float: left; display: block; color: #666; background-image: url(../images/news_sprite.png); background-position: -20px -332px; background-repeat: no-repeat; overflow: hidden } #help ul li a:hover { color: #f00; font-weight: bold } .help_on { color: #f00; font-weight: bold } .help_on a { color: #f00; font-weight: bold } /*网站地图*/ .sitemap { line-height: 25px; float: left; font-size: 12px; color: #000; padding: 5px 5px 10px 5px; width: 688px } .sitemap_t { width: 688px; height: 37px; float: left; padding-top: 2px; border-bottom: #dedede 1px dashed; } .sitemap h2 { height: 35px; line-height: 35px; float: left; font-size: 14px; padding: 0 8px 0 15px; background-image: url(../images/news_sprite.png); background-position: -32px -329px; background-repeat: no-repeat; color: #333 } .sitemap span { height: 35px; line-height: 35px; float: left; padding: 0 10px; font-size: 12px } .sitemap ul { width: 688px; padding: 5px 0; float: left } .sitemap ul li { width: 152px; height: 23px; line-height: 23px; padding: 2px 5px 0 15px; float: left; overflow: hidden; background: url(../images/ico1.gif) left no-repeat; color: #666; display: block } /*在线订购*/ .order { width: 978px; height: 500px; padding: 10px; background: #fff; margin-bottom: 10px; border: #dedede 1px solid } .order h1 { height: 28px; width: 948px; line-height: 28px; float: left; padding: 2px 0 0 10px; font-size: 12px; font-weight: normal; border-bottom: #ccc 1px dashed; text-align: left } .order_con { width: 980px; height: 340px; padding: 10px 0; float: left } .order_con textarea { border: 1px #dedede solid; } .order_con p { text-align: left; padding: 10px 20px } .order_con td { text-align: right } textarea, input, select { text-align: left; float: left } .order_con li { float: left; line-height: 25px; width: 960px; } .radio01 { margin: 0px 10px 0px 5px; vertical-align: middle } .input_texth03 { border: #dadade 1px solid; width: 300px; margin-right: 5px; height: 20px; display: inline-block } .order_bn { display: inline-block; font-weight: bold; font-size: 12px; background: url(../images/xiangxi.gif); width: 80px; cursor: pointer; color: #efeff1; border-top-style: none; line-height: 26px; border-right-style: none; border-left-style: none; height: 26px; float: left; margin-right: 10px; text-align: center; border-bottom-style: none } /*团购*/ .tuan { width: 958px; height: 2330px; padding: 10px 20px; background: #fff; margin-bottom: 10px; font-family: 微软雅黑; border: #dedede 1px solid } .tuana { width: 958px; height: 550px; padding: 15px 0; float: left; background: #fff; } .tuana h2 { width: 958px; height: 95px; float: left; padding: 5px 0 10px 0; line-height: 30px; font-size: 20px; color: #333; font-weight: blod; overflow: hidden; display: block } .tuana h2 b { color: #f00 } .tuana_c { width: 936px; height: 400px; float: left; padding: 20px 10px 0 10px; border: #dedede 1px solid; background: #f9f9f9 } .tuana_cl { width: 530px; height: 400px; float: left; position: relative; display: block } .tuana_cl h2 { width: 530px; height: 25px; line-height: 25px; position: absolute; top: 0; left: 0; font-size: 14px; } .tuana_cl h2 b { color: #0c3 } .tuana_cl_jg { width: 470px; height: 65px; position: absolute; top: 45px; left: -23px; padding: 20px 0 0 50px; font-size: 14px; background: url(../images/bg-deal-price.png) left no-repeat; } .tuana_cl_jg h3 { font-size: 30px; font-weight: bold; width: 225px; color: #fff; float: left; height: 40px; line-height: 40px; display: block } .tuana_cl_jg h4 { font-size: 15px; font-weight: bold; color: #000; float: right; height: 40px; line-height: 20px; display: block } .tuana_cl p { width: 520px; height: 250px; overflow: hidden; color: #333; line-height: 25px; position: absolute; top: 145px; left: 0; font-size: 14px; display: block; text-indent: 1em } .tuana_cr { width: 350px; height: 380px; padding: 0 10px; float: right } .tuana_cr img { width: 350px; height: 270px; float: left } .tuana_cr p { width: 350px; height: 80px; line-height: 27px; float: left; font-size: 14px; font-weight: bold } /*原创*/ .mbt { width: 1000px; padding: 10px 0; height: 70px; background: url(../images/boxbg2.png) bottom repeat-x; position: relative } .mbt_l { position: absolute; left: 10px; top: 10px; height: 70px; width: 500px; line-height: 60px } .mbt_l h2 { font-size: 25px; zoom: 1; display: block; float: left } .mbt_l p { zoom: 1; display: block; color: #999; float: left; height: 40px; padding: 15px 10px; line-height: 20px } .mbt_l strong { font-size: 40px; font-family: arial; font-weight: bold; color: #333; padding-right: 10px; float: left } .mbt_r { position: absolute; right: 5px; height: 60px; top: 20px; width: 180px } .mbt_r a { width: 51px; height: 51px; margin-left: 9px; float: left; text-align: center; line-height: 51px; } .mbt_r a.giving { width: 51px; height: 51px; background: url(../images/giving.png) no-repeat; } .mbt_r a.qq { width: 51px; height: 51px; background: url(../images/qq.png) no-repeat; } .mbt_r a.share { width: 51px; height: 51px; background: url(../images/share.png) no-repeat; } .mbt_r a:hover { background-position: 0 -51px; } .mb_class { width: 1000px; height: 67px; background: url(../images/boxbg2.png) bottom repeat-x } .mb_class span { width: 1000px; padding-top: 15px; height: 40px; display: block } .mb_class a { display: block; zoom: 1; height: 25px; line-height: 25px; width: 90px; border: 1px solid #ccc; border-radius: 20px; float: left; margin-right: 15px; text-align: center } .mb_class a.classon, .mb_class a:hover { text-decoration: none; background: #bd192d; border-color: #bd192d; color: #fff; } .con_yc { width: 1035px; padding: 15px 0; height: auto; position: relative } .mba { margin-left: 17px; margin-right: 10px; margin-bottom: 20px } /*滚动层*/ /*浮动客服*/ /*在线客服*/ .online-qq { position: fixed; top: 50%; right: 0; z-index: 200; } .online-qq .qq_content { background: #fff; margin: 0; padding: 0; } .online-qq .qq_content .dt { text-align: center; background: #202020; color: #fff; font-size: 14px; font-weight: bold; padding: 6px 15px; border: 1px solid #ddd; border-bottom: 0; } .online-qq .qq_content .qq { padding: 10px 10px 5px; margin: 0; border: 1px solid #ddd; border-top: 0 } .online-qq .qq_content .qq p { background: url(../images/online_qq.png) repeat-x 0 -33px; margin: 0 0 5px } .online-qq .qq_content .qq a { border: 1px solid #ddd; display: block; background: url(../images/online_qq.png) no-repeat 10px -72px; height: 23px; line-height: 23px; padding: 0 18px 0 30px } .online-qq .qq_content .tel { background: #fff; padding: 10px; margin: 0; text-align: center; font-size: 14px; color: #333; border: 1px solid #ddd; border-top: 0 } .online-qq .qq_content .tel strong { font-size: 12px; color: #f60 } .online-qq .qq_content .tel p { text-align: center; font-size: 12px } .online-qq .footqq { border: 1px solid #ddd; background: #f1f1f1; height: 2px; overflow: hidden; margin: 0 5px; border-top: 0; display: none } .qr_code { position: fixed; top: 50%; left: 10px; z-index: 200; text-align: center; background: #fff; padding: 5px; } .qr_code img { margin: 0 0 5px; display: block } .page_top { position: absolute; } #pagetop { z-index: 160; width: 58px; height: 57px; background: url(../images/top.gif) no-repeat; position: fixed; _position: absolute; bottom: 10px; right: 10px; overflow: hidden; text-indent: -999px; cursor: pointer } #pagetop a { width: 100%; height: 100%; display: block; } *html #pagetop a { width: 65px; height: 65px } /*软件图片*/ .soft-img { border: 1px solid #dedede; margin-bottom: 10px } .soft-img-title { height: 35px; background: #fafafa; line-height: 35px; margin-bottom: 10px; } .soft-img-title strong { width: 85px; display: block; line-height: 35px; height: 35px; padding: 0 15px; color: #333; text-align: left; font-size: 14px; font-weight: normal; } #gallery { padding: 2px 8px; overflow: hidden; width: 718px; margin-bottom: 15px; } #gallery ul { list-style: none; width: 718px; } #gallery ul li { display: inline; float: left; margin: 8px 19px 8px 20px; } #gallery ul li a { display: block; overflow: hidden; position: relative; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 8px; background: #fff; border: 1px solid #ddd; padding: 5px; } #gallery ul li a:hover { border: 1px solid #f90; background: #f9f9f9; box-shadow: rgba(224, 194, 0, 0.9) 0 0 8px; } #gallery ul li a span { background: #000; display: block; text-align: center; height: 22px; color: #fff; line-height: 22px; bottom: 5px; position: absolute; filter: alpha(opacity=60); opacity: .6; } #gallery ul li a em { text-align: center; padding: 0 5px; height: 22px; line-height: 22px; font-style: normal; position: absolute; color: #fff; bottom: 5px; font-family: "宋体"; } #gallery ul li a u { display: block; height: 120px; overflow: hidden; } #gallery ul img { margin: 0; padding: 0; border: none; border-radius: 0; } #gallery ul a:hover { text-decoration: none; color: #ccc; } #gallery ul li, #gallery ul li a u, #gallery ul li a em, #gallery ul li a span { cursor: url(../images/zoomin.cur), auto; cursor: pointer; } #gallery ul li a, #gallery ul li a span, #gallery ul li a u, #gallery ul img { width: 128px; } #gallery ul li a em { width: 118px; } #pboverlay, #pbimage, #pbbottom, #pbclosebtn, #stip { position: fixed; z-index: 999999; _position: absolute; } #stip { _top: 0; } #pboverlay { left: 0; top: 0; width: 100%; height: 100%; background: #000; cursor: pointer; } #pbclosebtn { bottom: 0; right: 0; display: block; width: 50px; height: 50px; cursor: pointer; z-index: 9999991; background: url(../images/closebutton.png) no-repeat top left; } .pbloading { background: #000 url(../images/loading.gif) no-repeat center !important; } #newmbdemo { float: right; margin: -50px 50px 0 0; display: inline-block; text-indent: -9000px; width: 50px; height: 50px; cursor: pointer; z-index: 9999991; background: url(../images/newwin.png) no-repeat top left; } #pbimage { border: none; background: #000 no-repeat; -moz-box-shadow: 0 0 40px #000; -webkit-box-shadow: 0 0 40px #000; box-shadow: 0 0 40px #000; cursor: url('../images/drag_hand.cur'), move; } @-moz-document url-prefix() { #pbimage { cursor: move; } } #pbbottom { font-size: 12px; text-align: center; color: #eee; line-height: 1.4em; left: 0; bottom: 0; width: 100%; height: 50px; background: #000 url(../images/bg.png) repeat-x; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; } #stip { top: 0; left: 0; background: #222; border-bottom: 1px solid #000; text-align: center; width: 100%; color: white; height: 40px; line-height: 40px; font-weight: 700; } #stip span { text-decoration: underline; color: red; cursor: pointer; padding-left: 10px; } #pbcaption, #pbnumber { float: left; font-weight: bold; padding: 17px 0 0 15px; font-size: 14px; display: inline-block; *display: inline; zoom: 1; } #pbnav { display: block; width: 200px; height: 50px; margin: auto; } #pbprevbtn, #pbnextbtn, #pbzoombtn { display: inline-block; width: 70px; height: 50px; outline: none; text-indent: -9000px; background: url(../images/navbtns.png) no-repeat; } #pbprevbtn { background-position: -70px 0; float: left; } #pbprevbtn.pbgreyed { cursor: not-allowed; background-position: 0 0; } #pbnextbtn { background-position: -320px 0; float: right; } #pbnextbtn.pbgreyed { cursor: not-allowed; background-position: -390px 0; } #pbzoombtn { width: 60px; background-position: -140px 0; float: left; } #pbzoombtn.pbgreyed { background-position: -200px 0; } #pbzoombtn.pbzoomed { background-position: -260px 0; } #pbprevbtna, #pbnextbtna { outline: none; height: 60px; width: 60px; display: block; position: fixed; top: 45%; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; } #pbprevbtna:hover, #pbnextbtna:hover { filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; } #pbprevbtna { left: 0; background: url(../images/l.png) no-repeat } #pbprevbtna.pbgreyed, #pbnextbtna.pbgreyed { filter: alpha(opacity=20); opacity: 0.2; -moz-opacity: 0.2; cursor: not-allowed } #pbnextbtna { right: 0; background: url(../images/r.png) no-repeat } .poptip { display: none; padding: 8px 10px; line-height: 11px; color: #db7c22; font-size: 12px; background-color: #fffcef; border: solid 1px #ffbb76; border-radius: 2px; position: absolute; top: 2px; right: 85px; z-index: 9999; } .poptip-arrow { position: absolute; overflow: hidden; font-style: normal; font-family: simsun; font-size: 12px; text-shadow: 0 0 2px #ccc; top: 50%; height: 12px; width: 6px; margin-top: -4px; right: -6px; } .poptip-arrow em, .poptip-arrow i { position: absolute; left: 0; top: 0; font-style: normal; } .poptip-arrow em { color: #ffbb76; left: -6px; } .poptip-arrow i { left: -7px; color: #fffcef; text-shadow: none; } .bztx { color: red; cursor: pointer; padding-left: 5px; } /*分页*/ .yc_page ul { float: right; } .yc_page .firstpage { width: 30px; } .yc_page ul li { float: left; line-height: 25px; height: 25px; margin-left: 5px; font-size: 12px; border: 1px solid #e9e9e9; padding: 0px 10px; width: auto; background: #fff } .yc_page ul li a:hover { color: #ff0000; text-decoration: none; } .yc_page ul li.thisclass, .yc_page ul li.thisclass a, .yc_page ul li.thisclass a:hover { background-color: #333333; color: #fff } .yc_page .pageinfo { line-height: 25px; padding: 12px 5px 10px 5px; color: #999; } .yc_page select { line-height: 25px; margin-top: 4px } .yc_page .pageinfo strong { color: #555; font-weight: normal; margin: 0px 2px; } /*分页*/ .page_list ul { float: right; } .page_list .firstpage { width: 30px; } .page_list ul li { float: left; line-height: 25px; height: 25px; margin-left: 5px; font-size: 12px; border: 1px solid #e9e9e9; padding: 0px 10px; width: auto; } .page_list ul li a:hover { color: #ff0000; text-decoration: none; } .page_list ul li.thisclass, .page_list ul li.thisclass a, .page_list ul li.thisclass a:hover { background-color: #333333; color: #fff } .page_list .pageinfo { line-height: 25px; padding: 12px 5px 10px 5px; color: #999; } .page_list select { line-height: 25px; margin-top: 4px } .page_list .pageinfo strong { color: #555; font-weight: normal; margin: 0px 2px; } /*分页*/ .pagebreak { line-height: 20px; float: left; padding: 5px 5px 5px 200px; color: #333; font-size: 12px; width: 500px; } .pagebreak li { float: left; margin: 0 3px; } .pagebreak li a { padding: 2px 5px; border: #eee 1px solid; color: #036cb4; text-decoration: none } .pagebreak li a:hover { border: #999 1px solid; color: #666; } .pagebreak li a:active { border: #999 1px solid; color: #666; } .pagebreak li.thisclass { background-color: #036cb4; font-weight: bold; color: #fff; } .pagebreak li.thisclass a { color: #fff } #zcf23efooter p { text-align: center; } .zcf23enl_lb li b { font-weight: 500; } .zcf23ejz_pages {} .zcf23ejz_pages ul { float: left; padding: 12px 0px 12px 16px; } .zcf23ejz_pages ul li { float: left; font-family: Tahoma; line-height: 17px; margin-right: 6px; border: 1px solid #E9E9E9; } .zcf23ejz_pages ul li a { float: left; padding: 2px 4px 2px; color: #555; display: block; } .zcf23ejz_pages ul li a:hover { color: #690; text-decoration: none; padding: 2px 4px 2px; } .zcf23ejz_pages ul li.thisclass, .zcf23ejz_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover { background-color: #F8F8F8; padding: 2px 4px 2px; font-weight: bold; } .zcf23ejz_pages .pageinfo { line-height: 21px; padding: 12px 10px 12px 16px; color: #0F0C0C; } .zcf23ejz_pages .pageinfo strong { color: #140C0C; font-weight: normal; margin: 0px 2px; } .pagelist strong {} .zcf23exiayibu p a { text-decoration: none; } a { outline: none; } /* banner */ .swiper-container { width: 100%; } .swiper-container img { max-width: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; } .swiper-text { position: absolute; left: 0; top: 50%; margin-top: -56px; z-index: 2; text-align: center; color: #FFF; width: 100%; } .swiper-text h3 { font-size: 24px; text-align: center; margin-bottom: 3%; color: #FFF; line-height: 24px; } .swiper-text p { font-size: 16px; text-align: center; margin-bottom: 3%; color: #FFF; line-height: 24px; } .swiper-text .swiperbtn { display: block; background: #0064Cd; background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #1dab7d), to(#47de9d)); background-image: linear-gradient(270deg, #1dab7d 0, #47de9d 100%); width: 120px; height: 40px; line-height: 40px; color: #fff; text-align: center; border-radius: 20px; margin: 0 auto; font-size: 14px; } .swiper-text .swiperbtn:hover { -webkit-box-shadow: 0 1px 5px 0 rgb(34 178 129 / 50%); box-shadow: 0 1px 5px 0 rgb(34 178 129 / 50%); -webkit-transform: translateY(-5px); transform: translateY(-5px); } /* 话题标签topic */ .zcf23emeta-tags { padding: 20px 0; } .zcf23emeta-tags .zcf23etagitem { position: relative; display: inline-block; height: 30px; padding: 0 12px; font-size: 14px; line-height: 30px; vertical-align: top; border-radius: 100px; background: #f2f3f5; margin-bottom: 20px; } .zcf23emeta-tags .zcf23etagitem:hover { background-color: rgba(0, 102, 255, .15); } .zcf23emeta-tags .zcf23etagitem:not(:last-child) { margin-right: 10px; } /* 话题标签topic列表 */ .zcf23econtainer { position: relative; margin: 0 auto; padding: 0 15px; box-sizing: border-box } @media screen and (min-width:768px) { .zcf23econtainer { width: 750px } } @media screen and (min-width:992px) { .zcf23econtainer { width: 970px } } @media screen and (min-width:1200px) { .zcf23econtainer { width: 1170px } } @media only screen and (max-width: 1140px) { .zcf23emain, .zcf23econtainer { width: auto; } } .zcf23eplace { min-height: 56px; background-color: #f2f3f5; line-height: 56px; font-size: 16px; padding: 0 20px; margin: 20px 0; } .zcf23erow .zcf23erowtitle { text-align: center; padding: 30px 0 20px 0; } .zcf23erow .zcf23erowtitle h1 { font-size: 28px; line-height: 30px; text-align: center; } .zcf23erow .zcf23erowtitle p { font-size: 16px; line-height: 30px; color: rgba(119, 119, 119, 1); font-family: Arial; } /* 自定义内容 */ .zcf23econtent { width: 100%; font-size: 16px; line-height: 28px; padding-bottom: 30px; } .zcf23econtent p { padding-bottom: 20px; } .zcf23econtent .contain { -webkit-box-sizing: content-box; box-sizing: content-box; padding: 36px 40px; background: #FAF7F2; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); border-radius: 6px; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s; } .zcf23econtent .contain:hover { background: #EFEFEF; } .zcf23econtent .contain .ch-title { font-size: 24px; font-weight: 600; color: #5d5044; line-height: 32px; margin-bottom: 6px; } .zcf23econtent .contain .en-title { font-size: 16px; font-family: HelveticaNeueLTPro; color: rgba(133, 114, 90, 0.6); line-height: 32px; padding-bottom: 8px; } .zcf23econtent .contain .line { width: 48px; height: 4px; background: #ff9f38; display: inline-block; margin-bottom: 24px; } .zcf23econtent .contain p { font-size: 16px; font-weight: 400; color: #333333; line-height: 24px; text-align: justify; } /* 列表 */ .zcf23enews_list_wrap { max-width: 1140px; margin: 0 auto; } .news_list_item_line { padding: 30px; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .news_list_item_line:hover { -webkit-box-shadow: rgba(0, 0, 0, .12) 0 0 22px; -moz-box-shadow: rgba(0, 0, 0, .12) 0 0 22px; box-shadow: rgba(0, 0, 0, .12) 0 0 22px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; color: #2ba0e8; } .news_list_item_line:hover a { color: #2ba0e8; } .news_list_item_header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0 } .news_list_item_date { font-size: 14px; color: #999; line-height: 24px; } .news_list_item_title { font-size: 16px; font-weight: 400; color: #333; line-height: 24px; } .news_list_item_link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .news_list_item_summery { margin-top: 18px; font-size: 14px; color: #666; line-height: 1.7; } .news_list_item_group a { display: inline-block; position: relative; height: 26px; line-height: 26px; max-width: 100%; padding: 0 8px; border: 1px solid #e5e5e5; margin-top: 12px; margin-right: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #999; font-size: 12px; word-break: keep-all; overflow: hidden; z-index: 2; } .news_list_parting_line { height: 0; border-bottom: 1px solid #ececec; margin: 0 1.6666%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* 分页 */ .zzpages ul { float: left; padding: 12px 0px 12px 16px; } .zzpages ul li { display: inline-block; height: 35px; line-height: 35px; background: #fff; border: 1px solid #e5e5e5; overflow: hidden; vertical-align: top; } .zzpages li.thisclass { background: #292a32; border: 1px solid #292a32; color: #fff; } .zzpages ul li:hover { border: 1px solid #292a32; } .zzpages ul li a, .zzpages ul li .pageinfo { color: #292a32; padding: 8px 12px; } .zzpages li.thisclass a { color: #fff; } .zzpages .pageinfo strong { color: #555; font-weight: normal; margin: 0px 2px; } /* 话题标签topic列表结束 */