/* banner */ .fullslide { width: 100%; min-width: 1200px; position: relative; height: 350px; background: #f0f4f7; margin-top: 188px; } .fullslide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; } .fullslide .bd ul { width: 100% !important; } .fullslide .bd li { width: 100% !important; height: 350px; overflow: hidden; text-align: center; } .fullslide .bd li a { display: block; height: 350px; } .fullslide .hd { width: 100%; position: absolute; z-index: 1; bottom: 10px; left: 0; height: 30px; line-height: 30px; background: repeat-x; text-align: center; _background: #000; _filter: alpha(opacity=60); } .fullslide .hd ul { text-align: center; padding-top: 5px; } .fullslide .hd ul li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 8px; height: 8px; border-radius: 5px; margin: 5px; background: #000; overflow: hidden; line-height: 9999px; opacity: .8 } .fullslide .hd ul .on { width: 8px; height: 8px; border-radius: 5px; margin: 5px; background: #fff; opacity: .6 } .sitewidth { padding-top: 160px; padding-left: 100px; text-align: left; width: 1200px; margin: 0 auto; font-size: 32px; } .sitewidth .txt { color: #000; font-size: 26px; -webkit-font-smoothing: antialiased; font-weight: bold } .sitewidth b { color: #83b5fe; text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); font-size: 32px; font-weight: bold } .relative { position: relative } .floatlogin { position: absolute; z-index: 2; right: 0; top: 10px; } /* 公告 */ .news-content-item { overflow: hidden; margin-top: 10px; width: 1200px; margin: 0 auto; } .news-title-title { float: left; background: #cc032f; line-height: 24px; color: #fff; padding: 10px 15px;font-size: 18px } .news-content-lists { float: left; overflow: hidden; width: 1130px; } .news-content-lists li { float: left; text-align: left; border: 0px solid #dfdfdf; padding-top: 4px; border-radius: 5px; width: 48%; margin-bottom: 10px; background: no-repeat 0 5px; padding-left: 20px; } .news-content-lists li:nth-child(even){margin-left:2%;} .news-content-lists li a i { color: #999; float: right } .news-content-lists li a:hover { color: #0955c6; } .bg_hui { background: #f0f4f7; padding-top: 30px; padding-bottom: 15px; margin-bottom: 0px; box-shadow: 0 0 15px #c7d6e1; } .bg_hui >.more { width: 1200px; margin: 0 auto; text-align: right;padding-right: 20px; } .bg_hui >.more >a { padding-top: 10px; text-align: center; line-height: 10px; width: 100% } .linkbox { margin-top: 0px; width: 100%; overflow: hidden; } .linkbox a { float: left; width: 47%; height: 138px; background: #f2f2f2; font-size: 16px; line-height: 30px; padding-top: 90px; text-align: center; margin-bottom: 20px; border: 1px #e0e0e0 solid; } .linkbox a:nth-child(1), .linkbox a:nth-child(3) { margin-right: 6%; } .linkbox a { background-image: url(/uploads/image/rzimages/icon.png); background-repeat: no-repeat; } .linkbox a:hover { border: 1px #ccc solid; } a.iconcz { background-position: 49px 22px; } a.iconxz { background-position: 49px -90px; } a.iconlx { background-position: 49px -194px; } a.iconyw { background-position: 49px -299px; } .linktitle { font-size: 14px; font-weight: bold; line-height: 30px; padding-left: 0px } /* banner end */ .notic { border-bottom: 1px #e0e0e0 solid; height: 60px; background: #fff; overflow: hidden } .notic .container { background: no-repeat 0 -450px; padding-left: 40px; margin-top: 20px; } .notic .container a { color: #333; text-decoration: none; } .notic .container a:hover { color: #f90; } .notic .container span { color: #999; padding-left: 20px; } .personal-box { padding: 16px 0px 0px 16px; height: 80px; background: #fff; border: 1px #eee solid; } .personal-box img { height: 56px; width: 56px; vertical-align: top; } .personal-text-box { /* height: 40px; */ display: inline-block; /* padding: 4px 12px; */ height: 14px; line-height: 14px; padding-top: 4px; } div.left-menu { background: #0c185c; } div.left-menu ul { background: #0c185c; } .login-btn { width: 104px; height: 40px; background: #1b62b7; border-radius: 5px; outline: none; color: #ffffff; font-size: 16px; border: none; margin-top: 16px; } .register-btn { margin-left: 16px; } .blockbox { } .blockbox li { background: #fff; width: 15.2%; height: 220px; text-align: center; float: left; cursor: pointer; } .blockbox li a { display: block; height: 220px; text-decoration: none; color: #555; overflow: hidden; } .blockbox li a span { background: #f2f2f2; height: 120px; width: 120px; display: block; border-radius: 50%; margin: 18px auto; overflow: hidden; } .blockbox li a span i { background-image: ; background-repeat: no-repeat; height: 50px; width: 80px; display: block; margin: 36px 0 0 28px } .blockbox li a div { margin-top: 15px; font-size: 20px; line-height: 24px; padding: 0 0; height: 60px; } .blockbox li a:hover { color: #f69300; transition: all linear 0.2s; } .blockbox li:hover { -webkit-box-shadow: 0 0 10px rgba(154, 186, 214, .8); -moz-box-shadow: 0 0 10px rgba(154, 186, 214, .8); box-shadow: 0 0 10px rgba(154, 186, 214, .8); } .blockicon1 { background-position: 0 0; transition: all linear 0.2s; } .blockbox li a:hover .blockicon1 { background-position: -135px 0; transition: all linear 0.2s; } .blockicon2 { background-position: 0 -52px; transition: all linear 0.2s; } .blockbox li a:hover .blockicon2 { background-position: -136px -52px; transition: all linear 0.2s; } .blockicon3 { background-position: 0 -120px; transition: all linear 0.2s; } .blockbox li a:hover .blockicon3 { background-position: -136px -120px; transition: all linear 0.2s; } .blockicon4 { background-position: 0 -188px; transition: all linear 0.2s; } .blockbox li a:hover .blockicon4 { background-position: -136px -188px; transition: all linear 0.2s; } .blockicon5 { background-position: 0 -248px; transition: all linear 0.2s; } .blockbox li a:hover .blockicon5 { background-position: -136px -248px; transition: all linear 0.2s; } .blockicon6 { background-position: 0 -309px; transition: all linear 0.2s; } .blockbox li a:hover .blockicon6 { background-position: -136px -309px; transition: all linear 0.2s; } /* shuju */ .bg1 { background: #fff; } .picscroll-left { overflow: hidden; position: relative; margin: 0px 0; width: 1170px; } .picscroll-left .hd { overflow: hidden; padding: 0 10px; } .picscroll-left .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; zoom: 1; } .picscroll-left .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: 0 -9px no-repeat; } .picscroll-left .hd ul li.on { background-position: 0 0; } .picscroll-left .bd { padding: 0px; } .picscroll-left .bd ul { overflow: hidden; zoom: 1; } .picscroll-left .bd ul li { float: left; _display: inline; width: 25%; overflow: hidden; text-align: center; border-radius: 10px; } .picscroll-left .bd ul li .pull-left { padding: 20px 10px 0 20px; } .picscroll-left .bd ul li { text-align: left; padding-top: 3px; margin-right: 20px; } .picscroll-left .bd ul li b { font-size: 22px; line-height: 50px; color: #333; font-weight: normal } .picscroll-left .bd ul li b label { font-size: 12px; color: #999; padding-left: 5px; line-height: 20px; font-weight: no } .picscroll-left .bd ul li span { font-size: 12px; color: #638fd0; padding-left: 5px; } /* gonggao */ /*tab*/ .area { width: 100%; padding: 10px 0px; border-bottom: 1px solid #eee; background: #fff; overflow: hidden; margin-bottom: 10px; } .area span { display: inline-block; font-size: 1p2x; padding: 0px 8px; color: #666666; cursor: pointer; margin: 0 6px; } .area span.active { color: #fff; background: #0092ff; height: 25px; line-height: 25px; } .slidetxtbox { width: 800px; text-align: left; } .slidetxtbox .hd { position: relative;border: 1px #e0e0e0 solid; height: 60px; background: #f2f2f2; padding: 0 15px 0 12px; } .slidetxtbox .hd h3 { width: 100px; float: left; font-size: 22px; color: #000; line-height: 50px;font-weight: bold} .slidetxtbox .hd h3:before { width: 6px; height: 22px; background: #0955c6; border-radius: 2px; margin-right: 10px; float: left; content: ""; vertical-align: middle; margin-top: 14px; margin-left: 10px; } .slidetxtbox .hd ul { float: left;padding-left: 10px; } .slidetxtbox .hd ul li { float: left;line-height: 50px;margin-top: 7px; border: 1px #e0e0e0 solid;background: #fff; cursor: pointer; font-size: 16px; text-align: center; border-left: 0;padding: 0 20px; } .slidetxtbox .hd ul li:nth-child(1) { border-left: 1px #eee solid; } .slidetxtbox .hd ul li.on { color: #0955c6;font-weight: bold;background: #fff;line-height: 51px;border-top: 2px #0955c6 solid; } .slidetxtbox .hd ul li span { border-radius: 50%; background: #d7e8f8; height: 25px; width: 25px; font-size: 14px; display: inline-block; color: #ef3e32; position: absolute; top: 19px; left: 265px; line-height: 25px; } .slidetxtbox .bd ul { padding: 5px 15px 15px 15px; zoom: 1; border: 1px solid #eee; height: 573px;border-bottom: 1px #e0e0e0 solid;border-top:0;} .slidetxtbox .bd li { line-height: 24px; overflow: hidden } .slidetxtbox .bd li .date { float: right; color: #999; } .slidetxtbox .bd ul { position: relative; } .slidetxtbox .hd .more { float: right; font-size: 14px;padding-top: 20px; } .slidetxtbox .hd .more a { color: #333 } .infolist { background: #fff; } .infolist li { } .infolist li a { display: block; border-bottom: 0px #eee dashed; overflow: hidden; color: #666; } .infolist li .title { float: left; display: table; line-height: 45px; vertical-align: middle; margin-left: 0px; width: 630px; font-size: 14px; } .infolist li .title b { color: #d81d3c; font-weight: normal } .infolist li .data { float: left; display: table-cell; margin-left: 10px; width: 100px; text-align: center; color: #b3b3b3; font-size: 14px; line-height: 45px; float: right; } .infolist li a .title:hover { color: #1c9eea; } .downloadbox { background: #fff; height: 300px; width: 340px; } .downloadbox >.list { padding: 10px 0px; } .downloadbox >.list li { line-height: 40px; } .downloadbox >.list li span { padding-left: 20px; display: inline-block; width: 250px; } .downloadbox >.list li span i { color: #999; padding-right: 10px } .downloadbox >.list li a { line-height: 30px; float: right; padding-right: 10px; background: url(/uploads/image/rzimg/download.png) no-repeat left 0px; margin-top: 10px; height: 20px; width: 30px; } .notic { background: #fff; min-height: 300px; width: 340px; } .notic .title,.downloadbox .title,.notic .title,.gongyingshang .title { border-bottom: 1px #e0e0e0 solid; line-height: 60px; color: #ccc;background: #f2f2f2; } .notic .title .pull-left,.downloadbox .title .pull-left,.gongyingshang .title .pull-left { padding-left: 15px; font-weight: bold; font-size: 20px; font-weight: bold; color: #000 } .notic .title .pull-left:before,.downloadbox .title .pull-left:before,.gongyingshang .title .pull-left:before { width: 6px; height: 22px; background: #0955c6; border-radius: 2px; margin-right: 15px; float: left; content: ""; vertical-align: middle; margin-top: 20px; margin-left: 10px; } .notic .title .pull-left i,.downloadbox .title .pull-left i ,.gongyingshang .title .pull-left i{ padding-right: 10px; color: #999; } .notic .title a,.downloadbox .title a ,.gongyingshang .title a { color: #666 ;margin-right: 10px;} .notic >.list { padding: 10px; } .notic >.list li { overflow: hidden; line-height: 35px; } .notic >.list li a { background: url(/uploads/image/rzimages/dot.png) no-repeat 0 4px; padding-left: 0px; line-height: 30px; padding-left: 18px; } .notic >.list li a i { color: #ccc; padding-right: 5px } .notic >.list li span { font-size: 14px; color: #999; } .gongyingshang { background: #fff; height: 330px; width: 340px; } .gongyingshang >.list { padding: 10px; } .gongyingshang >.list li { overflow: hidden; line-height: 35px; } .gongyingshang >.list li a { background: no-repeat 0 8px; padding-left: 0px; line-height: 30px; padding-left: 18px; } .gongyingshang >.list li a i { color: #ccc; padding-right: 5px } .gongyingshang >.list li span { font-size: 12px; color: #ccc; } .txtmarquee-top { width: 100%; overflow: hidden; position: relative; } .txtmarquee-top .hd { overflow: hidden; height: 30px; background: #f4f4f4; padding: 0 10px; } .txtmarquee-top .bd { padding: 15px; height: 300px; border: 0px #000 solid; } .txtmarquee-top .infolist li { height: 35px; line-height: 35px; background: no-repeat 0 16px; padding-left: 16px; } .txtmarquee-top .infolist li .date { float: right; color: #999; }