/* 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:14px; line-height:22px; color:#333; background:#f2f6f9; min-width: 1140px; max-height: 100000px;} 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:14px;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 */ input[type="text"],input[type="button"] { -webkit-appearance:none; -webkit-border-radius:0; border-radius:0;} /*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:#1879e7;} /*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-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:20px} .pad-B5{ padding-bottom:5px} .pad-B10{ padding-bottom:10px} .pad-B15{ padding-bottom:15px} .pad-B20{ padding-bottom:20px} .pad-B25{ padding-bottom:20px} .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-T14{ margin-top:14px;} .mar-T15{ margin-top:15px;} .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-B5{ margin-bottom:5px;} .mar-B10{ margin-bottom:10px;} .mar-B15{ margin-bottom:15px;} .mar-B20{ margin-bottom:20px;} .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-L15{ margin-left:15px;} .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-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;} .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;} .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!important; -moz-border-radius:5px!important; -ms-border-radius:5px!important; -o-border-radius:5px!important; -webkit-border-radius:5px!important; } /*---------------------------------------segmentation------------------------------------------*/ .wrap{width:100%} .list li{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .list li span{ float:right; color:#999;} .list li a span{ width:0; height:0; overflow:hidden; float:left; margin:13px 7px 0 5px; border-width:2px; line-height:28px; border-color:transparent transparent transparent red; border-style:dashed dashed dashed solid; } .more{ padding-right:10px; float:right; font-size:12px; font-family:" 宋体";} .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/footer-----------------*/ .top_nav{ height: 77px; background: #fff;} .main,.main2{ width: 1140px; margin: 0 auto;} .logo{ padding-top: 8px; float: left;} .pc_nav{ float: left;margin-left: 20px;} .pc_nav ul li{ float: left; font-size: 20px; padding: 0 20px; } .pc_nav ul li a{ height: 77px; line-height: 77px; display: block;*height: 73px;*line-height: 73px;} .pc_nav ul li a:hover,.pc_nav ul li.curr a{ border-bottom: 4px solid #1879e7;color:#1879e7;} .zc_box{float: right; padding-top: 25px;} .zc_box ul li{ float: left; margin-left: 12px; } .zc_box ul li:first-child{ margin-left: 0;} .zc_box ul li a{ width: 62px; height: 28px; display: block; text-align: center; border: 1px solid #1879e7; line-height: 28px; color:#208be0;border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;} .zc_box ul li a:hover,.zc_box ul li.curr a { background: #1879e7; color:#fff;} .ip_nr{display: none; float: right; padding-top: 10px;} .ip_nr em{display: inline-block; margin-left: 15px; position: relative;} .tz_tx_xl{ position: absolute; background: #fff; border: 1px solid #e5e5e5;border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;right: 0; width: 129px;top: 40px;} .tz_tx_xl h4{ margin: 0; height: 40px; line-height: 40px; border-bottom: 1px solid #e5e5e5; text-align: center;} .tz_tx_xl span{ width: 10px; height: 8px; background: url("/wwwqhlsjcom/cspuc/common/images/201809fjszfbm_nav_icon14.png") left center no-repeat; display: block; position: absolute; top: -8px; right: 8px; z-index: 99;} .tz_tx_xl ul li{ text-align: center; } .tz_tx_xl ul li a{ height:35px; display: block; text-align: center;line-height: 35px; border-bottom: 1px solid #e5e5e5;} .tz_tx_xl ul li:last-child a{ border-bottom: none;} .footer{ padding: 30px 0; background:url("/wwwqhlsjcom/cspuc/common/images/201809fjszfbm_footer_bg.png") repeat-x; text-align: center; color:#fff;} .footer span{padding: 0 3px;} .footer h4{ margin: 0; padding-bottom:15px; line-height: 32px;} .footer h4 a{ display: inline-block; color:#fff;} .footer p{ line-height:26px;} .footer p em{ display: inline-block; padding: 0 10px;} .footer p:first-child{ margin-bottom: 20px;} .footer i{ position: absolute;} .footer i.bottom_bz{ bottom:35px; left: 60px;} .footer i.bottom_bz2{ bottom:35px; right: 140px;} .footer i.bottom_bz3{ bottom:40px; right: 0;} .pf_ck{ position: fixed; top: 30%;right: 30px; z-index: 999;} .pf_ck ul li {position: relative; font-size: 12px;} .pf_ck ul li a{ padding-top: 37px; height: 66px; *height: 33px; display: block; width: 66px; background-image: url("/wwwqhlsjcom/cspuc/common/images/201809fjszfbm_ewm_bg.png"); background-repeat: no-repeat; color:#fff; text-align: center; margin-top: 8px; } .pf_ck ul li.icon a{ background-color: #f83e3f; background-position: center 12px;} .pf_ck ul li.icon2 a{ background-color: #1682ee; background-position: center -65px;} .pf_ck ul li.icon3 a{ background-color: #32ad38; background-position: center -135px;} .pf_ck ul li.icon4 a{ background-color: #a0a0a0; background-position: center -210px;} .pf_ck ul li.icon5 a{ background: url("/wwwqhlsjcom/cspuc/common/images/201809fjszfbm_ewm_bg2.png") center 8px no-repeat #5598fb;} .pf_ck_ewm{ position: absolute; width: 100px; height: 100px; text-align: center; background: #1683ea; left: -120px;top: 0; padding-top: 5px; *height: 95px;} .pf_ck_ewm span{ width: 8px; height: 15px; display: block; background: url("/wwwqhlsjcom/cspuc/common/images/201809fjszfbm_ewm_jt.png") left center no-repeat; position: absolute; right: -8px; top: 40px;} .nav_sn{box-shadow:0px 0px 5px #ccc; -moz-box-shadow:0px 0px 5px #ccc; -ms-box-shadow:0px 0px 5px #ccc; -o-box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #ccc; } @media screen and (max-width:1440px) { body{ min-width:1000px !important;} .main,.main2{ width:1000px;} .pc_nav ul li{ padding: 0 10px;} } @media screen and (max-width:1024px) { .pf_ck{display: none;} } @media screen and (max-width:999px) { body{ min-width:0 !important;} .main{ width:94% !important;} .main2{ width: 100%;} .zc_box{ display: none;} .pc_nav{ display: none;} .ip_nr{ display: block !important;} .top_nav{ height: 50px;} .logo{ padding-top: 3px;} .logo img{ width: 164px; height: 40px;} .footer{ padding: 15px 0;} .footer i{display: none;} .footer h4{ display: none;} .footer p:nth-child(2n){ display: none !important;} .footer p:nth-child(3n+1){display: none !important;} }