/* CSS Document */ @keyframes index_icon { 70% { height: 110px; } 80% { height: 150px; } 90% { height: 130px; } 95% { height: 125px; } } * { 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; } 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; } b { font-weight: bold; } a { text-decoration: none; } a:hover { text-decoration: underline; } a { color: #434343; text-decoration: none; } a:hover { text-decoration: none; color: #268bcb; } body { color: #464646; } .contLeft h2 span, .contRight h2 span, .contAll h2 span, .workBox a, .crumb { background: url("/dept/images/icon.png") left top no-repeat; } .contAll h2 { border:1px solid #DFDFDF; border-top:2px solid #278BCB; overflow:hidden; padding:10px 0; } .contAll h2 span { background-position:10px -40px; padding:0 0 0 30px; font: bold 14px/20px "宋体"; display:block; float:left;} .subnav{width:236px;height:790px;float:left;border:solid 1px #e2e2e2;} .subnav {width:236px; border:1px solid #DADADA;} .subnav li {height:47px; border-bottom:1px solid #D7D7D7;position:relative;} .subnav li span{width:5px;height:5px;background-color:#268bcb;position:absolute;left:54px;top:20px;} .subnav li a {display:inline-block; margin-left:50px; padding-left:20px; height:47px; font:bold 14px/47px arial; color:#444444; background-position:-640px -317px;} .main-col .sp-info-box {border-top:none;} .main-col .content {height:auto!important; min-height:450px; padding:20px 15px; font:14px/24px arial;} .main-col .content p {margin-bottom:18px;} .subnav .on{background-color:#268bcb;color:#ffffff;} .subnav .on span{background-color:#ffffff;} .subnav .on a{color:#ffffff;} .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 span { display: inline-block; padding: 0 30px; display: block; float: right; } .header { border-top: 1px solid #eadbc3; } .header .warp { height:110px; background: url("/dept/images/head_sipych.png") no-repeat right bottom ; } .header .logo { background: url("/dept/images/logo_sipdshkjcxq.jpg") 5px 16px no-repeat; float: left; height: 85px; padding: 20px 0 0 5px; text-indent: -9999px; width: 700px; } .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; } .newsBox { margin-bottom: 25px; overflow: hidden; } .newsBox .newsImgsBox { width: 480px; height: 300px; padding: 5px; float: left; background: #EDEDED; } .n_imgsBox, .n_imgsBox .callbacks li { width: 480px; height: 300px; position: relative; overflow: hidden; } .n_imgsBox .callbacks li a { display: block; position: relative; } .n_imgsBox .callbacks li a:hover { text-decoration: none; } .n_imgsBox li img { width: 480px; height: 300px; display: block; } .n_imgsBox .callbacks li span { width: 360px; padding: 0 100px 0 20px; font: bold 16px/45px Arial; 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; bottom: 20px; right: 15px; z-index: 9; } .n_imgsBox .callbacks_tabs li { float: left; } .n_imgsBox .callbacks_tabs a { display: block; float: left; width: 13px; height: 13px; text-indent: -999px; overflow: hidden; margin-right: 5px; cursor: pointer; background: #D9D9D9; border-radius: 50%; } .n_imgsBox .callbacks_tabs .callbacks_here a { background: #CB0E02; } .callbacks_nav { position: absolute; left: 5px; top: 40%; z-index: 99; display: block; background: url("/dept/images/li_bg.png"); color: #EDEDED; padding: 0 10px; font: 30px/60px "宋体"; } .callbacks_nav:hover { color: #FFFFFF; } .next { left: auto; right: 5px; } .n_listBox { width: 490px; height: 300px; float: left; overflow: hidden; position: relative; } .n_listBox_zuo{ width: 615px; height: 180px; float:left; } .n_zuo_img{ width:190px; height:180px; float:left; background:url("/dept/images/dshkjcx_05.jpg") no-repeat; } .n_zuo_wenzi{ width:375px; height:180px; float:left; margin-left:20px; } .n_listBox_you{ width: 380px; height: 180px; float:left; } .fuwu_left_he{ width:110px; height:80px; float:left;text-align:center;border:solid 1px #e7e7e7;} .fuwu_left_he img{margin-top:10px;} .fuwu_left_he p{margin-bottom:10px;margin-top:10px;} .fuwu_kg_s{margin-right:22px;} .fuwu_kg_h{margin-bottom:15px;} .scienceBox{width:485px;height:130px;float:left;position:relative;border:solid 1px #e6e6e6;margin-top:27px;margin-bottom:20px;} .science_title{position:absolute;left:12px;top:-5px;width:125px;height:32px;} .scienceBox_img{width:140px;height:98px;background:url("/dept/images/dshkjcx_32.jpg") no-repeat center;float:left;margin-top:27px;} .scienceBox_content{width:340px;height:130px;float:left;} .educationBox{width:485px;height:130px;float:left;margin-left:25px;border:solid 1px #e6e6e6;margin-top:27px;margin-bottom:20px;position:relative;} .education_title{position:absolute;left:12px;top:-5px;width:125px;height:32px;} .education_img{width:140px;height:98px;background:url("/dept/images/dshkjcx_34.jpg") no-repeat center;float:left;margin-top:27px;} .educationBox_content{width:340px;height:130px;float:left;} .n_l_nav { border-bottom: 2px solid #007CCD; overflow: hidden; } .n_l_nav span { font-weight: bold; background: url("/dept/images/box.png"); display: block; float: left; cursor: pointer; padding: 0 20px; margin: 0 5px 0 0; font: bold 14px/32px Arial; border: 1px solid #CBCBCB; border-bottom: none; border-radius: 5px 5px 0 0; } .n_l_nav span.on { color: #FFF; background: #007CCD; border-color: #035388; /*box-shadow: 0px 6px 8px #035388 inset;*/ } .n_listBox .cont { position: absolute; height: 230px; overflow: hidden; } .n_listBox ul { padding: 10px 0; width: 490px; float: left; } .n_listBox li { overflow: hidden; position: relative; } .n_listBox li a { display: block; font: 14px/36px Arial; padding: 0 120px 0 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .n_listBox li em { position: absolute; top: 15px; left: 8px; background: #CBCBCB; width: 8px; height: 8px; border-radius: 50%; float: left; z-index: 1; } .n_listBox li:hover em { background: #007CCD; transition: 0.5s; } .n_listBox li span { position: absolute; right: 0; top: 0; color: #999999; font: 14px/36px Arial; z-index: 1; } .n_listBox_s ul { padding: 0 0; float: left; } .n_listBox_s li { overflow: hidden; position: relative; } .n_listBox_s li a { display: block; font: 14px/36px Arial; padding: 0 0 0 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .n_listBox_s li em { position: absolute; top: 15px; left: 8px; background: #CBCBCB; width: 8px; height: 8px; border-radius: 50%; float: left; z-index: 1; } .n_listBox_s li:hover em { background: #007CCD; transition: 0.5s; } .n_listBox .l_more a { float: right; overflow: hidden; width: 50px; height: 20px; margin: 5px 0 0 0; } .n_listBox .l_more a:hover { background-position: right -150px; } .newsBox .n_listBox { float: right; } .newsBox .n_listBox .cont { height: 270px; } .bannerBox { padding: 310px 0 0 0; height: 90px; margin: -10px 0 20px 0; background: url("/dept/images/dshkjcx_banner.jpg") center bottom no-repeat; } .bannerBox a, .bannerBox span { font: 20px/90px "微软雅黑"; color: #FFF; display: block; } .bannerBox .b_cont { clear: both; } .bannerBox a { display: block; position: relative; width: 33.3%; float: left; } .bannerBox a span { display: block; padding: 0 0 0 20px; } .bannerBox .profile { background: #1D65B7; background: rgba(29,101,183,0.9); } .bannerBox .active { background: #48B4AB; background: rgba(72,180,171,0.9); } .bannerBox .article:hover { background: #97C718; background: rgba(151,199,24,1); transition: 0.2s ease; } .bannerBox .profile:hover { background: #1D65B7; background: rgba(29,101,183,1); transition: 0.2s ease; } .bannerBox .active:hover { background: #48B4AB; background: rgba(72,180,171,1); transition: 0.2s ease; } .bannerBox .article { background: #97C718; background: rgba(151,199,24,0.9); } .bannerBox a em { position: absolute; right: 0; bottom: 0; width: 220px; height: 130px; background: url("/dept/images/btn_sipych.png") right top no-repeat; z-index: 11; transition: 0.2s ease; } .bannerBox .active em { background-position: right -200px; } .bannerBox .article em { background-position: right -400px; } .bannerBox a:hover em { height: 140px; animation: index_icon 0.5s ease; cursor: pointer; } .magazineBox { clear: both; position: relative; margin-bottom: 30px; margin-top:20px; } .magazineBox em { position: absolute; top: 30%; font: 30px/30px "宋体"; display: block; overflow: hidden; cursor: pointer; } .magazineBox .perv { left: -20px; } .magazineBox .next { right: -20px; } .magazineBox .list { width: 1014px; height: 90px; overflow: hidden; margin: 0 0 0 -6px; } .magazineBox .list li { float: left; width: 318px; height: 90px; padding: 0 10px; text-align: center; } .magazineBox .list li .info { height: 40px; line-height: 20px; } .sitesBox { overflow: hidden; clear: both; } .sitesBox .tit { display: block; font: bold 14px/30px "宋体"; color: #008DD5; border-top: 3px solid #268bcb; border-bottom: 1px solid #DFDFDF; padding: 0 20px; } .sitesBox table { margin-top:15px; margin-bottom:20px; } .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; } .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 p{margin-top:10px;margin-bottom:10px;} .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; overflow:hidden; } .c_d_info .large { font-size: 16px; } .c_d_info .middle { font-size: 14px; } .c_d_info .small { font-size: 12px; } .listBox ul { padding: 10px; } .listBox li { font: 14px/32px "宋体"; overflow: hidden; } .listBox li a { display: block; width: 90%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .listBox li span { float: right; color: #999999; } .listBox li em { color: #CBCBCB; display: inline-block; margin-right: 2px; } .listBox li em { background: #CBCBCB; width: 3px; height: 3px; margin: 14px 5px 0 2px; overflow: hidden; float: left; } .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: #268BCB; } .pageBar span { color: #CCC; } .pageBar a:hover { background: #F2F2F2; text-decoration: none; } .contR_cont .listBox li a { width: 85%; } .mainNav li:first-child { width: 110px; } .c_d_content table p { margin-bottom: 0; text-indent: 0; } .contLeft h2 span, .side_nav li a { background:url("/dept/images/icon.png") left top no-repeat;} .side_nav { background:#FBFBFB; border:1px solid #DFDFDF; margin:0 0 20px; } .side_nav li ul { display:none;} .side_nav_show li ul { display:block;} .side_nav li:hover > ul { display:block} .side_nav li a { display:block; color:#268BCB; font:bold 16px/35px "微软雅黑"; border-top:1px solid #DFDFDF; padding:5px 0 5px 50px; background-position:20px -150px; } .side_nav li a:hover { color:#6db909; text-decoration:none;} .side_nav li ul { padding:0 0 10px 20px;} .side_nav li li a { display:block; font:normal 14px/35px "微软雅黑"; border:none; padding:0 0 0 45px; background-position:20px -155px; } .side_nav li li li a { line-height:25px; background-position:20px -190px; } .side_nav li a.active { color:#fd6f21;} .contLeft { float:left; width:240px;} .contLeft h2, .contRight h2, .contAll h2 { border:1px solid #DFDFDF; border-top:2px solid #278BCB; 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 30px; font: bold 14px/20px "宋体"; display:block; float:left;} .contLeft h2 a { font: 12px/20px "宋体"; float:right; margin-right:5px;} .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; } .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;} .c_d_content p {text-indent:2em;}