@charset "utf-8";
/* CSS Document by cjy */
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
a {
margin: 0;
padding: 0;
color: #333;
}
html {
display: inline-block;
width: 100%;
}
img {
border: none;
}
a {
text-decoration: none;
cursor: pointer;
border: 0;
}
strong {
font-weight: bold;
}
ul,
ol,
li,
dt,
dd {
list-style: none;
}
em,
i {
font-style: normal;
}
.dis-in-b {
display: inline-block;
}
.fl {
float: left;
}
.fr {
float: right;
}
.clear {
clear: both;
}
.clearfix {
zoom: 1;
}
.clearfix:after {
content: '.';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* CSS Document by cjy */
.pr {
position: relative;
}
@media only screen and (min-width: 821px), only screen and (min-device-width: 821px) {
.menu-more {
display: none;
}
}
@media only screen and (max-width: 820px), only screen and (max-device-width: 820px) {
.app-dis-none {
display: none !important;
}
.wrapper {
width: 100% !important;
}
.mt10 {
margin-top: 1rem;
}
.mt20 {
margin-top: 2rem;
}
.mt30 {
margin-top: 3rem;
}
.mt40 {
margin-top: 4rem;
}
/*164.nets*/
.top {
display: none;
}
.app-menu-search {
display: block !important;
background: #1b50b0;
padding: 1.5rem;
}
.app-search {
display: inline-block;
float: left;
width: 35.6rem;
margin-left: 18.2rem;
height: 4.8rem;
margin-top: 0.8rem;
background: url(../images/2022hnsj_search.png) no-repeat;
background-size: 100% 100%;
}
.app-search .srk {
width: 16rem;
height: 3.3rem;
font: 1.4rem/3.3rem "微软雅黑";
padding-left: 1.6rem;
outline: none;
border: none;
background: none;
}
.app-search .ss {
width: 3.8rem;
height: 3.3rem;
outline: none;
border: none;
background: none;
}
.app-search .ss:hover {
cursor: pointer;
}
.app-menu {
display: inline-block;
float: right;
margin-right: 2rem;
width: 4.8rem;
height: 4rem;
margin-top: 0.8rem;
background: url(../images/2022hnsj_menu.png) no-repeat;
background-size: auto 100%;
}
.m_nav {
background: #fff;
position: fixed;
top: 0px;
box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);
width: 100%;
height: 100%;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
z-index: 1000;
opacity: 1;
visibility: visible;
margin-top: 0;
overflow-y: auto;
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
top: 0;
transform: translateX(100%);
}
.m_nav.open {
transform: translateX(0);
}
.m_nav .top-app {
height: 60px;
padding: 20px;
box-sizing: border-box;
}
.m_nav .top-app .closed {
width: 30px;
height: 30px;
vertical-align: middle;
float: right;
cursor: pointer;
}
.m_nav .ul {
margin-top: 30px;
}
.m_nav .ul li {
padding: 0 20px;
transform: translateY(0);
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
opacity: 0;
}
.m_nav.open .ul li {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
-webkit-transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
-webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
-webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
-webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
-webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0ms;
}
.m_nav .ul li a {
display: block;
text-decoration: none;
color: #333;
font-size: 3.2rem;
height: 7rem;
line-height: 7rem;
width: 100%;
}
.m_nav .ul li .dropdown_menu {
display: none;
}
.m_nav .ul li.dropdown.active .dropdown_menu {
display: block;
}
.m_nav .ul li .dropdown_menu a {
font-size: 2.6rem;
font-weight: 500;
display: block;
height: 6rem;
line-height: 6rem;
color: #333;
padding: 0 40px;
box-sizing: border-box;
background: #fff;
border-bottom: 1px solid #f5f5f5;
}
.m_nav .ul li .dropdown_menu a:last-child {
border: none;
}
.menu {
display: none;
}
.header {
height: 20rem;
background: url(../images/2023hnsj_header.png) center center no-repeat;
background-size: auto 100%;
}
.logo {
width: 67rem;
height: 13rem;
margin-top: 6rem;
margin-left: 2rem;
background: url(../images/2022hnsj_logo.png) 0 top no-repeat;
background-size: 100% auto;
}
.menu a {
width: 25%;
font: bold 2.2rem/6rem "微软雅黑";
}
.menu a.index {
width: 25%;
height: 6rem;
background: url(../images/2022hnsj_home.png) center center no-repeat;
background-size: auto 55%;
}
.app-zw {
padding: 0 2rem;
}
.cont-tab1 {
display: inline-block;
width: 100%;
}
.cont-tab2 {
display: inline-block;
width: 100%;
}
.list1 {
display: inline-block;
width: 100%;
}
.list2 {
display: inline-block;
width: 100%;
}
.com-tit1 {
background: url(../images/2022hnsj_tit1.png) no-repeat;
background-size: auto 100%;
height: 5.3rem;
}
.com-tit1 a.tit {
padding-left: 5.5rem;
font: bold 2rem/5rem "微软雅黑";
padding-top: 0.3rem;
}
.com-tit1 a.tit.a1 {
background: url(../images/2022hnsj_tit_logo1.png) 2rem center no-repeat;
background-size: auto 40%;
}
.com-tit1 a.tit.a2 {
background: url(../images/2022hnsj_tit_logo2.png) 2rem center no-repeat;
background-size: auto 50%;
}
.com-tit1 a.more {
padding-top: 0.3rem;
font: 0.1rem/5rem "微软雅黑";
padding-right: 18px;
}
.com-tit1 a.more:hover {
color: #c00101;
}
.com-tit2 {
height: 5.3rem;
margin-top: 3rem;
}
.com-tit2 a.tit {
padding-left: 2rem;
background: url(../images/2022hnsj_tit2.png) left center no-repeat;
background-size: auto 40%;
font: bold 2rem/5rem "微软雅黑";
padding-top: 0.3rem;
}
.com-tit2 a.more {
padding-top: 0.3rem;
font: 1.4rem/5rem "微软雅黑";
}
.list-tab1 {
height: auto;
}
.list-tab1 a.pic {
display: initial;
}
.list-tab1 img {
width: 25rem;
height: 16.6rem;
float: left;
display: inline-block;
margin-right: 2rem;
}
.list-tab1 p {
display: inline-block;
font-size: 1.4rem;
padding-top: 2rem;
line-height: 3rem;
}
.list-tab1 a {
font-size: 1.6rem;
padding-bottom: 1rem;
padding-right: 1rem;
line-height: 5rem;
}
ul.comlist1 {
margin-top: 2.6rem !important;
}
ul.comlist1 li {
background: url(../images/2022hnsj_list1.png) left center no-repeat;
background-size: auto 40%;
padding-left: 1.4rem;
}
ul.comlist1 li a {
font: 1.8rem/4.8rem "微软雅黑";
padding-right: 1.6rem;
}
ul.comlist1 li span {
font: 1.4rem/4.8rem "微软雅黑";
}
ul.comlist2 {
margin-top: 2.6rem !important;
}
ul.comlist2 li {
background: url(../images/2022hnsj_list3.png) left center no-repeat;
background-size: auto 40%;
padding-left: 2.4rem;
}
ul.comlist2 li a {
font: 1.8rem/4.8rem "微软雅黑";
padding-right: 1.6rem;
}
ul.comlist2 li span {
font: 1.4rem/4.8rem "微软雅黑";
}
.list3 {
height: auto;
padding-top: 1.6rem;
}
.list3-tab {
padding-left: 2.2rem;
padding-bottom: 1.8rem;
}
.list3-tab .rq {
width: 10rem;
}
.list3-tab .rq span {
font: bold 2.4rem/4rem "微软雅黑";
}
.list3-tab .rq p {
font: bold 1.2rem/2.4rem "微软雅黑" !important;
}
.list3-tab a {
width: 50rem;
font: 1.6rem/2.6rem "微软雅黑";
padding-top: 0.8rem;
}
.list-tab4 {
padding: 1.5rem 0;
}
.list-tab4 a {
padding-left: 6.6rem;
background: url(../images/2022hnsj_list2.png) 20px center no-repeat;
background-size: auto 60%;
font: 1.8rem/3.8rem "微软雅黑";
}
/*尾部s*/
.footer {
height: 35.6rem;
background: url(../images/2022hnsj_footer1.png) center top no-repeat;
background-size: 100% 100%;
margin-top: 6rem;
padding-bottom: 5rem;
}
.footer .wrapper {
position: relative;
}
.foot1 {
position: absolute;
top: 20.2rem;
left: 2rem;
}
.foot1 img {
width: 10rem;
}
.foot2 {
position: absolute;
top: 20.2rem;
left: 18.2rem;
}
.foot2 img {
width: 10rem;
}
.foot3 {
position: absolute;
top: 20.2rem;
right: 2rem;
}
.foot3 img {
width: 10rem;
}
.foot-nr {
position: absolute;
top: 2rem;
left: 0rem;
width: 100%;
padding-left: 1rem;
background: none;
text-align: left;
opacity: 0.8;
}
.foot-clj span {
padding-left: 0.5rem;
}
.foot-clj a,
.foot-clj span {
display: inline-block;
float: left;
padding-right: 0.4rem;
font: 1.6rem/4rem "微软雅黑";
}
.foot-p span {
display: inline-block;
float: left;
padding: 0 0.3rem;
font: 1.6rem/4rem "微软雅黑";
}
/*尾部e*/
/*164.nete*/
/*细览s*/
/*面包屑*/
.mbx {
height: 6rem;
background: url(../images/location.png) 10px center no-repeat;
background-size: auto 40%;
padding-left: 4.2rem;
font: 1.4rem/6rem "微软雅黑";
}
.mbx a {
font: 1.6rem/6rem "微软雅黑";
}
.mbx span {
font: 1.6rem/6rem "微软雅黑";
}
.xl {
padding: 4rem 2rem;
}
.xl h3 {
font: bold 3rem/6rem "微软雅黑";
}
.xl .rq {
margin: 1rem 0;
font: 1.4rem/3.6rem "微软雅黑";
}
.xl .zw {
padding: 2rem 0;
}
.xl .zw p {
font: 1.6rem/3rem "微软雅黑";
}
.xl .zw img {
margin: 2rem auto;
}
/*细览e*/
/*概览s*/
.gl-left {
display: none;
}
.gl-right {
display: inline-block;
float: right;
width: 96% !important;
margin: 0 2%;
}
/*概览e*/
/*机构概况s*/
.jggk-tab {
margin-top: 2rem;
}
.jggk-tab a {
margin: 1rem;
}
.jggk-tab img {
width: 15.8rem;
}
.jggk-tab .nr {
left: 15.8rem;
margin-left: 2rem;
width: 50rem;
}
.jggk-tab .nr h3 {
font: 1.6rem/3.6rem "微软雅黑";
}
.jggk-tab .nr h3 strong {
font: bold 2.4rem/3.6rem "微软雅黑";
margin-right: 2rem;
}
.jggk-tab .nr p {
font: 1.6rem/3.6rem "微软雅黑";
}
/*机构概况e*/
/*图库s*/
.tk-tab1 {
margin-top: 2rem;
margin-left: 3rem;
width: 31.3rem;
}
.tk-tab1 img {
width: 31.3rem;
height: 26.3rem;
}
.tk-tab1 a {
font: 1.8rem/3rem "微软雅黑";
}
.tk-tab1.ml0 {
margin-left: 3rem;
}
.tk2 {
width: 96%;
margin: 0 2%;
}
/*图库e*/
/*专题s*/
.zt-banner {
margin-bottom: 3rem;
}
.zt-banner img {
width: 100%;
}
.zt-tab {
padding: 2rem 0;
}
.zt-tab img {
display: inline-block;
float: left;
margin-right: 2rem;
width: 23.2rem;
height: 17.4rem;
}
.zt-tab .nr a {
font: bold 1.8rem/3.8rem "微软雅黑";
}
.zt-tab .nr p {
font: 1.6rem/3rem "微软雅黑";
}
.gl-right.zt .com-tit2 span {
background: url(../images/2022hnsj_tit3.png) left 1.8rem no-repeat;
background-size: auto 40%;
}
/*专题e*/
}