/* 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;} .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("/dept/images/head_sipych.png") no-repeat right bottom ; } .header .logo { background: url("/dept/images/logo_sipych.png") 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:10px; 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_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;} .noticeBox { margin:0 0 10px 0; border:1px solid #DFDFDF;} .noticeBox .tit { border-bottom:1px solid #268BCB; background:#F8F8F8; font:14px/34px Arial; overflow:hidden; } .noticeBox .tit span { color:#FFF; padding:0 20px; background:#268BCB; float:left; display:block;} .noticeBox .tit .more { float:right; font:12px/34px Arial; margin:0 5px 0 0; } .n_listBox .l_more a { display:none; float:right; background: url("/dept/images/icon_sipych.png") no-repeat right -100px; overflow:hidden; text-indent:-999px; 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;} .i_contL { width:750px; float:left;} .i_contR { width:240px; float:right;} .bannerBox { padding:360px 0 0 0; height:90px; margin:-10px 0 10px 0; background:url("/dept/images/banner_sipych.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; } .themeBox { float:right;} .themeBox .t_cont { margin:0 -20px 0 0; overflow:hidden;} .themeBox dl { overflow:hidden; width:235px; float:left; padding:10px 20px 10px 0; } .themeBox dt { float:left; padding:10px 10px 10px 0; } .themeBox dt a,.themeBox dt img { display:block;} .themeBox dt img { width:76px; height:76px;} .themeBox dt a { border:1px solid #CECECE; padding:1px; } .themeBox dd { padding:10px 0 0; overflow:hidden;} .themeBox dd a:hover { text-decoration:none;} .themeBox dd span,.themeBox dd b { display:block; text-align:justify; font:12px/20px "宋体";} .themeBox dd b { font-weight:bold;} .themeBox dd span { color:#656565;} .magazineBox { clear:both; position:relative; margin-bottom: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;} .adBox {} .adBox a, .adBox img { display:block;} .adBox a { margin-bottom:10px;} .sitesBox { overflow:hidden; margin-bottom:10px; 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: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:#268BCB; font:bold 16px/35px "微软雅黑"; border-top:1px solid #DFDFDF; padding:5px 0 5px 50px; background:url("/dept/images/icon.png") 20px -150px no-repeat; } .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;} .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;} .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;} .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; -999px; overflow:hidden; 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:#268BCB; } .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;} .socialMedia { position:fixed; height:1px; left:0;bottom:300px; width:100%; z-index:1001;} .wx_show,.wx_box { float:right; width:108px;} .wx_show {border:1px solid #EAEAEA; background:#FFF; } .sm_warp { min-width:900px; max-width:1260px; width:100%; margin:0 auto;} .wx_show .wx_ma,.wx_box i img { display:block; width:98px; height:98px; margin:5px auto; } .wx_show .wx_txt { text-align:center; font:12px/18px arial; padding:5px;} .wx_box a { overflow:visible; background:#FFF; display:block; min-height:30px; border:1px solid #EAEAEA; margin-bottom:5px; transition:0.5s;} .wx_box a:hover { background:#268bcb; color:#FFFFFF; transition:0.5s; } .wx_box span {display:block; float:left; font: 13px/30px arial; } .wx_box em { width:25px; height:25px; display:block; float:left; background:#268bcb url("/dept/images/media_icon.png") center top no-repeat; border-radius:5px; margin:3px 5px 2px 3px; } .wx_box a i { display:none; clear:both; z-index:111; position:relative; transition:0.5s;} .wx_box a:hover i { display:block; transition:0.5s; } .wx_box a i b { border-bottom: 6px solid #FFFFFF; border-right: 4px solid transparent; border-left: 4px solid transparent; position:absolute; top:-5px; left:48%;} .wx_box .i1 em {} .wx_box .i2 em { background-position: center -30px;} .wx_box .i3 em { background-position: center -60px;} .wx_box .i4 em { background-position: center -90px;} .wx_box h3 .tit b { background-position:10px -80px; } .wx_box h3 .tit b { background-position:10px -160px; } .vedioShow .cont a { background-position: left -405px; padding-left:20px; } .wx_box .goTopBtn { height:15px; min-height:15px; background:#E3E3E3; border-radius:0 0 15px 15px; font:12px/16px arial; text-align:center; position:relative; transition:0.5s;} .wx_box .goTopBtn em { background:none; width:0; height:0; overflow:hidden;border-bottom: 6px solid #E3E3E3; border-right: 4px solid transparent; border-left: 4px solid transparent; position:absolute; top:-8px; left:45%;} .wx_box .goTopBtn:hover { text-decoration:none; transition:0.5s;} .wx_box .goTopBtn:hover em {border-bottom: 6px solid #268bcb; border-right: 4px solid transparent; border-left: 4px solid transparent; transition:0.5s;} .sipListBox {} .sipListBox .tit { height:30px; border-bottom:3px solid #DFDFDF; } .sipListBox .tit a { display:block; margin-bottom:-3px; float:left; font:bold 16px/30px "宋体"; padding:0 20px; } .sipListBox .tit a.active { border-bottom:3px solid #268bcb; color:#268bcb; } .sipListBox .cont { border-top:none; padding:10px; overflow:hidden;} .sipListBox .cont a { display:block; float:left; font:14px/214% "宋体"; white-space:nowrap; padding:0 15px; border:1px solid #DCDCDC; border-radius:5px; margin:0 10px 10px 0; } .sipListBox .cont a:hover { background:#D5ECFE; text-decoration:none; border:#268bcb 1px solid;} .sipListBox .cont span { float:right; font:14px/214% "宋体"; color:#999999;} .fl { float:left;} .fr { float:right;} .contR_cont .listBox li a { width:85%} .mainNav li:first-child { width:110px;} .c_d_content table p { margin-bottom:0; text-indent:0;}