html,body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, a, input, dl, dt, dd, span, em, table, tr, td,select,option,div,button { margin: 0; padding: 0; font-family:"微软雅黑","宋体", arial, verdana, sans-serif; color: #333; } img { border: none; } ol, ul, ol li, ul li { list-style: none; } a { text-decoration: none; } a:link { } a:visited { } a:hover{} button:focus,input:focus { outline: none; } .qs_clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .qs_clear { *zoom:1; } .qs_info { text-align: justify; text-justify : inter-ideograph; } .qs_yin { width: 0; height: 0; overflow: hidden; display: none; } .fl { float: left; } .fr { float: right; } .ovh { height: 100%; overflow: hidden; } .tab_x_y{ display:block;} .tab_x_n{ display:none;} .w1222 { width: 1220px; margin:0 auto; } .mart30 { margin-top: 30px; } .mart20 { margin-top: 20px; } .padt10 { padding-top: 10px !important; } .sf_main { max-width: 1920px; min-width: 1220px; margin:0 auto; overflow:hidden; } .topBox{height: 123px;border-bottom: 3px solid #cb0000;background: #fff;width: 100%;} .w1100{width:1200px; margin:0 auto;} /*公共头部*/ .sf_head { height: 123px; border-bottom: 3px solid #cb0000; } .sf_head .logo { display: block; float: left; margin-top: 20px; } .sf_menu { float: left; margin:60px 0 0 100px; } .sf_menu ul li { float: left; } .sf_menu ul li a { padding:0 24px; line-height: 30px; color: #333; font-size: 22px; } .sf_menu ul li.active a { color: #1f3b7b; } .sf_head_r { float: right; padding-top: 15px; } .sf_h_r_t a { line-height: 22px; font-size: 16px; color: #666; float: right; margin-left: 20px; padding-left: 24px; } .sf_h_r_t a.a1 { background: url("/sfjcsglxhcom/bjsf/resource/cms/2018/07/img_pc_site/2018072610013762583.png") no-repeat left center; } .sf_h_r_t a.a2 { background: url("/sfjcsglxhcom/bjsf/resource/cms/2018/07/img_pc_site/2018072610013835667.png") no-repeat left center; } .sf_h_r_b { padding-top: 15px; } .sf_search { margin-top: 2px; float: right; margin-right: 20px; width: 236px; height: 36px; border:1px solid #d9e8f4; border-radius: 4px; } .sf_search .inp { background: none; border:0; height: 36px; line-height: 36px; padding-left:10px; font-size: 14px; color: #333; float: left; width: 180px; } .sf_search .btn { border:0; background:url("/sfjcsglxhcom"/sfjcsglxhcom/bjsf/resource/cms/2018/07/img_pc_site/2018072610014052481.png"") no-repeat center; width: 40px; height: 36px; float: right; } .sdzc_img { float: right; display: block; width: 46px; height: 51px; background: url("/sfjcsglxhcom/bjsf/resource/cms/2018/07/img_pc_site/2018072610013972342.png") no-repeat center; } /*公共底部*/ .sf_foot { margin-top: 30px; } .sf_foot_t { background: #f5f5f5; height: 53px; } .sf_foot_t span { font-size: 14px; color: #1f3b7b; line-height: 53px; float: left; } .sf_foot_t select { float: left; width: 219px; margin-top: 17px; margin-left: 13px; } .sf_foot_b { width: 498px; margin:0 auto; padding:25px 500px 48px 130px; position: relative; } .sf_foot_b #_ideConac { position: absolute; top: 25px; left: 0; } .sf_foot_c,.sf_foot_c a { font-size: 14px; color: #333; line-height: 24px; } .sf_foot_c a:hover { color:#3753a2;} .sf_foot_c img { vertical-align: middle;} .sf_foot_c .ws { display: inline-block; width: 20px; } .sf_foot #ewm1 { position: absolute; top: 16px; right: 300px; } .sf_foot #ewm2 { position: absolute; top: 16px; right: 200px; } .sf_foot #ewm3 { position: absolute; top: 16px; right: 100px; } .sf_foot #ewm4 { position: absolute; top: 16px; right: 0; } .sf_foot #_span_jiucuo { position: absolute; top: 38px; right: 396px; } /*面包屑*/ .sf_crumb,.sf_crumb a { font-size: 14px; color: #545454; line-height: 56px; } .sf_crumb a:hover { color: #3753a2 } /*列表*/ .zw_list { padding:0 10px; } .zw_list li { line-height:36px; height: 36px; overflow:hidden; padding-left:12px; background:url("/sfjcsglxhcom/bjsf/resource/cms/2018/07/img_pc_site/2018072610361389232.png") no-repeat left 4px; background-position: 0 15px; } .zw_list li span { font-size:16px; color:#888; float: right; *margin-top: -36px;} .zw_list li a { color:#333; font-size:16px;} .zw_list li:hover {background-position: 0 -69px;} .zw_list li:hover a { color: #3753a2 } /*三级页列表*/ .thrid_list { padding-top: 10px; } .thrid_list li{ width: 100%; height:40px; line-height:40px; overflow:hidden; } .thrid_list li span { float: right; font-size:14px; color:#666666; } .thrid_list li a { float: left; color:#333; font-size:16px;} .thrid_list li a em { color:#333; font-size:16px; padding-right: 10px;} .thrid_list li:hover a,.thrid_list li:hover em,.thrid_list li:hover span{ color:#1f3b7b;} /*分页*/ .thrid_page { padding:20px 0; text-align: center; } .thrid_page a { cursor: pointer; } .thrid_page a,.thrid_page em { display: inline-block; font-size: 14px; color: #555; font-style: normal; margin:0 4px; } .thrid_page a.a1 { width: 58px; height: 23px; border:1px solid #a0a0a0; line-height: 23px; text-align: center; border-radius: 4px; } .thrid_page a.a2 { width: 30px; height: 30px; background: url("/sfjcsglxhcom/bjsf/resource/cms/2018/07/img_pc_site/2018073110043498517.png") no-repeat center; position: relative; top: -6px; } .thrid_page a.a2:hover { background: url("/sfjcsglxhcom/bjsf/resource/cms/2018/07/img_pc_site/2018073110044792184.png") no-repeat center; } .thrid_page a.a3 { width: 30px; height: 30px; background: url("/sfjcsglxhcom/bjsf/resource/cms/2018/07/img_pc_site/2018073110043350990.png") no-repeat center; position: relative; top: -6px; } .thrid_page .dqy { height: 23px; line-height: 23px; padding:0 8px; border:1px solid #a0a0a0; border-radius: 4px; } .thrid_page .line { font-style: italic; } .thrid_page .zys { line-height: 30px; } /*二级模块*/ .secd_mod { height: 29px; border-bottom:1px solid #207fb0; } .secd_mod .name { display: block; float: left; width: 107px; height: 30px; background: url("/sfjcsglxhcom/bjsf/resource/cms/2018/07/img_pc_site/2018073114333610567.jpg") no-repeat center; font-size: 18px; color: #fff; text-align: center; line-height: 30px; } .secd_mod .name2 { width: 148px; background: url("/sfjcsglxhcom/bjsf/resource/cms/2018/08/img_pc_site/2018082011435481692.jpg") no-repeat center; } .secd_mod .more { float: right; padding:0 8px; border:1px solid #1f3b7b; height: 20px; line-height: 20px; border-radius: 10px; font-size: 14px; color: #1f3b7b; margin-right: 12px; } .secd_mod .more2 { float: right; margin-right: 12px; font-size: 16px; color: #666; } /*密码查询弹框*/ .cx_alert { display: none; position: fixed; top: 50%; left: 50%; z-index: 20; margin-top: -95px; margin-left: -157px; padding:30px 20px; width: 274px; background: #fff; border:1px solid #ccc; } .cx_alert .cx_close { position: absolute; top: 0; right: 0; font-size: 20px; color: #333; font-weight: bold; width: 40px; height: 40px; text-align: center; line-height: 40px; background: none; border:0; cursor: pointer; } .cx_alert .lab { margin-bottom: 15px; } .cx_alert .lab span { float: left; font-size: 14px; color: #333; line-height: 30px; } .cx_alert .lab input { font-size: 14px; color: #333; line-height: 28px; border:1px solid transparent; width:160px; height: 28px;} .cx_alert .lab .cinp2 { border:1px solid #ccc; padding:0 5px; } .cx_alert .cx_btn2 { display: block; margin:0 auto 0 70px; padding:4px 0; width: 70px; background: #1f3b7b; color: #fff; text-align: center; border-radius: 4px; font-size: 14px;} .cx_alert .cx_btn2:hover { color: #fff } /*手机--头部*/ .app_head { display: none; position: fixed; top: 0; left: 0; width: 100%; padding:5px 0; height: 50px; background: #fff; z-index: 30; border-bottom: 1px solid #ccc } .app_menu { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; } .app_logo { display: block; height: 36px; padding-top: 4px; float: left; padding-left: 10px;} .app_logo img { display: block; margin:0 auto; height: 36px; } .app_search { display: block; position: absolute; width: 30px; height: 30px; top: 10px; right: 55px; background: url("/sfjcsglxhcom"/sfjcsglxhcom/bjsf/resource/cms/2018/07/img_pc_site/2018072610014052481.png"") no-repeat center; background-size: 22px 21px; } .app_map { display: none; position: fixed; top: 50px; left: 0; z-index: 20; width: 100%; height: 100%; overflow-y: scroll !important; background: #fff} .mapsub_1 { padding:0 10px 60px; } .mapsub_1 .y_li { } .mapsub_1 .y_li .y_a { display: block; border-left: 3px solid #1f3b7b; font-size: 16px; color: #1f3b7b; font-weight: bold; line-height: 1; margin: 10px 0; padding-left: 8px; } .mapsub_2 { padding-left: 13px; } .mapsub_2 .e_li { } .app_map .toggle { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .app_map .btn { height: 25px; width: 25px; background: url("/sfjcsglxhcom/bjsf/resource/cms/2018/07/img_pc_site/2018073110043249883.png") no-repeat center; background-size: 10px 10px; border:0; } li.on > .toggle > .btn { background: url("/sfjcsglxhcom/bjsf/resource/cms/2018/07/img_pc_site/2018073110043210758.png") no-repeat center; background-size: 10px 10px; } .mapsub_2 .e_li .e_a { font-size: 16px; color: #333; line-height: 34px; } .mapsub_3 { padding-left: 13px; display: none; } .mapsub_3 .s_li { } .mapsub_3 .s_li .s_a { font-size: 14px; color: #333; line-height: 34px; } .mapsub_4 { padding-left: 13px; display: none; } .mapsub_4 .si_li { } .mapsub_4 .si_li .si_a { font-size: 14px; color: #333; line-height: 34px; } .nav_map a:hover{ color:#0490d9;} @media screen and (max-width:1220px) { /*头部*/ * { box-sizing: border-box; } .wsbs_left input,.wsbs_left button,.thrid_right input,.thrid_right button,.zmhd_left input,.zmhd_left button { -webkit-appearance: none; } html { height: 100% } body { height: 100% } .w1222 { width: 100%; } .sf_main { min-width: auto; padding-top: 50px; } .sf_head { display: none; } .app_head { display: block; } /*底部*/ .sf_foot_t { display: none; } .sf_foot_b { width: 100%; padding:130px 10px 30px; background: #f5f5f5;} .sf_foot_b #_ideConac { position: absolute; top: 25px; left: 50%; margin-left: -280px; } .sf_foot #ewm1 { position: absolute; left: 50%; right:auto; margin-left: -88px; } .sf_foot #ewm2 { position: absolute; left: 50%; right:auto; margin-left: 0; } .sf_foot #ewm3 { position: absolute; left: 50%; right:auto; margin-left: 88px; } .sf_foot #ewm4 { position: absolute; left: 50%; right:auto; margin-left: 176px; } .sf_foot #_span_jiucuo { position: absolute; top: 38px; left: 50%; right:auto; margin-left: -208px; } .sf_foot_c { text-align: center; } .sf_foot_c .ws { display: block; } /*导航*/ .sf_crumb { padding:14px 0; } .sf_crumb, .sf_crumb a { line-height: 160%; } /*密码弹框*/ .cx_alert { margin-left: -137px; } } @media screen and (min-width:768px) and (max-width:1024px){ } @media screen and (min-width:640px) and (max-width:767px){ } @media screen and (min-width:480px) and (max-width:639px){ /*底部*/ .sf_foot_b {padding:110px 10px 130px;} .sf_foot_b #_ideConac { margin-left: -100px; } .sf_foot #ewm1 { top: auto; bottom: 10px; margin-left: -176px; } .sf_foot #ewm2 { top: auto; bottom: 10px;margin-left: -88px; } .sf_foot #ewm3 { top: auto; bottom: 10px; margin-left: 0; } .sf_foot #ewm4 { top: auto; bottom: 10px;margin-left: 88px; } .sf_foot #_span_jiucuo { margin-left:0; } } @media screen and (min-width:320px) and (max-width:479px){ /*底部*/ .sf_foot_b {padding:110px 10px 130px;} .sf_foot_b #_ideConac { margin-left: -100px; } .sf_foot #ewm1,.sf_foot #ewm2,.sf_foot #ewm3,.sf_foot #ewm4 { width: 70px; } .sf_foot #ewm1 { top: auto; bottom: 10px; margin-left: -148px; } .sf_foot #ewm2 { top: auto; bottom: 10px;margin-left: -74px; } .sf_foot #ewm3 { top: auto; bottom: 10px; margin-left: 0; } .sf_foot #ewm4 { top: auto; bottom: 10px;margin-left: 74px; } .sf_foot #_span_jiucuo { margin-left:0; } }