@charset "utf-8"; @import url(../../bootstrap/css/bootstrap.jpg.css); @import url(../../fonts/font-awesome.min.jpg.css); /* CSS Document */ html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, button, textarea{ border:0 none; margin:0; padding:0;} body{ color:#333; font-family:"microsoft yahei", Verdana, Geneva, sans-serif; font-size:14px; line-height:1.42857143;} h1, h2, h3, h4, h5, h6{ font-weight:normal;} ol, ul, li{ list-style:none outside none;} table{ border-spacing:0;} a{ color:#666; cursor:pointer; outline:0 none; text-decoration:none;} a:hover{ color:#c00; text-decoration:underline;} a, a:focus, a:active, a:hover{ outline:0 none !important;} input, textarea, button{ border:0 none; font:12px/1.5 "microsoft yahei", "simsun"; outline:0 none;} /*input[type="button"], input[type="submit"]{ border:0 none; }*/ .more{ float:right; display:inline-block;} img{ max-width:100%;} /**/ .fl{ float:left;} .fr{ float:right;} /*.input_txt*/ .input_txt{ border-style:solid; border-width:1px; border-color:#ddd; font-size:12px; cursor:text; background-color:#fcfcfc; line-height:16px; vertical-align:top; padding:4px 3px;} input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="submit"]:focus, input[type="button"]:focus, input[type="text"]:focus, textarea:focus { outline:0 none;} textarea{ resize:none;} /* Clear Fix */ .clearfix:after, .container:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;} * html .clearfix, * html .container{ height:1%;} .clearfix, .container{ display:block;} /*--container--*/ .container{ margin-right:auto; margin-left:auto;} .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{ float:left; position:relative; min-height:1px; display:block;} .col-12{ width:100%;} .col-11{ width:91.66666667%;} .col-10{ width:83.33333333%;} .col-9{ width:75%;} .col-8{ width:66.66666667%;} .col-7{ width:58.33333333%;} .col-6{ width:50%;} .col-5{ width:41.66666667%;} .col-4{ width:33.33333333%;} .col-3{ width:25%;} .col-2{ width:16.66666667%;} .col-1{ width:8.33333333%;} /*-边距-*/ .m-t{ margin-top:20px;} .m-b{ margin-bottom:20px;} /*按钮*/ .btn{ display:inline-block; padding:4px 12px; margin-bottom:0; font-size:14px; font-weight:normal; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; border-radius:3px;} .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{ outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px;} .btn:hover, .btn:focus, .btn.focus{ color:#333; text-decoration:none;} .btn:active, .btn.active{ background-image:none; outline:0; -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);} .btn.disabled, .btn[disabled], fieldset[disabled] .btn{ pointer-events:none; cursor:not-allowed; filter:alpha(opacity=65); -webkit-box-shadow:none; box-shadow:none; opacity:.65;} .btn-default{ color:#333; background-color:#fff; border-color:#ccc;} .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{ color:#333; background-color:#e6e6e6; border-color:#adadad;} .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{ background-image:none;} .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active{ background-color:#fff; border-color:#ccc;} .btn-default .badge{ color:#fff; background-color:#333;} .btn-primary{ color:#fff; background-color:#1d47b3; border-color:#1d47b3;} .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{ color:#fff; background-color:#3452ff; border-color:#3452ff;} .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{ background-image:none;} .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active{ background-color:#3452ff; border-color:#3452ff;} .btn-primary .badge{ color:#3452ff; background-color:#fff;} .btn-success{ color:#fff !important; background-color:#5cb85c !important; border-color:#4cae4c !important;height:auto !important;} .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success{ color:#fff; background-color:#449d44; border-color:#398439;} .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success{ background-image:none;} .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active{ background-color:#5cb85c; border-color:#4cae4c;} .btn-success .badge{ color:#5cb85c; background-color:#fff;} .btn-info{ color:#fff; background-color:#5bc0de; border-color:#46b8da;} .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info{ color:#fff; background-color:#31b0d5; border-color:#269abc;} .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info{ background-image:none;} .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active{ background-color:#5bc0de; border-color:#46b8da;} .btn-info .badge{ color:#5bc0de; background-color:#fff;} .btn-warning{ color:#fff; background-color:#f0ad4e; border-color:#eea236;} .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning{ color:#fff; background-color:#ec971f; border-color:#d58512;} .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning{ background-image:none;} .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active{ background-color:#f0ad4e; border-color:#eea236;} .btn-warning .badge{ color:#f0ad4e; background-color:#fff;} .btn-danger{ color:#fff; background-color:#d9534f; border-color:#d43f3a;} .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger{ color:#fff; background-color:#c9302c; border-color:#ac2925;} .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger{ background-image:none;} .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active{ background-color:#d9534f; border-color:#d43f3a;} .btn-danger .badge{ color:#d9534f; background-color:#fff;} .btn-link{ font-weight:normal; color:#428bca; border-radius:0;} .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link{ background-color:transparent; -webkit-box-shadow:none; box-shadow:none;} .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active{ border-color:transparent;} .btn-link:hover, .btn-link:focus{ color:#2a6496; text-decoration:underline; background-color:transparent;} .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus{ color:#777; text-decoration:none;} .btn-large{ padding:8px 19px; _padding:4px 19px; font-size:17px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;} .btn-large [class^="icon-"], .btn-large [class*=" icon-"]{ margin-top:4px;} .btn-small{ padding:2px 10px; font-size:11.9px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .btn-small [class^="icon-"], .btn-small [class*=" icon-"]{ margin-top:0;} .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"]{ margin-top:-1px;} .btn-mini{ padding:0 6px; font-size:10.5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} /*header css*/ #wrapper, .wrapper{ width:100%; display:table; margin:0 auto; overflow:hidden; position:relative;} .container, .main{ margin:0 auto; clear:both; position:relative;} .main > .container{ padding-left:0; padding-right:0;} .header{ width:100%; background:rgba(255,255,255,0.6); /*height:110px;*/ border-bottom:solid 1px rgba(255,255,255,0.8); /*box-shadow:0px 2px 6px rgba(0,0,0,0.2);*/ z-index:999; position:absolute; margin:0 auto;} .homeWrap .header{} .header .h-header{} .logo{ height:101px; padding:10px 0 8px; float:left;} .logo a{ width:510px; height:81px; display:block; background:url(../images/logo.png) left center no-repeat;} .logo a img{ display:none;} .topbar{ width:100%; background:rgba(26,82,173,0.15); position:relative; /*z-index:99999;*/ box-shadow:0 2px 3px rgba(26,82,173,0.07); color:#fff;} .topbar a{ color:#fff;} .topbar .ckepop{ position:relative; right:auto; top:auto;} .topbar .ckepop .user_name{ background:none;} .topbar .ckepop .user_name .user_btn{ border-radius:2px; line-height:24px; padding:0 8px;} .topbar .ckepop a{ vertical-align:baseline;} /*--导航--*/ .nav{ width:auto; height:101px; line-height:101px; /*background-color:#2a628d; background-image:-moz-linear-gradient(top, #4277a7, #2a628d); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#4277a7), to(#2a628d)); background-image:-webkit-linear-gradient(top, #4277a7, #2a628d); background-image:-o-linear-gradient(top, #4277a7, #2a628d); background-image:linear-gradient(to bottom, #4277a7, #2a628d); background-repeat:repeat-x; filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#ff4277a7', endcolorstr='#ff2a628d', gradienttype=0); *zoom:1; -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2); box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);*/ position:relative;} .nav:before, .nav:after{ display:table; line-height:0; content:"";} .nav:after{ clear:both;} .nav a{ color:#1a52ad; float:left; display:inline-block; padding:0 30px; line-height:101px; font-size:16px; position:relative; -webkit-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear;} .nav a:hover, .nav .nav-inner > a.active, .nav .nav-inner > a.active:hover, .nav .nav-inner > a.active:focus, .dropdown.show > a.dropdown-toggle{ color:#4a79d5; background:rgba(255,255,255,0.6); text-decoration:none;} .nav .nav-inner{ float:right; height:99px; line-height:99px ;} body .navbar{ padding:0;} body .dropdown-menu{ margin-top:1px; width:12rem;} body .dropdown-menu{ background-color:#fff; border:none; border-radius:0; box-shadow:3px 3px 5px rgba(0,0,0,0.1);} body .nav .dropdown-menu a{ color:#333; line-height:34px;} body .nav .dropdown-menu a:hover{ background:#eff4fc; color:#4a79d5;} /*--用户登录--*/ .ckepop{ text-align:right; position:absolute; right:0; top:5px; height:32px; line-height:30px;} .ckepop .user_name{ padding-left:15px; border-radius:3px; background:#eff6fd;} .ckepop span{ color:#2567af; display:inline-block;} .ckepop a{ margin-right:6px; color:#2567af; display:inline-block; padding:0; vertical-align:top; float:none; line-height:32px;} .ckepop a.user{ color:#c00; font-weight:600;} .ckepop a:hover{ color:#f00; background:none;} .ckepop a.user_btn{ background:#83b2e6; color:#fff; padding:0 12px; min-width:30px; text-align:center; margin-right:0px; border-radius:2px;} .ckepop a.user_btn span{ color:#fff;} .ckepop .user_name .user_btn{ border-radius:0 2px 2px 0; margin-left:3px;} .ckepop a.user_btn:hover{ background:#6b9ed7; text-decoration:none;} /*--提示--*/ .tipsy-inner{ padding:10px 15px; line-height:1.5em;} .tipsy{ opacity:.8; filter:alpha(opacity=80); background-repeat:no-repeat; padding:5px;} .tipsy-inner{ padding:8px 8px; max-width:240px; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background-color:#000; color:white; text-align:left;} .tipsy-north{ background-image:url(../images/tipsy-north.jpg); background-position:top center;} .tipsy-south{ background-image:url(../images/tipsy-south.jpg); background-position:bottom center;} .tipsy-east{ background-image:url(../images/tipsy-east.jpg); background-position:right center;} .tipsy-west{ background-image:url(../images/tipsy-west.jpg); background-position:left center;} /*--弹出登录--*/ #signin_menu{ width:450px; position:relative;} #signin_menu input[type="text"], #signin_menu input[type="password"]{ border-radius:2px; border:none; margin:2px 0; font-size:12px; padding:3px; width:100px; background:#f2f7fb;} #signin_menu input:hover{ background:#fff;} #signin_menu p{ margin:0; vertical-align:top; color:#fff; display:inline-block; *float:left; *padding-left:5px;} #signin_menu a{ color:#fff; margin-right:0px;} #signin_menu label{ font-weight:normal; display:inline-block; vertical-align:top;} #signin_menu p.remember{ padding-top:4px; *padding-top:0px;} #signin_menu p.forgot, #signin_menu p.complete{ clear:both; margin:5px 0;} #signin_menu p a{ color:#fff!important;} #signin_submit{ border:none; background:#f2f7fb; color:#2567af; font-size:12px; height:24px; *width:70px;} #signin_submit:hover{ background:#fff;} #signin_submit::-moz-focus-inner { padding:0; border:0;} #signin_submit:hover, #signin_submit:focus{ background-position:0 -5px; cursor:pointer;} #signin_menu .error{ position:absolute; top:33px; left:110px; z-index:99999; background:#f2f7fb; padding:0 15px;} /*main css*/ .main{ /*width:100%;*/ margin:0px auto; padding:20px 0;} .mainLeft{ width:900px; overflow:hidden; float:left;} .mainRight{ width:340px; /*display:table;*/ float:right; position:relative;} /*main_left*/ .main_top{ padding-top:20px; position:relative; z-index:99;} .columnTwo{ border-top:solid 1px #ddd; padding-top:12px; margin-top:12px;} /*--banner--*/ .hBanner{ width:100%; position:relative; overflow:hidden; background:#f5f5f5;} .hBanner .container{ width:100%; max-width: 100% !important;} body .container{ padding-left:0 !important; padding-right:0 !important;} /*--search--*/ .searchBg{ width:100%; height:450px; overflow:hidden; position:relative;} /*.searchBg:after, .list_nav:after{ content:''; height:100%; width:100%; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(26,82,173,0.2); background:#fff !important; opacity:0.15; }*/ .searchBg .searchBgCon{} .searchBg .rslides_tabs{ display:none;} .icon-search{ background:url(../images/icon-search.jpg) no-repeat scroll left center; padding-left:24px;} .libSearch{ /*height:164px;*/ width:100%; margin:0 auto; padding:10px 0; background:#f9fbfd; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5;} .searchCon{ display:table; margin:0 auto;} .searchConBg{ height:100%; overflow:visible; width:55%; margin:0 auto;} .searchConBg .searchTit{ height:46px; text-align:left; padding-left:15px;} .searchConBg .searchTit > span, .searchConBg .searchTit > a{ font-size:16px; cursor:pointer; color:#666; margin-right:11px; padding-right:5px; display:inline-block; height:46px; line-height:46px; overflow:hidden; padding-bottom:5px; text-decoration:none;} .searchConBg .searchTit > span:hover, .searchConBg .searchTit > a:hover{ text-decoration:none;} .searchConBg .searchTit > span.cus_a{ cursor:default;} .searchConBg .searchTit > span.cus_a em{ color:#ccc; cursor:default;} #isbook{ line-height:24px; height:24px;} .searchConBg .searchTit > span.active, .searchConBg .searchTit > a.active{ color:#1a52ad; position:relative; font-weight:700;} .searchConBg .searchTit > span.active:after, .searchConBg .searchTit > a.active:after{ content:""; width:14px; height:14px; position:absolute; left:50%; margin-left:-9px; bottom:-10px; background:#1a52ad; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .searchIframe{ width:100%; overflow:hidden; display:table;} .searchIframe p{ color:#333; font-size:12px; line-height:28px; text-transform:uppercase;} /*-search info-*/ .searchInfo, .searchInfo form{ width:100%; overflow:hidden; display:table;} .searchInfo .searchInput{ float:left; width:100%; height:42px; line-height:42px; display:table-cell; vertical-align:top;} .searchInfo .searchInput input{ height:42px; line-height:42px; margin-right:0; color:#333; font-size:16px; background:#fff; border:solid 1px #1a52ad; overflow:hidden; width:100%; padding:3px 2%; border-radius:5px 0 0 5px; -webkit-transition:all linear 0.2s; -moz-transition:all linear 0.2s; -o-transition:all linear 0.2s; transition:all linear 0.2s;} .searchInfo .searchInput input:focus{ background:#fff;} .searchInfo .searchBtn{ text-align:center; width:1%; overflow:hidden; height:42px; display:table-cell; vertical-align:top;} .searchInfo .searchBtn .btn{ height:42px; border:none; border-radius:0 5px 5px 0; color:#fff; cursor:pointer; padding-left:20px; padding-right:20px; *padding-left:10px; *padding-right:10px; font-size:16px; opacity:0.9; -webkit-transition:all linear 0.2s; -moz-transition:all linear 0.2s; -o-transition:all linear 0.2s; transition:all linear 0.2s;} .searchInfo .searchBtn .btn:hover{ opacity:1;} .searchInfo .searchBtn .btn > span{ text-indent:-99999em; display:block; width:50px; padding-left:0; background-position:13px center;} .searchInfo .searchBtn a{ display:inline-block; vertical-align:bottom; font-size:14px; color:#fff; margin-left:5px; text-shadow:2px 2px rgba(0,0,0,0.8);} .searchExplain, .ui_bottom{ color:#999; line-height:30px; padding-left:3px; text-align:left; padding-top:5px;} .searchExplain{} .ui_bottom a{ color:#6c6c6c; line-height:30px; display:inline-block; margin-right:15px; padding-left:14px; background:url(../images/d.jpg) left center no-repeat;} .ui_bottom a:hover{ text-decoration:underline;} /*条件*/ .search-choose{ clear:both; padding:15px 0 0 2%; overflow:hidden; width:98%; display:table;} .search-choose label{ cursor:pointer; float:left;} .search-choose input{ float:left; cursor:pointer; margin-top:2px;} .search-choose em{ font-style:normal; font-weight:700; color:#eee; display:block; float:left; padding:0 9px 0 3px; _padding:0 5px 0 3px; line-height:normal; *line-height:24px; _line-height:24px;} .search-choose label em:hover{ color:#fff;} /*新闻公告*/ .hotnews{ overflow:hidden; height:44px; line-height:44px; border:solid 1px #e7eef5; border-top:none; background:#fff;} .hotnews h3{ width:93px; height:44px; background:url(../images/gif-0306.jpg) 10px center no-repeat; text-indent:8px; color:#333; float:left; text-align:right; font-weight:normal; font-size:14px; padding-left:10px; padding-right:5px;} .hotnews .newslist{ height:44px; width:700px; overflow:hidden; float:left;} /**去掉float:left;(不换行)*/ .hotnews .newslist li{ height:30px; overflow:hidden; margin-right:20px; width:auto; color:#c00; font-size:10px; list-style:inside disc; padding-left:2px;} .hotnews .newslist li a{ color:#c00; font-size:12px; text-decoration:none;} .hotnews .newslist li a:hover{ text-decoration:underline;} .hotnews .newslist li span{ display:inline-block; margin-left:10px; color:#aaa; font-size:11px;} /* 焦点图 */ .focusPic{ width:350px; height:280px; position:relative;} .f426x240, .searchBgCon{ width:100%; height:100%; overflow:hidden;} .f426x240 img, .searchBgCon img{ width:100%; height:100%; vertical-align:top;} .f426x240 img{ width:100%; height:280px;object-fit: cover;} .rslides{ width:100%; position:relative; list-style:none; padding:0;} .rslides li{ width:100%; height:100%; position:relative; background-position: center center; background-repeat: no-repeat; background-size: cover;} .rslides li a, .rslides li a span{ display:block;} .rslides li a{ height:100%;} .rslides li a:hover span{ text-decoration:underline;} .rslides li a span{ position:absolute; left:0px; bottom:0px; width:100%; height:34px; line-height:34px; overflow:hidden; text-indent:1em; background:rgba(0,0,0, .6); _background:#333; color:#fff; font-size:14px;} .rslides_nav{ display:none; opacity:0;} .rslides_nav:active{} .rslides_nav.next{ display:none; opacity:0;} .rslides_tabs{ width:65px; height:34px; line-height:30px; padding-right:10px; position:absolute; bottom:0; right:0px;} .rslides_tabs li{ float:left; margin-left:4px; padding:15px 0;} .rslides_tabs a{ text-indent:-9999px; overflow:hidden; background:rgba(0,0,0, .2); background:#ddd; display:block; width:9px; height:4px;} .rslides_tabs .rslides_here a{ background:#c00;} /*--新闻切换--*/ .libNews{ width:530px; float:right; height:280px; border:solid 1px #e5e5e5; border-radius:5px; overflow:hidden;} .c_span, h3.title{ border-bottom:solid 1px #e5e5e5; display:table; width:100%;} .c_span a, h3.title strong{ float:left; cursor:pointer; color:#666; font-size:16px; padding:0 8px; margin-right:15px; display:inline-block; height:44px; line-height:22px; overflow:hidden; padding-bottom:10px;} .c_span a:first-child{ border-left:none;} .c_span a:hover{ color:#333; text-decoration:none;} .c_span a.active1, h3.title strong{ font-size:18px; color:#1a52ad; border-bottom:solid 2px #1a52ad; font-weight:400;} h3.title strong{ float:none;} .c_span a, .c_span a.active1{ padding:10px 22px; margin-right:0;} .c_span a.active1{ border:none; background:#1a52ad; color:#fff;} .icon-libott{ margin:0 15px; position:relative;} /*.icon-libott li{ list-style:none; position:relative; font-size:14px; height:auto; padding-top:10px; padding-bottom:5px; line-height:24px; overflow:hidden; color:#6c6c6c; } .icon-libott li .news-data{ width:66px; height:66px; background:#dbe7f0; color:#173145; text-align:center; float:left; margin-right:15px; } .icon-libott li .news-data span{ display:block; font-size:22px; line-height:30px; margin-top:5px; } .icon-libott li .news-content{ margin-left:81px; } .icon-libott li .news-content h5{ line-height:20px; padding-bottom:6px; font-size:15px; font-weight:700; } .icon-libott li a{ display:inline-block; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; vertical-align:middle; }*/ .icon-libott li{ list-style:none; position:relative; border-bottom:dotted 1px #e5e5e5; font-size:12px; height:37px; line-height:37px; overflow:hidden; padding-left:13px; color:#3479c7;} .icon-libott li:after{ background:#3e7fc8; content:""; width:5px; height:5px; left:0; margin-top:-2px; position:absolute; top:50%; border-radius:50%;} .icon-libott li a{ font-size:14px; display:inline-block; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; width:84%; vertical-align:middle;} /*.icon-libott li:last-child{ background:none; border:none; padding-top:2px; list-style:none; }*/ .icon-libott li.n-more{ position:absolute; right:-5px; top:-41px; border-bottom:none;} .icon-libott li.n-more:after{ display:none;} .icon-libott li .more{ float:right; font-size:12px; text-align:right; width:auto; color:#aaa; text-decoration:none;} .icon-libott li .more:hover{ color:#c00;} .libNews .dl-body{ padding-top:0; overflow:visible;} /*--馆藏&资源/读者服务/本馆概况--*/ .library_info{ width:60%; border-right:solid 1px #ddd; overflow:hidden;} .n-list{ position:relative; background:#fff; width:100%; padding:12px 0; overflow:hidden;} .n-list .l-pic{ float:left; width:251px; height:161px; overflow:hidden;} .listcont{ line-height:26px; height:161px; margin-left:270px;} .n-list .soantit, .tusTuij h3, h3.title{ color:#1a52ad; font-size:18px; word-break:break-all; word-wrap:break-word; display:block;} .n-list.bgyellow{ border-bottom:dotted 1px #ccc; padding-top:0;} .n-list.bgblue{ padding-bottom:0;} .n-list .l-summary{ overflow:hidden; padding:5px 10px 10px 13px; font-size:13px; color:#666;} .n-list .l-summary p{ padding-bottom:5px; text-indent:2em;} /*-列表-*/ .listcont ul{ overflow:hidden; padding:0;} .n-list ul li{ height:30px; line-height:30px; font-size:9px; padding-left:12px; position:relative; float:left; overflow:hidden; width:auto; width:45%; list-style:none; color:#c89b4a;} .n-list ul li:after{ background:#c89b4a; content:""; height:4px; left:0; margin-top:-2px; position:absolute; top:50%; width:4px;} .n-list ul li a{ font-size:14px;} .n-list ul li a:hover{ text-decoration:underline;} #more_l{ width:94%; padding-left:0px; padding-right:6%; text-align:right; list-style:none;} #more_l a{ font-size:12px; text-decoration:underline;} .n-list .more, .hZixun .more, h3 .more{ font-size:12px; text-decoration:none; color:#aaa;} .n-list .more:hover, .hZixun .more:hover, h3 .more:hover{ color:#c00;} /*--快捷导航--*/ .libj{ width:100%; padding:30px 0; border-bottom:dotted 1px #ccc;} /*-文献成果-*/ .wenxFocus{ width:350px; height:280px; float:left; border-radius:5px; overflow:hidden;} .wenxFocus h3.title, .tusTuij h3{ border-bottom:solid 1px #e5e5e5; padding:10px; /*text-indent:3px;*/ height:44px; line-height:22px;} .wenxFocus h3.title a, .tusTuij h3 a{ line-height:20px;} /*--快捷导航--*/ .quickNav-scroll{ position:relative; padding:10px 0; border-radius:5px; width:100%; overflow:hidden; border:solid 1px #eee;} .quickNav-scroll ul{ padding:0 0px; height:82px; position:relative;} .quickNav-scroll ul li{ width:96px; height:82px; float:left; text-align:center;} .quickNav-scroll ul li a{ display:block; width:100%; height:85px; padding-top:10px; font-size:14px; text-decoration:none;} .quickNav-scroll ul li a:hover{ background:#f9fbfd;} .quickNav-scroll ul li a span{ display:block; text-align:center; width:100%; height:37px; line-height:37px; overflow:hidden; background-position:center bottom; background-repeat:no-repeat; opacity:0.8; -webkit-opacity:0.8;} .quickNav-scroll ul li a:hover span{ opacity:1;} .quickNav-scroll ul li a span img{ vertical-align:bottom;} .quickNav-scroll ul li a h4{ height:30px; line-height:30px; font-size:14px;} .quickNav-scroll .prev, .quickNav-scroll .next{ width:19px; height:19px; background-color:#ccc; color:#fff; display:block; position:absolute; top:50%; margin-top:-10px; text-align: center; font-family:simsun; cursor:pointer;} .quickNav-scroll .prev{ left:0px;} .quickNav-scroll .next{ right:0px;} .quickNav-scroll .prev:hover, .quickNav-scroll .next:hover{ background-color:#4384cb;} .quickNav-list{ width:98%; margin:0 1%; overflow:hidden; position:relative;} .quickNav-list ul{ white-space:nowrap; width:9999px;} /*--互动&咨询--*/ .hZixun{ width:100%; height:auto; overflow:hidden; margin-top:20px;} .hZixun ul{ overflow:hidden; padding:0 0 0 5px;} .hZixun ul li{ background:url(../images/d.jpg) left center no-repeat; float:left; height:30px; line-height:30px; overflow:hidden; width:105px; font-size:13px; text-indent:15px;} .hZixun ul li a{ color:#666;} .hZixun ul li a:hover{ color:#c00; text-decoration:underline;} /*--图书推荐--*/ .tusTuij{ height:280px; overflow:hidden; border:solid 1px #e5e5e5; border-radius:5px;} .tusTuij h3{ background:url(../images/hstj.jpg) 17px center no-repeat; padding-left:33px;} .tusTuij h3 .more, .wenxFocus h3 .more{ margin-top:2px;} .tusTuij .t-con{ padding:0px 22px 0 25px; overflow:hidden;} /*.tusTuij ul{ width:100%; height:auto; margin:0 auto; } .tusTuij ul li{ height:auto; clear:both; overflow:hidden; position:relative; line-height:26px; font-size:13px; padding:5px 0 5px 30px; border-bottom:dotted 1px #eee; } .tusTuij ul li > em{ width:20px; text-align:left; font-style:normal; display:inline-block; color:#1a52ad; position:absolute; left:5px; font-size:13px; height:29px; line-height:29px; font-weight:700; } .tusTuij ul li > span{ width:75px; height:105px; overflow:hidden; float:left; margin-right:15px; } .tusTuij ul li > span, .tusTuij ul li .a-info{ display:none; } .tusTuij ul li:first-child span, .tusTuij ul li:first-child .a-info{ display:block; } .tusTuij ul li img{ width:100%; height:100%; } .tusTuij ul li article{ display:block; color:#6f6f6f; text-align:left; } .tusTuij ul li article h4{ font-weight:700; height:30px; line-height:30px; overflow:hidden; color:#333; } .tusTuij ul li a{ color:#0072cf; } .tusTuij ul li h4 a{ color:#333; } .tusTuij ul li h4 a:hover{ color:#c00; } .tusTuij ul li.roundabout-in-focus article{ opacity:1; }*/ .tusTuij ul{ width:84%; height:220px; margin:0 auto;} .tusTuij ul li{ width:120px; height:160px; position:relative; line-height:26px; font-size:13px; background:#ccc;} .tusTuij ul li span{ display:block; width:100%; height:100%; overflow:hidden;} .tusTuij ul li img{ width:100%; height:100%;} .tusTuij ul li article{ display:block; position:absolute; top:160px; left:-45px; width:210px; color:#6f6f6f; opacity:0; -webkit-transition:opacity 0.2s; -o-transition:opacity 0.2s; transition:opacity 0.2s;} .tusTuij ul li article h4{ font-weight:700; text-align:center; height:30px; line-height:30px; overflow:hidden; color:#333;} .tusTuij ul li a{ color:#4384cb; font-size:14px;} .tusTuij ul li.roundabout-in-focus article{ opacity:1;} /**/ .legal-reading{ width:100%; overflow:hidden; background:#f9fbfd; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5;} .legal-reading .title{ border-bottom:none; text-align:center; font-size:22px;} .legal-reading .list_cont_content{ margin-left:-24px; margin-right:-24px;} /*搜索*/ .select_box{ float:left; height:auto; margin-right:6px; width:81px;} .cxsertbut{ float:left;} .select{ background:url(../images/select01.jpg) no-repeat scroll 0 0; color:#333333; height:33px; line-height:33px; text-indent:8px; width:81px; cursor:pointer;} .select:hover{ background:url(../images/select02.jpg) no-repeat scroll 0 0; color:#000000; height:33px; line-height:33px; text-indent:8px; width:81px;} .option{ background:none repeat scroll 0 0 #FFFFFF; border:1px solid #ACBABD; display:none; height:auto; vertical-align:top; left:409px; _left:404px; /*top:131px !important;top:131px; _top:130px;*/ top:134px; *top:130px; position:absolute; width:79px; z-index:9999;} @media screen and (-webkit-min-device-pixel-ratio:0) { .option{ background:none repeat scroll 0 0 #FFFFFF; border:1px solid #ACBABD; display:none; height:auto; vertical-align:top; left:409px; _left:423px; /*top:131px !important;top:131px; _top:130px;*/ top:130px; position:absolute; width:79px; z-index:9999;} } .option li{ color:#333333; line-height:24px; padding:0 2px 0 8px; cursor:pointer;} .option li.hover{ background:none repeat scroll 0 0 #E2F0FC; color:#333333; cursor:pointer;} .w600{ margin-top:12px; width:620px;} /*--友情链接--*/ .ylink{ overflow:hidden; height:auto; padding:0; width:100%;} .ylink .container{ display: table;} .ylink .container::after{ content: '';} .ylink .c_span{ float:left; width:180px; height:70px; border-bottom:none; background: #1a52ad; border-radius: 5px 0 0 5px; display: table-cell; vertical-align:top;} .ylink .c_span span{ line-height:50px; font-size:18px; padding:9px 0px 9px 82px; display:block; text-align:left; color:#fff; background: url(../images/zyuan.jpg) 30px center no-repeat;} .ylink .linkList{ padding:10px 0 10px 5px; overflow:hidden; width:100%; height:48px; position:relative; border-radius: 0px 5px 5px 0; border:solid 1px #e5e5e5; display: table-cell;vertical-align:top;} .ylink .linkList li{ width:80px; padding-left:36px; height:24px; line-height:24px; float:left; list-style:none; text-indent:none; text-align:left; background: url(../images/icon-link.jpg) 20px center no-repeat;} .ylink .linkList li img{ width:100px; height:24px;} .ylink .b_text span{ color:#ccc;} /*footer css*/ /*.footer{ width:100%; background: #6191d0; margin:0 auto; border-top:solid 1px #ddd; text-align:left; position:relative;}*/ .footer .container{ padding:0 0 20px;} .footer .b-logo{ width:107px; height:111px; position:absolute; left:50%; margin-left:-53px; margin-top:-32px;} .footer .b_text{ padding-top:17px;} .footer .b_text a{ margin-left:10px; margin-right:10px; color:#1a52ad;} /*.footer .b_text a:nth-child(2){ margin-right:250px;}*/ .b_text{ padding-top:0px; min-height:4px; overflow:hidden; line-height:34px; width:100%; margin:0 auto; text-align:center;} .b_text a{ color:#00578d; margin-right:12px;} .b_text a:hover{ color:#c00;} .b_text span{ color:#999; margin-right:12px;} .b_text a.shouji{ background:url(../images/shouji.jpg) no-repeat 0 8px; text-indent:12px;} .d_text{ color:#999; line-height:26px; text-align:center; padding-top:5px;} .d_text a, .d_text span{ display:inline-block; vertical-align:middle;} .d_text a{ color:#666; padding:0 10px;} .d_text a:hover{ text-decoration:underline; color:#f00;} .g_timg{ width:280px; float:left; margin:16px 0 0 8px; _margin:16px 0 0 4px; overflow:hidden;} .g_timg ul li img{ height:43px; margin-bottom:4px;} .g_timg ul li{ margin-bottom:8px; height:43px; overflow:hidden;} .g_timg ul li a:hover{ color:#c00;} /*二维码*/ .code{ width:auto; height:auto; background:#f5f5f5; text-align:center; top:-290px; left:50%; margin-left:640px; position:absolute; z-index:2;} .codeItems{ overflow:hidden; padding:0 8px 8px;} .codeItems li{ width:100%; display:table; margin-top:8px;} .codeItems li a, .codeItems li span{ display:block;} .codeItems li span{ height:85px; width:85px; background:#fff; text-align:center;} .codeItems li .bottompicname{ height:30px; line-height:30px;} .codeItems li img{ height:85px; width:85px;} .codeItems li h4{ line-height:25px; text-align:center;} /*-列表左侧菜单滚动-*/ .fixed{ position:fixed; top:0px;} /*分页*/ .page, .manu, .page-list{ padding-top:20px; text-align:center; width:100%;} .page a, .manu a, .page b, .manu b, .page span, .manu span{ display:inline-block;} .page a, .manu a{ padding:5px 12px; border:#eee 1px solid; margin:2px; color:#666; text-decoration:none;} .page b, .manu b{ padding:5px 12px; border:solid 1px #4a79d5; background:#4a79d5; color:#fff;} .page a:hover, .page a:active, .manu a:hover, .manu a:active{ border:#4a79d5 1px solid; color:#0d1687;} .page .current, .manu .current{ border:#4a79d5 1px solid; background-color:#4a79d5; padding:5px 12px; font-weight:bold; margin:2px; color:#fff;} .page .disabled, .manu .disabled, .manu > span, .zhanneixin_select_right > span{ border:#eee 1px solid; padding:5px 12px; margin:2px; color:#ccc;} .page-list{} .pagination { display:inline-block; padding-left:0; margin:10px 0;} .pagination > li { display:inline; cursor:pointer;} .pagination > li > a, .pagination > li > span { position:relative; float:left; padding:5px 12px; margin-left:-1px; line-height:1.42857143; color:#666; text-decoration:none; background-color:#fff; border:1px solid #eee;} .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left:0;} .pagination > li:last-child > a, .pagination > li:last-child > span {} .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color:#fff; background-color:#1c2975; border-color:#1c2975;} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index:2; color:#fff; cursor:default; background-color:#1c2975; border-color:#1c2975;} .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color:#ccc; cursor:not-allowed; background-color:#eee; border-color:#eee;} /* 参考咨询 */ .scrolldiv{ height:330px; right:2px; position:fixed; top:50px; width:115px; z-index:10;} /*--ie9以下提示--*/ .ie-warning{ position:fixed; top:0; left:0; z-index:999999; width:100%; height:100%; text-align:center; background-color:#333; color:#fff; font-family:inherit; padding:50px 0;} .ie-warning p{ font-size:17px; line-height:1.8;} .ie-warning .iew-container{ width:100%; height:240px; padding:20px; background:#fff; margin:50px 0;} .ie-warning .iew-download{ list-style:none; padding:30px 0; margin:0 auto; width:860px;} .ie-warning .iew-download > li{ float:left; vertical-align:top;} .ie-warning .iew-download > li > a{ display:block; color:#000; width:140px; font-size:15px; padding:15px 0;} .ie-warning .iew-download > li > a > div{ margin-top:10px;} .ie-warning .iew-download > li > a:hover{ background-color:#eee;} /*flex*/ @media (max-width: 575px){ body .main, body .list_main, body .cay_cont, body .pro_top{ width:100% !important;} .ullist li a{ width:70%;} } @media (max-width: 767px) { .g-libNew .container, .g-resource .r-content{ display:flex; flex-direction:column;} .g-quickNav ul li{ width:16.66666666666667%;} .g-reader .l-items li{ width:25%; margin-top:10px;} .g-resource .l-items{ width:100%;} .g-resource .l-items li{ width:calc(50% - 20px);} .g-contactAsk .item-content{ width:50%;} /*ask*/ .list_main_left, .list_pro_left{ display:none !important;} .list_main_right, .list_pro_right{ width:100% !important; max-width:100% !important;} .pro_right_top_h615{ min-height:auto; height:auto !important;} } @media (max-width: 991px) { .mainLeft, .mainRight, .gg_full{ width:100% !important;} .mainRight, .libNews{ margin-top:20px;} .wenxFocus, .wenxFocus .focusPic, .libNews{ width:100%; margin-left:auto; margin-right:auto;} .topbar > .container > .fl{ display:none;} .nav{ height:auto; flex-direction:column; padding-top:0; margin-right:0; padding-bottom:10px;} .nav a{ margin-left:0; padding:0; line-height:34px;} .header{ min-height:80px; min-width:auto; height:auto;} .logo{ padding:0; height:80px;} .logo a{ width:300px; background-size:100% auto;} .searchConBg{ width:100%;} .g-focus{ margin-bottom:30px;} .g-ylink .linkList li{ border-left:none; margin-top:10px; margin-bottom:10px;} body .list_right{ width:100% !important; overflow:hidden;} body .list_left, body .list_left .ul_left{ width:100%;} body .list_left{ padding-bottom:20px; border-bottom:solid 1px #eee;} body .list_left .ul_left{ position:relative !important; top:auto;} body .list_left .ul_left a{ width:33.33333333%; float:left;} body .list_nav .container, body .track{ display:none;} body .banner_container{ min-width:auto;} body .list_pro_left { display:none;} body .ckzx_cont_left{ -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; width:25%;} body .ckzx_cont_cent{ -ms-flex:0 0 75%; flex:0 0 75%; max-width:75%; width:75%; width:calc(75% - 15px);} /*opac*/ .w230{ width:100% !important;} .w230 .fleft{ margin-left:0px; width:45%;} } @media (min-width: 576px) and (max-width: 767px) { body .main, body .list_main, body .cay_cont, body .pro_top{ width:540px !important;} } @media (min-width: 768px) and (max-width: 991px) { .g-libNew .container{ display:flex; flex-direction:column;} .g-focus, .libNews{ width:100%;} body .main, body .list_main, body .cay_cont, body .pro_top{ width:720px !important;} } @media (min-width: 992px) and (max-width:1199px) { .logo a{ width:350px; background-size:100% auto;} .nav a{ padding-left:10px; padding-right:10px;} .searchConBg{ width:80%;} .item-title{ margin-bottom:0;} .g-ylink .linkList li{ width:144px;} body .list_right{ width:670px !important;} body .main, body .list_main, body .cay_cont, body .pro_top{ width:960px !important;} /*opac*/ .w230{ width:100% !important;} .w230 .fleft{ margin-left:0px; width:45%;} .mainLeft{ width:680px;} .wenxFocus, .wenxFocus .focusPic { width:280px;} .libNews{ height:280px; width:380px;} .mainRight{ width:260px;} } @media (min-width:1200px) and (max-width:1279px){ .container, .main, body .main, body .list_main, body .cay_cont, body .pro_top{ width:1140px; max-width:1140px !important;} .searchConBg{ width:70%;} .g-focus{ width:470px; height:396px;} .libNews{ height:280px;} .g-ylink .linkList li{ width:170px;} body .list_right{ width:853px !important;} .mainLeft{ width:830px ;} .libNews{ height:280px; width:460px;} .mainRight{ width:290px;} } @media (min-width:1280px){ .container, .main, body .main, body .list_main, body .cay_cont, body .pro_top{ width:1260px; max-width:1260px !important;} body .list_main_right .pro_top, body .list_main_right .list_main{ width:100%; max-width:100% !important;} .searchConBg{ width:60%;} } .focusPic .hd{ height:15px; overflow:hidden; position:absolute; right:13px; bottom:7px; z-index:1; } .focusPic .hd ul{ overflow:hidden; zoom:1; float:left;} .focusPic .hd ul li{ float:left; margin-right:3px; width:12px; height:12px; line-height:14px; text-align:center; background:#fff; cursor:pointer;background-color:#f9f8f8;} .focusPic .hd ul li.on{background-color:#ffd800;} #browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;} #browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1} #browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px} #browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px} #browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px} #browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px} #browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px} #browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto} #browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;} #browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0} #browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px} #browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px} #browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px} #browser-modal .browser-content .browser-item a{cursor:pointer;display:block} #browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px} #browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700} .footer{height: auto;background: #1a52ad;background-size: 100% 100%;margin: 15px auto 0 auto;min-width:1200px;} .footer-left{padding: 20px 0;width: 100%;} .footer-left p{color: #ffffff;line-height: 27px;font-size: 14px;margin: 0;padding: 0;text-align: center;} .footer-right{ padding: 30px 0 0 0; width: 200px; float: right; text-align: right} .footer .container{padding-bottom:0px;} .flogo{width:410px;position:relative;} .flogo img{margin-top: 49px;} .bcenter {float: left;padding: 18px 0px 0px 45px;position: relative;/* height: 120px; */width: 50%;} .bcenter .links li { float: left; padding: 0px 20px; position: relative; line-height: 32px; } .bcenter .links li.frist{ padding-left: 0px; } .bcenter .links li a { color: rgb(255, 255, 255); display: block; } .bcenter .links li::after { position: absolute; display: block; width: 2px; height: 12px; content: ""; background: rgb(90 130 195); top: 0px; bottom: 0px; right: 0px; margin: auto; } .bcenter .links li.last::after { display: none; } .bcenter .links li:hover a { color: rgb(255, 184, 0); } .copyright p,.copyright a { font-size: 14px; color: rgb(255, 255, 255); line-height: 26px; } .copyright{clear:both;margin-top:10px;} .footer-right li { float: left; } .footer-right {padding: 20px 0px 10px;} .footer-right li:first-child { margin-right: 32px; margin-top: 25px; } .wx_sm{ float: left; color: #ffffff; font-size: 12px; margin-left: 40px;} .wx_sm img{ width: 65px; height: 65px;} .wx_sm a span { color: #ffffff; display: block; text-align: center; line-height: 24px;}