/* Please see documentation at http://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification for details on configuring this project to bundle and minify static web assets. */ body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { font-family: Microsoft YaHei,'宋体' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;} /* top & banner & nav */ .top-line { height: 30px; background-image: url(../images/top_line.png); background-position-x: center; background-repeat: repeat-x; border-bottom: 1px solid #cccccc; } .top-logo { margin-top: 30px; } .top-nav { margin-top: 120px; } /* Sticky footer styles -------------------------------------------------- */ html { position: relative; min-height: 100%; } /*color*/ .bg-blue { background-color: #0139b4 !important; } .bg-gre { background-color: #cce1fa !important; } .bg-or { background-color: #ea9425 !important; } .banner { height: 90px; background-image: url(../images//logo.png); background-repeat: no-repeat; background-size: cover; } .last-banner { float:right; } .nav-link { font-size: 1.25rem; font-weight:600; } .nav-item { margin:0 0.3rem; } .nav-item:hover { -webkit-transition: 0.5s; /* Future proofing (these do not work yet): */ -moz-transition: 0.5s; transition: 0.5s; background-color: #325fee; } @media(max-width: 1199.98px) { .nav-link { font-size: 1rem; } .nav-item { margin:0 0.25rem; } } @media(max-width: 991.98px) { .nav-link { font-size: 1rem; } } @media(max-width: 767.98px) { .nav-link { font-size:1rem; } } @media(max-width:768.1px) { /*下拉菜单自动*/ .dropdown:hover .dropdown-menu { display: block; } .dropdown .dropdown-toggle:active { pointer-events: none; } } .dropdown-menu:before { height:20px; } .dropdown-menu { min-width: 8rem; margin-left: -1rem; background-color: #325fee; border: 0px; text-align:center; } .dropdown-menu a { color:#fff; } .dropdown-item { padding: 0.25rem 1rem; } a.text-white:hover, a.text-white:focus { color: #e5e0e0 !important; } .tit-row { margin: 0 auto; padding: 0 20px; width: 95%; background-color: #fff; } .tit-box { background-image: url(../images/background-banner.png); background-position-y: bottom; background-repeat: no-repeat; background-color: #0139b4; } .tit-item-box { margin-bottom: 20px; margin-top: 20px; } .tit-row img { transition: 0.5s all; -moz-transition: 0.5s all; /* Firefox 4 */ -webkit-transition: 0.5s all; /* Safari 和 Chrome */ -o-transition: 0.5s all; /* Opera */ } .tit-row img:hover { -webkit-transform: scale(0.95,0.95); -moz-transform: scale(0.95,0.95); -ms-transform: scale(0.95,0.95); -o-transform: scale(0.95,0.95); transform: scale(0.95,0.95) } @media(max-width: 767.98px) { .tit-item-box { padding: 1px; } } @media(max-width: 991.98px) { .tit-item-box { padding: 5px; } } .newslisttitle { margin: 0 auto; font-size: 24px; color: #fff; text-shadow: 1px 1px 1px #000; width: 95%; } .newslisttitle a{ color:#fff; } .newslisttitle .more{ margin-right:10px; } .newslisttitle .more a{ font-size: 16px; color:eee; text-shadow:none; line-height:24px; } .newslisttitle .more a:hover{ color:ddd; } newslisttitle a:hover{ text-decoration-line: none; color:#eee; } .newstitle { margin: 10px 0 0 0; max-height: 2.4rem; overflow: hidden; text-align: center; font-weight: bold; } .newslist { padding-top: 20px; padding-bottom: 20px; } .newstitle:hover{ text-decoration-line: none; } .newspicList { width: 95%; margin: 0 auto; } .newsbox { padding: 10px; background-color: #fff; width: 100%; height: auto; display: block; overflow: hidden; padding-top: 40px; color: #222; transition: 0.5s all; } .newsbox:hover { background-color: #0139b4; color: #fff; text-decoration-line: none; } .newsimg { overflow: hidden; text-align: center; max-height: 150px; -webkit-box-align: center; /*旧版本*/ -moz-box-align: center; /*旧版本*/ -ms-flex-align: center; /*混合版本*/ -webkit-align-items: center; /*新版本*/ align-items: center; /*新版本*/ } .newsimg img { max-width: 100%; max-width: 100%; transition: 0.5s all; -moz-transition: 0.5s all; /* Firefox 4 */ -webkit-transition: 0.5s all; /* Safari 和 Chrome */ -o-transition: 0.5s all; /* Opera */ } .newsimg img:hover { -webkit-transform: scale(1.08,1.08); -moz-transform: scale(1.08,1.08); -ms-transform: scale(1.08,1.08); -o-transform: scale(1.08,1.08); transform: scale(1.08,1.08) } .newsdate { position: absolute; top: 25px; left: 35px; font-family: Georgia; padding: 0 5px 5px; } .newsdate-day { font-size: 32px; color: #fff; line-height: 1.2em; overflow: hidden; text-align: center } .newsdate-year { font-size: 12px; color: #fff; line-height: 1.5em; overflow: hidden; text-align: center } .dt-list { margin: 0 auto; padding: 0; } @media(min-width:768.1px) { .dt-left { padding-left: 0; } .dt-right { padding-right: 0; } } .dt-title { margin-top: 15px; background-color: #e0e0e0; background-image: url(../images/dt-title-bg.png); background-repeat: repeat-x; text-shadow: 1px 1px 1px #ccc; font-weight: bold; font-size: 18px; color: #062c53; line-height: 3em; } .dt-title a{ color:#0c2f57; } .dt-title a:hover{ text-decoration: none; } .dt-title .more{ margin-right:13px; margin-top:-5px; display:inline-block } .dt-title .more a { font-size:14px; text-shadow:none; color:#eee; } .dt-title .more a:hover{ color:#ddd; text-decoration: none; } .dt-content { background-color: #e0e0e0; padding-bottom: 10px; } .dt-news-list:hover { background-color: #c5c7cb; transition: 0.5s all; -moz-transition: 0.5s all; /* Firefox 4 */ -webkit-transition: 0.5s all; /* Safari 和 Chrome */ -o-transition: 0.5s all; /* Opera */ } .dt-content a { font-size: 1rem; color: #000; line-height: 1.5rem; text-decoration: none; } .dt-content a:hover { color: #141313; font-weight: 700; } .footer { bottom: 0; width: 100%; line-height: 60px; /* Vertically center the text there */ text-align: center; margin-top:20px; margin-bottom: 20px; background-image: url(../images/footer-bg.png); background-repeat: no-repeat; color: #fff; } .index-footer { bottom: 0; width: 100%; line-height: 40px; /* Vertically center the text there */ text-align: center; margin-top:20px; margin-bottom: 20px; background-image: url(../images/index-footer-bg.png); background-repeat: no-repeat; color: #fff; } .left-pic{ margin-left:40px; } .last-banner-bg { background-image: url(../images/last_banner.png); background-repeat: no-repeat; background-size: cover; height: 200px; } @media (min-width: 1200px) { .page-leftbg{ background-image: url(../images/last_left_bg.png); background-repeat: repeat-y; background-position-x: 45px; } } .last-left { width: 270px; background-image: url(../images/last_left_bg.png); background-repeat: repeat-y; background-position-x: 30px; margin-top: -90px; min-height:500px; } .last-left-tit { background-color: #12b7f4; height: 55px; margin: 0 30px; padding: 0 40px; width: auto; line-height: 60px; font-size: 26px; font-weight: 700; color: #fff; } .last-left-menu { padding-left: 8px; margin: 0 30px; } .last-left-menu li { font-size: 20px; list-style: none; } .last-left-menu li a { color: #000; transition: 0.3s; line-height: 60px; display: inline-block; padding: 0 20px; width: 100%; height: auto; } .last-left-menu li:hover a { text-decoration: none; font-size: 26px; font-weight: 700; padding-left: 30px; background-color: #f0f0f0; } .itemlink { border-bottom: 1px solid #b2b2b2; } .locallink { } .locallink a:link { font-weight: 700; background-color: #f0f0f0; } .last-right-content { min-height: 500px; margin-left: 300px; } @media(max-width: 991.98px) { .last-right-content { margin-left: 0; } } .last-right-title { margin-top: 35px; position: relative; overflow: hidden; } .last-right-title:after { content: ''; height: 1px; background-color: rgba(0,0,0,.11); position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; } .last-right-title-text { font-size: 22px; color: cornflowerblue; line-height: 47px; min-height: 37px; display: inline-block; padding: 0 5px 0 5px; font-weight: 500; border-bottom: 1px solid cornflowerblue; } .right_content { height: auto; } .right_content_text { margin: 30px 0; font-size: 1.25rem; line-height: 2rem; } .right_content_text p { text-indent: 2em; } .articleList { margin: 10px 0; min-height: 330px; } .articleList li { line-height: 2em; list-style: none; } .articleList li:hover { background-color: #f0f0f0; -webkit-transition: 0.4s; /* Future proofing (these do not work yet): */ -moz-transition: 0.4s; transition: 0.4s; } .articleList li a { color: #000; text-decoration: none; } .page-link { color: #111; } .page-link:hover { color: #000; } .right_content nav{ margin: 40px 0; } .breadcrumb { background-color: transparent; font-size: 13px; margin: 0; padding: 0; } .point { width: 24px; height: 24px; background-image: url(../images/point.png); display: inline-block; } .pagetitle { background-color: #f0f0f0; line-height: 4rem; margin: 30px 0; padding:10px 0; color:#333; } .pagetitle h2 { margin:0 auto; } @media(min-width:768.1px) {.pagetitle h2 { width:60%;}}.pagetitle h5 { line-height:2em; } .pagecontent { min-height: 400px; padding: 0 40px; text-indent:2em; line-height:1.5em; color:#333; } @media(min-width:1190.98px) { .pagecontent { font-size:1.25rem; } } .listpicrow{ min-height:300px; margin-top:10px } .listpicimg { position: relative; overflow: hidden; width:100%; } @media (min-width: 768px) { .listpicimg{ min-height:157px; max-height:157px; } } @media (min-width: 992px) { .listpicimg{ min-height:142px; max-height:142px; } } @media (min-width: 1200px) { .listpicimg{ min-height:187px; max-height:187px; } } .listpicimg img { width: 100%; height: auto; } .listpcicol a.image { display: block; } .listpcicol a { text-decoration-line:none; color:#222; } .listpcicol img { width: 100%; height: auto; transition: all 0.3s; } .listpcicol a:hover img { transform: scale(1.05); } .listpictitle { margin-top:10px; text-align:center; } .listpcicol a:hover .listpictitle h6 { color:#000; font-weight:600; } .lsyg li { list-style:none; background-color:#fdfdfd; margin:5px; } .lsyg li:hover { background-color:#f0f0f0; } .qk-last-left{ width: 270px; background-image: url(../images/last_left_bg.png); background-repeat: repeat-y; background-position-x: 30px; margin-top: -35px; margin-right: 20px; min-height: 500px;} .qk-last-left-view{ width: 270px; background-image: url(../images/last_left_bg.png); background-repeat: repeat-y; background-position-x: 30px; margin-right: 20px; height: calc(100vh – 400px); } .qk-banner{ text-align: right; margin-right: -15px; height:145px; } .qk-banner-se{ position: relative; } .qk-left-tit { background-color: #12b7f4; height: 55px; margin: 0 30px; padding: 0 25px; width: 240px; line-height: 60px; font-size: 26px; font-weight: 700; color: #fff; float:left; } .qk-list-pic{ width:auto; float:right; } .qk-list-link{ margin:5px 5px; height:41px; float:left; position: relative; } .qk-list-link .qk-link-txt{ position:absolute; top:0; left:0; color:#fff; font-size:18px; line-height: 41px; width: 100%; height: 100%; display: none; } .qk-list-link:hover .qk-link-pic{ opacity: 0.2; filter: alpha(opacity=30); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); transition: 0.3s; } .qk-list-link:hover .qk-link-txt{ display: inline-block; color:#fff; line-height: 41px; text-align: center; font-weight: 600; text-decoration-line: none; transition: 0.3s; } .qk-dirtitle { line-height: 47px; font-size: 18px; font-weight: 600; } .qk-left-menu { padding-top: 7px; padding-left: 22px; width: 100%; } .qk-left-menu li { font-size: 20px; list-style: none; } .qk-left-menu a { color: #000; transition: 0.3s; line-height: 40px; display: inline-block; padding: 0 20px; width: 100%; height: auto; } .qk-left-menu a:hover { color: #333; } .qk-left-menu .active { text-decoration: none; font-size: 26px; font-weight: 700; padding-left: 30px; background-color: #f0f0f0; } .qk-dir { font-size:1.5rem; position:relative; line-height:3rem; } .qk-dir svg { color:midnightblue; } .qk-dir:after { content: ''; height: 1px; background-color: rgba(0,0,0,0.5); position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; } .qk-dir-title { color: #111; margin-top:10px; font-size:1.25rem; line-height:2rem; } .qk-dir-author { color: #091380; font-size: 1rem; } .doc-view { margin: 0 auto; line-height: 1.8rem; margin-top: 20px; } .doc-view-qm { line-height: 2em; padding: 0 15px; } .doc-view-num { font-size: 1.2rem; } .doc-view-title { line-height: 60px; position: relative; color: cornflowerblue; padding: 0 15px; } .doc-view-title:after { content: ''; height: 1px; background-color: rgba(0,0,0,1); position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; } .doc-view-author-area { padding: 0 15px; } .doc-view-other { font-size: 1rem; padding: 0 15px; } .doc-view-rowtitle { font-weight: 600; } .doc-view-download { font-size: 0.9rem; color: #000; line-height: 1rem; padding: 5px 15px; } .doc-view-download a { text-decoration-line: none; color: #000; } .doc-view-download a:hover { color: #ba3636; text-decoration-line: none; } .doc-view-count { color: #f7002d; font-size: 1rem; } .doc-view-qkname{ font-size:1rem; } .doc-view-en-area { font-size: 0.8rem; margin-top: 10px; } .qk-doc-list{ text-align:center; } .qk-doc-list { color: #111; line-height: 2rem; text-decoration-line: none; transition: 0.3s; } .qk-doc-list:hover { color: #000; text-decoration-line:none; background-color:#eee; transition: 0.3s; }