/* CSS Document */ /* @media screen and (min-width:)and (max-width:){} body{font:normal 14px/22px Arial,"Microsoft YaHei"; color:#333;background-color:#e3e2e2; max-width:640px;margin:0 auto; min-height:100%} section,footer,nav,em,mark,p,span,ul,li,ol,h1,h2,h3,h4,input,textarea{margin:0;padding:0;font-weight:normal;list-style:none;font-style:normal} input,textarea,select{border:none;outline:none;} /*---------------------------------------segmentation------------------------------------------*/ *{ margin:0px; padding:0px; } body{ font-family:"微软雅黑"; font-size:16px; line-height:30px; color:#333; background:#e7f4fc;} div,img,ul,ol,li,dl,dt,dd,p{ border:none; padding:0; margin:0;} li{list-style-type:none;} h1,h2,h3,h4,h5{font-size:16px;font-weight:normal;} em,i{ font-style:normal;} .clear{ clear:both;} .fl{float:left;} .fr{float:right;} .clearflx:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } *html .clearflx { zoom: 1; } /* IE6 */ *:first-child+html .clearflx { zoom: 1; } /* IE7 */ /*text-align*/ .l-txt{text-align:left} .c-txt{text-align:center} .r-txt{text-align:right} /*position*/ .rel{position:relative} .abs{position:absolute} .fix{position:fixed} .hide{display:none} .block{ display:block;} /*vertical-align*/ .veralign-mid{ vertical-align:middle;} /*img*/ img{border:none;vertical-align:bottom} /*link-color*/ a:link,a:visited,a:active {color:#333; text-decoration:none;} a:hover { color:#1a56a8;} /*附件下载*/ .fjxz_box ul li a:link,.fjxz_box ul li a:visited,.fjxz_box ul li a:active {color:#1a56a8; } /*line-height*/ .h15{ line-height:15px;} .h18{ line-height:18px;} .h20{ line-height:20px;} .h21{ line-height:21px;} .h22{ line-height:22px;} .h23{ line-height:23px;} .h24{ line-height:24px;} .h25{ line-height:25px;} .h26{ line-height:26px;} .h27{ line-height:27px;} .h28{ line-height:28px;} .h30{ line-height:30px;} /*font-size*/ .tb{ font-weight:bold} .t12{ font-size:12px;} .t14{ font-size:14px;} .t16{ font-size:16px;} .t18{ font-size:18px;} .t20{ font-size:20px;} /*padding*/ .pad-T5{ padding-top:5px} .pad-T8{ padding-top:8px;} .pad-T10{ padding-top:10px;} .pad-T15{ padding-top:15px;} .pad-T20{ padding-top:20px;} .pad-T25{ padding-top:25px;} .pad-T30{ padding-top:30px;} .pad-T40{ padding-top:40px;} .pad-L5{ padding-left:5px;} .pad-L7{ padding-left:7px;} .pad-L10{ padding-left:10px;} .pad-L15{ padding-left:15px;} .pad-L20{ padding-left:20px;} .pad-L25{ padding-left:25px;} .pad-L30{ padding-left:30px;} .pad-L35{ padding-left:35px;} .pad-L40{ padding-left:40px;} .pad-R5{ padding-right:5px} .pad-R10{ padding-right:10px} .pad-R15{ padding-right:15px} .pad-R20{ padding-right:20px} .pad-R25{ padding-right:25px} .pad-R30{ padding-right:30px;} .pad-R35{ padding-right:35px;} .pad-R40{ padding-right:40px;} .pad-B5{ padding-bottom:5px} .pad-B10{ padding-bottom:10px} .pad-B15{ padding-bottom:15px} .pad-B20{ padding-bottom:20px} .pad-B25{ padding-bottom:25px} .pad-B30{ padding-bottom:30px;} .pad-B35{ padding-bottom:35px;} .pad-B40{ padding-bottom:40px;} .padNo{ padding:0 !important;} .padTB5{ padding:5px 0;} .padTB10{ padding:10px 0;} .padTB15{ padding:15px 0;} .padTB20{ padding:20px 0;} /*margin*/ .mar-T2{ margin-top:2px;} .mar-T3{ margin-top:3px;} .mar-T4{ margin-top:5px;} .mar-T5{ margin-top:5px;} .mar-T6{ margin-top:6px;} .mar-T7{ margin-top:7px;} .mar-T8{ margin-top:8px;} .mar-T9{ margin-top:9px;} .mar-T10{ margin-top:10px;} .mar-T12{ margin-top:12px;} .mar-T13{ margin-top:13px;} .mar-T14{ margin-top:14px;} .mar-T15{ margin-top:15px;} .mar-T18{ margin-top:17px;} .mar-T20{ margin-top:20px;} .mar-T25{ margin-top:25px;} .mar-T30{ margin-top:30px;} .mar-T35{ margin-top:35px;} .mar-T40{ margin-top:40px;} .mar-T45{ margin-top:45px;} .mar-T50{ margin-top:50px;} .mar-T55{ margin-top:55px;} .mar-B5{ margin-bottom:5px;} .mar-B10{ margin-bottom:10px;} .mar-B15{ margin-bottom:15px;} .mar-B20{ margin-bottom:20px;} .mar-B30{ margin-bottom:30px;} .mar-L0{margin-left: 0 !important;} .mar-L1{ margin-left:1px;} .mar-L5{ margin-left:5px;} .mar-L6{ margin-left:6px;} .mar-L7{ margin-left:7px;} .mar-L8{ margin-left:8px;} .mar-L10{ margin-left:10px;} .mar-L12{ margin-left:12px;} .mar-L13{ margin-left:12px;} .mar-L15{ margin-left:15px;} .mar-L16{ margin-left:16px;} .mar-L17{ margin-left:17px;} .mar-L20{ margin-left:20px;} .mar-L25{ margin-left:25px;} .mar-L30{ margin-left:30px;} .mar-L35{ margin-left:35px;} .mar-L40{ margin-left:40px;} .mar-L240{ margin-left:240px;} .mar-R5{ margin-right:5px;} .mar-R9{ margin-right:9px;} .mar-R10{ margin-right:10px;} .mar-R14{ margin-right:14px;} .mar-R15{ margin-right:15px;} .mar-R20{ margin-right:20px;} .mar-R25{ margin-right:25px;} .mar-R30{ margin-right:30px;} .mar-R35{ margin-right:35px;} .mar-R40{ margin-right:40px;} .margin-auto{margin:0 auto} .marNo{ margin:0 !important;} .marTB5{ margin:5px 0;} .marTB10{ margin:10px 0;} .marTB15{ margin:15px 0;} .marTB20{ margin:20px 0;} .marTB30{ margin:30px 0;} .mar-trbl10{ margin:10px;} .mar-trbl15{ margin:15px;} /*--zoom/z-index--*/ .zoom{zoom:1;} .z-index{ z-index:100;} /*--radius--*/ .radius3{ border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; } .radius5{ border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; } /*button*/ button{ border: none; } .gn-btnBlue{ height: 36px; font-size: 16px; color: #fff; background: #1a56a8; } .gn-btnGray{ height: 36px; font-size: 16px; color: #333333; background: #f1f1f1; } /*---------------------------------------segmentation------------------------------------------*/ .wrap{width:100%} .list li{ height: 103px;background: url(20171002sgs_sy_d.jpg) left center no-repeat; line-height:30px; padding-left: 12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .list li span{ float:right; color:#999;} .list2 li{ background: url(20171002sgs_sy_d.jpg) left center no-repeat; line-height:30px; padding-left: 12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .list2 li span{ float:right; color:#999;} .list3 li{ background: url(20171002sgs_sy_d.jpg) left center no-repeat; line-height:29px; padding-left: 12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .list3 li span{ float:right; color:#999;} .more{ float:right; font-size:12px;} .more a { color:#999; } .more:link,.more:visited{ color:#999;} .borSB1{ border-bottom:1px solid #CCC;} .borDB1{ border-bottom:1px dashed #CCC;} .borDR1{ border-right:1px dashed #CCC;} .borDL1{ border-left:1px dashed #CCC;} /*color*/ .co-white{ color:#FFF} .co-black{ color:#000} .co-gray{ color:#9b9b9b} .co-green{ color:#29b409} .co-blue{ color:#3b9df1} .co-orange{ color:#e55100} .co-red{ color:#ed3403} /*a-color*/ .a-red:link,.a-red:visited{ color:#C00;}/*--红--*/ .a-blue:link,.a-blue:visited{ color:#03F;}/*--蓝--*/ .a-white:link,.a-white:visited{ color:#fff;}/*--白--*/ .a-orange:link,.a-orange:visited{ color:orange}/*--橙--*/ .a-gran:link,.a-gran:visited{ color:#e5e5e5;}/*--灰--*/ .a-green:link,.a-green:visited{ color:green}/*--绿--*/ .a-dive:link,.a-dive:visited{ color:#FF3;}/*--黄--*/ .a-teal:link,.a-teal:visited{ color:#88eee2;}/*--青--*/ /*头部底部*/ .top_box{ height:34px; background: #f2f3f5; } .wapper{ width: 1220px; margin: 0 auto;} .top_box p{ line-height: 34px;} .top_box p a{ padding: 0 10px;} .adress_box { padding-left: 20px; background: url(201709gsj_map.png) no-repeat left center; line-height: 20px; padding-top: 10px; padding-bottom: 10px; } .adress_box a { padding: 0 5px; } .banner{height:140px; background: #ffffff;} .banner:after {content: "";position: relative;display: block;top: 1px;left: 0px;background: #1a56a8;width: 100%;height: 50px;z-index: -1;} .banner_nr{ height:140px;} .logo{ padding-top: 17px;} .seach{ width: 436px; float: right; padding-top: 36px;} .seach p{ color:#333333; padding-left: 10px;} .seach p a{ color:#333; padding-right: 10px; line-height: 39px;} .inp_text{ width: 235px; height: 37px; border: 1px solid #e5e5e5; vertical-align: middle; line-height: 37px; padding-left: 12px;} .inp_btn{ width: 79px; height: 39px; background: url(20171002sgs_seach_icon.png) 14px center no-repeat #1a56a8; padding-left:16px; border: none; cursor: pointer;color:#fff; vertical-align: middle;font-family:"微软雅黑";} .inp_btn2{ width: 79px; height: 39px; background: #ff9c00; margin-left: 5px; border: none; cursor: pointer;color:#fff; vertical-align: middle;font-family:"微软雅黑";} .nav{ position: relative; height:50px; border: 1px solid #ebebeb; background: #1a56a8;} .nav ul li{ float:left; font-size: 22px; line-height: 50px; text-align: center;} .nav ul li a{ width: 202px; color: #fff; border-left: 1px solid #ebebeb; height: 50px; display: block;} .nav ul li:first-child a{border-left:none; width: 203px;} .nav_icon{height: 50px; text-align: center; display: block;} .nav ul li a:hover,.nav ul li.curr a{color: #1a56a8; background: #fff; opacity: 0.9; font-weight: bold;} .nav ul li a:hover span.nav_icon,.nav ul li.curr a span.nav_icon{ background: #fff; opacity: 0.9;} .footer_top{height:47px; background: #e7e8e8;} .footer_top p{ font-size: 16px; line-height:47px; color:#1a56a8; text-align: center;} .footer_top p a{ color:#1a56a8; padding: 0 35px;} .footer_bottom{height:136px; background: #ffffff;border-top: 4px solid #1a56a8;} .footer_nr{ position:relative; padding-top: 15px;} .footer_nr p{ color:#333333; line-height: 28px; text-align: center;} .footer_nr p a{ color:#333333; padding: 0 5px;} .footer_red{ position: absolute; left: 79px; top: 35px;} .footer_jc{ position: absolute; right:77px; top:41px;} .subnav{ position: fixed; width: 56px; top:197px; right: 50px; } .subnav ul li { margin-top: 2px; position: relative;} .subnav ul li a{ width: 56px; height: 62px; display: block; color:#fff; text-align: center;} .subnav ul li a span{ padding-top: 40px; display: block;} .subnav_icon{ background: url(20171002sgs_ssubnav.png) center 11px no-repeat #2c6bb8;} .subnav_icon2{ background: url(20171002sgs_ssubnav.png) center -53px no-repeat #2c6bb8;} .subnav_icon3{ background: url(20171002sgs_ssubnav.png) center -117px no-repeat #2c6bb8;} .subnav_icon4{ background: url(20171002sgs_ssubnav.png) center -181px no-repeat #2c6bb8;} .subnav_icon5{ background: url(20171002sgs_ssubnav.png) center -245px no-repeat #2c6bb8;} .subnav ul li a:hover span.subnav_icon,.subnav ul li.curr a span.subnav_icon{background: url(20171002sgs_ssubnav.png) center 11px no-repeat #1956a7;} .subnav ul li a:hover span.subnav_icon2,.subnav ul li.curr a span.subnav_icon2{background: url(20171002sgs_ssubnav.png) center -53px no-repeat #1956a7;} .subnav ul li a:hover span.subnav_icon3,.subnav ul li.curr a span.subnav_icon3{background: url(20171002sgs_ssubnav.png) center -117px no-repeat #1956a7;} .subnav ul li a:hover span.subnav_icon4,.subnav ul li.curr a span.subnav_icon4{background: url(20171002sgs_ssubnav.png) center -181px no-repeat #1956a7;} .subnav ul li a:hover span.subnav_icon5,.subnav ul li.curr a span.subnav_icon5{background: url(20171002sgs_ssubnav.png) center -245px no-repeat #1956a7;} .subnav ul li em{ position: absolute; width: 114px; height: 141px; padding: 8px 8px 0 8px; background: #fff; text-align: center; left: -149px; } .subnav ul li em i{ width: 10px; height: 16px; background: url(20171002sgs_subnav_icon.png) left center no-repeat; display: block; position: absolute; right: -10px;} .subnav ul li em b{ color:#666; font-weight: normal; font-size: 12px; display: block;}