@keyframes gov_icon { 50% {transform:rotate(-10deg);} 60% {transform:rotate(10deg)} 70% {transform:rotate(-10deg);} 80% {transform:rotate(10deg)} 90% {transform:rotate(-5deg)}} @-webkit-keyframes gov_icon {50% {-webkit-transform:rotate(-10deg);} 60% {-webkit-transform:rotate(10deg)} 70% {-webkit-transform:rotate(-10deg);} 80% {-webkit-transform:rotate(10deg)} 90% {-webkit-transform:rotate(-5deg)}} @-o-keyframes gov_icon {50% {-o-transform:rotate(-10deg);} 60% {-o-transform:rotate(10deg)} 70% {-o-transform:rotate(-10deg);} 80% {-o-transform:rotate(10deg)} 90% {-o-transform:rotate(-5deg)}} /* CSS Document */ * { padding: 0; margin: 0; } body,button,input,select,textarea{font:12px/1.5 "宋体",arial;} body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0; padding:0;} table{border-collapse:collapse;border-spacing:0;} b {font-weight:bold;} li{list-style:none;} fieldset,img{border:0;} q:before,q:after{content:'';} a:focus,input,textarea{outline-style:none;} input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;} textarea{resize:none;} address,caption,cite,code,dfn,em,i,th,var,b{font-style:normal;font-weight:normal;} abbr,acronym {border:0;font-variant:normal;} a{text-decoration:none;} a:hover{text-decoration:none;} a { color:#434343; text-decoration:none;} body { color:#464646;} .contLeft h2 span, .contRight h2 span,.contAll h2 span, .workBox a, .crumb { background:url("/dept/images/icon_red.png") left top no-repeat;} /*首页样式开始*/ .warp { clear: both; margin: 0 auto; width: 1000px; } .top { background: #eee; border-bottom: 1px solid #ddd; line-height:32px; text-align:right; border-top: 2px solid #676767; height: 40px; width: 100%;} .top a { background: url("/dept/images/head_box.png") center top no-repeat; width:110px; padding:0 0 0 15px; display:block; float:right; text-align:center; color:#FFF; } .top a:hover { background-position:center -35px; text-decoration:none;} .top span { display:inline-block; padding:0 30px; display:block; float:right; } .header { border-top: 1px solid #eadbc3;} .header .warp { height:110px; background: url("/www.sipac.gov.cn/images/header_2014.jpg") no-repeat scroll center bottom ; } .header .logo { background: url("/dept/images/logo_ghjswyh.png") 5px 16px no-repeat;float: left; height: 85px; padding: 20px 0 0 5px; text-indent: -9999px; width: 730px;} .mainNav { background-color: #f2f2f2; border-top: 1px solid #ddd; height: 49px; line-height: 50px; position: relative; border-bottom: 6px solid #268bcb; margin-bottom:10px;} .mainNav ul {margin: 0 auto; width: 1010px; } .mainNav li { display: inline; float: left; text-align: center; width: 100px; border-right:1px solid #f2f2f2;} .mainNav li a:hover, .mainNav li a.on { background-color: #268bcb; color: #fff;} .mainNav li a { color: #333333; display: block; font:bold 14px/49px arial; text-decoration: none; border-bottom: 6px solid #268bcb;} .mainNav li.n_red a{ border-color:#EA2424;} .mainNav li.n_blue a { border-color:#4FA6DE;} .mainNav li.n_green a { border-bottom-color:#6DB909;} .mainNav li.n_orange a { border-bottom-color:#FD6F21;} .mainNav .n_red a:hover, .mainNav .n_red a.on { background-color: #EA2424;} .mainNav .n_blue a:hover, .mainNav .n_blue a.on { background-color: #4FA6DE;} .mainNav .n_green a:hover, .mainNav .n_green a.on { background-color: #6DB909;} .mainNav li.n_orange a:hover, .mainNav.n_orange li a.on { background-color: #FD6F21;} .headBox, .navBox,.listBox, .mainBox,.searchBox { overflow:auto; clear:both;} .wrap { margin: 0 auto; width:1000px; } .col_l {float:left; width:750px; overflow:auto; margin-bottom:10px;} .newsBox { display:block; overflow:hidden; } .newsBox .n_imgsBox { width:380px; height:220px; float:left; margin-right:10px; position: relative; overflow:hidden;} .n_imgsBox .callbacks li { width:380px; height:220px;} .n_imgsBox .callbacks li a { display:block; position:relative; } .n_imgsBox .callbacks li a:hover { text-decoration:none;} .n_imgsBox li img { width:380px; height:220px; display:block; } .n_imgsBox .callbacks li span { width:320px; padding:0 50px 0 10px ; font:bold 14px/30px "宋体"; display:block; color:#FFF; background:url("/dept/images/li_bg.png"); position:absolute; bottom:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .n_imgsBox .callbacks_tabs { position: absolute; height: 22px; bottom: 2px; right:5px; z-index:9; } .n_imgsBox .callbacks_tabs li { float:left;} .n_imgsBox .callbacks_tabs a { display:block; float:left; width: 18px;line-height: 18px;text-align: center; margin-right: 1px; cursor: pointer;background: #333; color: #FFFFEF; font-size: 12px; text-decoration:none;} .n_imgsBox .callbacks_tabs .callbacks_here a{ background: #CB0E02;} .newsBox .n_listBox { width:358px; height:218px; float:right; border:1px solid #DFDFDF; overflow:hidden; position:relative;} .newsBox .n_listBox .wgdb { width:358px; } .n_l_nav { border-bottom:1px solid #DFDFDF; height:35px; background:url("/dept/images/box.png") top repeat-x; } .n_l_nav span { font-weight:bold; display:block; float:left; cursor:pointer; color:#d02a2a; padding:0 20px; font:bold 14px/33px "宋体"; border-right:1px solid #DFDFDF; border-bottom:3px solid #d02a2a; } .n_listBox .cont { position:absolute;} .n_listBox ul { padding:10px; width:338px;float:left; } .n_listBox li { font:14px/27px "宋体"; overflow:hidden;} .n_listBox li a { display:block; float:left; width:70%; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; padding:0 0 0 15px; background:url("/dept/images/fuhao.jpg") 5px center no-repeat;} .n_listBox li a:hover{ display:block; float:left; padding:0 0 0 15px; color:#f25a28; text-decoration:none; } .n_listBox li span { float:right; color:#999999;} .notice { display:block; padding-top:10px;overflow:hidden; } .col_r {float:right; width:240px; overflow:auto; margin-bottom:10px; } .bsdt{background: url("/dept/images/dd.jpg") no-repeat scroll 0 0 ; width:240px; height:185px; overflow:hidden;} .bsdt_title{ display:block; width:240px; } .bsdt_title span{ display:block; padding-left:15px; height:20px; line-height:20px; font-size:14px; color:#d02a2a; font-weight:bold; } .wlbm{ display:block; width:240px; } .xxzc{display:block; float:left; width:210px; padding:20px 0 0 30px;} .xxzc ul{display:block;} .xxzc ul li{float:left; width:210px; padding-bottom:10px;} .xxzc ul li label{float:left; display:inline-block; width:60px; height:24px; line-height:24px; padding-right:4px; text-align:right; font-size:12px; color:#444444;} .xxzc ul li input{float:left; display:inline-block; width:120px; height:22px; line-height:22px; border:1px solid #cccccc; text-indent:10px; color:#888888; } .xxzc ul li .qkgw{float:left; display:inline-block; height:24px; padding-left:5px; } .xxzc ul li .qkgw a{float:left; display:inline-block; height:24px; } .xxzc ul li .qkgw a img{ float:left; display:inline-block; width:50px; height:24px; } .sbdn{ float:left; width:210px; height:26px; padding:4px 0 0 30px; } .sbdn_left{ float:left; width:60px; height:26px; } .sbdn_left a{ background-color:#e5e3e4; float:left;display:inline-block; width:58px; height:24px; line-height:24px; border:1px solid #cccccc; color:#444444; text-align:center; font-size:12px; } .sbdn_left a:hover{ background-color:#0d7eca; float:left; display:inline-block; width:58px; height:24px; line-height:24px; border:1px solid #cccccc; color:#ffffff; text-align:center; font-size:12px;} .sbdn_right{ float:right; width:60px; height:26px; padding-right:34px; } .sbdn_right a{ background-color:#d02a2a; float:left;display:inline-block; width:60px; height:26px; line-height:26px; color:#ffffff; text-align:center; font-size:12px; } .sbdn_right a:hover{ background-color:#f25a28; float:left; display:inline-block; width:60px; height:26px; line-height:26px; color:#ffffff; text-align:center; font-size:12px;} .sitesBox { overflow:hidden; margin-bottom:10px; clear:both;} .sitesBox .tit { display:block; font:bold 14px/30px "宋体"; color:#d02a2a; border-top:3px solid #d02a2a; border-bottom:1px solid #DFDFDF; padding:0 20px; } .sitesBox table { margin:20px 0;} .sitesBox td { padding: 4px 0 4px 10px; white-space: nowrap; } .tit a:hover { color:#268bcb; text-decoration:none;} .crumb { font:12px/30px "宋体"; border:1px solid #DFDFDF; background-color:#F3F3F3; padding-left:30px; background-position:10px 0; margin-bottom:5px; } .contLeft { float:left; width:240px;} .side_nav { background:#FBFBFB; border:1px solid #DFDFDF; margin:0 0 20px; } .side_nav li ul { display:none;} .side_nav li:hover > ul { display:block} .side_nav li a { display:block; color:#444444; font:bold 16px/35px "微软雅黑"; border-top:1px solid #DFDFDF; padding:5px 0 5px 50px; background:url("/dept/images/xztu.png") 25px 5px no-repeat; height:35px; } .side_nav li a:hover {padding:5px 0 5px 50px; background-position:25px -30px; background-color:#d02a2a; color:#ffffff; text-decoration:none;} .side_nav li ul { padding:0 0 10px 0;} .side_nav li li a { display:block; font:normal 14px/35px "微软雅黑"; border:none; padding:0 0 0 65px; background-position:42px 2px; } .side_nav li li a:hover{ display:block; font:normal 14px/35px "微软雅黑"; border:none; padding:0 0 0 65px; background-color:#d02a2a; background-position:42px -32px; } .side_nav li a.active {background-position:25px -30px; background-color:#d02a2a; color:#ffffff;} .side_nav li li a.active {background-position:42px -32px; background-color:#d02a2a; color:#ffffff;} .contRight { float:right; width:750px; } .contAll { } .contR_cont { border:1px solid #DFDFDF; border-top:none; padding-bottom:20px; min-height:600px; margin-bottom:20px; } .contR_detail { overflow:auto; padding:10px 25px;} .contR_detail h1 {font: 22px/30px "微软雅黑"; text-align:center; letter-spacing:1px; color:#333333; padding:20px;} .c_d_info { font: 12px/30px "宋体"; text-align:center; clear:both; margin-bottom:20px; border-bottom:1px solid #EFEFEF;} .c_d_info span { display:inline-block; margin-right:5px;} .c_d_content {font: 14px/200% "宋体"; text-align:justify; } .c_d_info .large { font-size:16px;} .c_d_info .middle { font-size:14px;} .c_d_info .small { font-size:12px;} .c_d_content p { margin-bottom:18px; text-indent:2em;} .contLeft h2, .contRight h2, .contAll h2 { border:1px solid #DFDFDF; border-top:2px solid #d02a2a; height:20px; overflow:hidden; padding:10px 0; } /*background:url("/dept/images/box.png") 0 -50px repeat-x;*/ .contLeft h2 span, .contRight h2 span, .contAll h2 span { background-position:10px -40px; padding:0 0 0 35px; font: bold 14px/20px "宋体"; display:block; float:left;} .contLeft h2 a { font: 12px/20px "宋体"; float:right; margin-right:5px;} .publicity { overflow:auto; width:708px; padding:10px 20px 5px 20px; clear:both;} .publicity_title{display:inline-block; width:688px; padding:10px 10px 5px 10px; border-bottom:1px dashed #e5e5e5;} .publicity_left{float:left;} .publicity_left span{ display:inline-block; padding-right:10px; font:bold 14px/22px "宋体"; color:#d02a2a;} .publicity_right{float:right;} .publicity_right a{ display:inline-block; font-size:12px; color:#d02a2a;} .publicity_right a:hover{ display:inline-block; font-size:12px; color:#f25a28;} .listBox ul { padding:10px 10px 10px 10px;} .listBox li { font:14px/32px "宋体"; overflow:hidden;} .listBox li a { display:block; float:left;} .listBox li a:hover{ display:block; float:left; color:#f25a28; text-decoration:none;} .listBox li span { float:right; color:#999999;} .listBox li em { color:#CBCBCB; display:inline-block; margin-right:2px; float:left; } .listBox li a:hover em{ color:#f25a28; display:inline-block; margin-right:2px; float:left; } .contLeft .listBox .cont {border:1px solid #DFDFDF; border-top:none; padding:10px; margin-bottom:10px; } .contLeft .listBox .cont a { display:block; font:14px/28px "宋体"; } .contLeft .listBox .cont a:hover { text-decoration:none; color: #CB0E02; } .contLeft .listBox .cont em { color:#CBCBCB; display:inline-block; margin-right:2px; } .pageBar { overflow:auto; text-align:center; clear:both;} .pageBar a , .pageBar span { margin-right:2px; display:inline-block; border:1px solid #DFDFDF; font:12px/22px "宋体"; padding:0 5px; color:#d02a2a; } .pageBar span { color:#CCC;} .pageBar a:hover { background:#F2F2F2; text-decoration:none;} .footer { clear:both;} .bottomNav { color:#FFF; background:#008DD5; font:bold 12px/30px "宋体"; text-align:center; padding:10px 0; } .bottomNav a { color:#FFF; padding:0 20px; display:inline-block;} .footer .copyrights { background:#e2e2e2; line-height: 24px; padding: 20px 0; text-align: center;} .ghbox { background-color:#fffaf4; border:1px solid #DFDFDF;float:left; width:238px;} .ghbox a {display:block; width:238px; height:60px; line-height:60px; border-bottom:1px solid #DFDFDF; overflow:hidden; color:#444444; } .ghbox a.mxline_icon4 {display:block; float:left; width:238px; height:60px; line-height:60px; border-bottom:none; overflow:hidden; color:#444444; } .ghbox a span { display:block; font-size:14px; color:#444444; font-weight:bold;} .ghbox a:hover span { color:#d02a2a;} .ghbox em { background:url("/dept/images/gh_tu.png") center center; display:block; float:left; margin:0 5px 0 0; width:60px; height:60px; } .ghbox a:hover em { animation:gov_icon 1s; -moz-animation:gov_icon 1s; -webkit-animation:gov_icon 1s;} .ghbox .mxline_icon1 em { background-position:left top; width:60px;} .ghbox .mxline_icon2 em { background-position:left -60px;} .ghbox .mxline_icon3 em { background-position:left -120px;} .ghbox .mxline_icon4 em { background-position:left -180px;} .chaxubox { background-color:#f4f4f4; border:1px solid #DFDFDF;float:left; width:238px; margin-top:10px;} .chaxubox a {display:inline-block; width:238px; height:46px; line-height:46px; border-bottom:1px solid #DFDFDF; color:#444444; } .chaxubox a.dgline_icon1 {display:block; float:left; width:238px; height:46px; line-height:18px; border-bottom:1px solid #DFDFDF; color:#444444; } .chaxubox a.dgline_icon1 span {display:block; font-size:12px; padding-top:5px; color:#444444; } .chaxubox a.dgline_icon6 {display:block; float:left; width:238px; height:44px; line-height:44px; border-bottom:none; overflow:hidden; color:#444444; } .chaxubox a span { display:block; font-size:12px; color:#444444;} .chaxubox a:hover span { color:#d02a2a; text-decoration:none;} .chaxubox em { background:url("/dept/images/ys_tu.png") center center; display:block; float:left; margin:0 5px 0 0; width:60px; height:46px; } .chaxubox a:hover em { animation:gov_icon 1s; -moz-animation:gov_icon 1s; -webkit-animation:gov_icon 1s;} .chaxubox .dgline_icon1 em { background-position:left top; width:60px;} .chaxubox .dgline_icon2 em { background-position:left -92px;} .chaxubox .dgline_icon3 em { background-position:left -138px;} .chaxubox .dgline_icon4 em { background-position:left -184px;} .chaxubox .dgline_icon5 em { background-position:left -130px;} .chaxubox .dgline_icon6 em { background-position:left -276px;} .sipListBox { width:500px;} .sipListBox .tit { background-color:#f8f8f8; height:40px; border:1px solid #DFDFDF; } .sipListBox .tit a { display:block; height:40px; float:left; font:bold 14px/40px "宋体"; border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF;padding:0 20px; } .sipListBox .tit a:first-child { border:none;} .sipListBox .tit a.active { border-bottom:3px solid #d02a2a; color:#d02a2a; height:38px; } .sipListBox .cont { width:478px; border:1px solid #DFDFDF; border-top:none; padding:10px 10px 4px 10px; margin-bottom:10px; height:188px; overflow:hidden;} .sipListBox .cont ul { display:none;} .sipListBox .cont li { overflow:hidden; font:14px/30px "宋体";} .sipListBox .cont a { display:block; width:70%; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; float:left; padding:0 0 0 15px; background:url("/dept/images/fuhao.jpg") 5px center no-repeat; } .sipListBox .cont a:hover{ display:block; float:left; padding:0 0 0 15px; color:#f25a28; text-decoration:none; } .sipListBox .cont span { float:right; color:#999999;} .formBox .s_input,.formBox .s_datetime, .formBox .s_textarea { background:#FFF; border:1px solid #CCCCCC; color:#888888; font:14px/18px Arial; padding:5px; } .formBox .s_textarea { height:80px;} .formBox .s_input[disabled]{ background:#EEEEEE; border:#CCCCCC 1px solid; color:#666666;} .formBox .s_radio,.formBox .s_checkbox { margin-right:20px; display:block; float:left;} .formBox .s_radio input,.formBox .s_checkbox input { margin:8px 5px 0 0; float:left; display:block; border:1px solid #CCCCCC; } .formBox .s_radio label, .formBox .s_checkbox label { float:left; display:block;} .formBox .s_select { background:#FFF; border:1px solid #CCCCCC; color:#444444; font:14px/28px Arial; width:90%;} .formBox textarea.s_input:focus { border-color:rgba(0, 172, 255, 0.8);} .formBox .chosen-container-single .chosen-single { border:1px solid #dddddd;box-shadow:none; color:#444444; border-radius:0; height:28px; background:#FFF; font:14px/28px Arial} .formBox .chosen-container-single .chosen-single div { border-left:1px solid #CCCCCC; padding:0 0 0 5px;} .formBox .chosen-container-single .chosen-drop { border:1px solid #dddddd; border-radius:0;} .formBox .chosen-container .chosen-results { margin:0; padding:0;} .formBox .chosen-results li.highlighted { background:#157DBf;} .formBox .chosen-container-single .chosen-single { line-height:30px; height:30px;} .formBox .chosen-container-single .chosen-single div { height:24px; width:24px; background-position: center -105px;} .formBox .chosen-container-single .chosen-single div b { background-position: center -105px;} .formBox .chosen-with-drop.chosen-container-active .chosen-single div b { background-position: center -135px;} .datetimepicker { position:absolute; display:none;} .commentBox { margin-bottom:20px; border-top:1px dashed #CCCCCC; padding:10px 0 0; } .commentBox table { border:none; width:100%; } .commentBox th,.commentBox td { padding:5px; font:14px/30px Arial;} .commentBox th { text-align:right; color:#666666;} .commentBox .s_input { width:95%; margin-right:10px;} #idcode { cursor:pointer;} .s_bar { overflow:auto;} .s_bar .s_btn { float:right; margin-right:20px; } .s_bar a:hover { background:#128BDA; } .tableBox,.tableBox table { clear:both; margin-bottom:20PX;} .tableBox table { width:100%; border-top:#C72D35 2px solid; border-bottom:#C72D35 1px solid;} .tableBox .row_1 { background:#F9F9F9;} .tableBox tbody tr:hover { background:#EEE6DF;} .tableBox th,.tableBox td { border-bottom:1px solid #DDDDDD; font:14px/15px Arial; text-align:center; padding:10px 5px; } .tableBox th { font-weight:bold; white-space:nowrap;font:14px/20px Arial;} .s_btn { display:block; border:none; float:left; font:16px/30px "微软雅黑","Microsoft YaHei"; color:#FFF; background:#CBCBCB; padding: 0 30px; border-radius:5px; cursor:pointer;} .s_b_submit { background:#C72D35;} .s_b_submit:hover { background:#434343; } .s_b_save { background:#1fb5ad; } .s_b_save:hover { background:#23C8BF; } .s_b_cancel{ background:#27a9e3; } .s_b_cancel:hover{ background:#44bef4; } .massageBox { margin-bottom:20px; padding:10px 0 0;} .massageBox .tit { border-bottom:1px solid #CCCCCC; margin:0 0 10px; } .massageBox .tit span {display:inline-block; padding:0 10px; margin-bottom:-1px; font:bold 14px/30px "宋体"; border-bottom:2px solid #d02a2a; color:#d02a2a; } .massageBox dl,.massageBox dt,.massageBox dd { clear:both; font: 13px/20px "宋体";} .massageBox dl { border-bottom:1px dashed #CCCCCC; padding:5px 0; } .massageBox dl:hover { background:#f8f8f8; transition:0.2s ease;} .massageBox dt .author{ background:url("/dept/images/icon_red.png") left -235px no-repeat; padding:0 0 0 20px; display:inline-block;float:left;} .massageBox dt .date { float:right; color:#888888;} .t_searchBar { float:left; margin-top:5px;} .t_searchBar input { float:left; background:#FFF; border:1px solid #CCCCCC; color:#888888; font:12px/16px Arial; padding:5px; } .t_searchBar input.keywords { margin-right:10px; width:160px;} .t_searchBar input.submit { background:#268bcd; padding:5px 10px; color:#FFFFFF; border:none; border-radius:5px;} .red { color:#C72D35;} .blue { color:#268bcb;} .orange { color:#f67710;} .fl { float:left;} .fr { float:right;} .tl { text-align:left;} .tr { text-align:left;} .c_d_content table p { margin-bottom:0; text-indent:0;} .adBox { margin:10px 0 0 0;} .adBox img { display:block; }