html { box-sizing: border-box; font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent } *, ::after, ::before { box-sizing: inherit } @-ms-viewport { width: device-width } p{ margin-block-start: 0; margin-block-end: 0; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } body { margin: 0; font-family: Microsoft YaHei !important; /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; */ font-size: 0.16rem; color: #000000; background-color: #fff } #mainNav{ padding-top: .23rem; } .container { max-width: calc(100% - 1.88rem); margin-right: .88rem; margin-left: 1rem; width: 100%; } /* 鏍囬 */ .title-bar { font-size: 0.24rem; color: #005989; margin-bottom: 0.41rem; font-weight: bold; } /* banner鏂囧瓧 */ .banner-text { position: absolute; z-index: 3; color: #fefefe; text-align: center; font-size: 0.72rem; width: 100%; height: 6rem; display: flex; align-items: center; justify-content: center; vertical-align: middle; font-weight: bold; } .banner-text .banner-text-info { font-size: 0.36rem; margin-top: 0.3rem; font-weight: 400; } header{ position: absolute; top: 0; width: 100%; left: 0; z-index: 4; } /*鑿滃崟椤堕儴鍐呭*/ header .topmenu { background: #004a7c; border-top: solid 0.01rem #f0f0f0; border-bottom: solid 0.01rem #f0f0f0; height: 0.4rem; } header .topmenu .top-data { text-align: right; margin: 0; } header .topmenu .top-data .list-inline { height: 0.4rem; line-height: 0.35rem; color: #FFFFFF; font-size: 0.1471rem; } header .topmenu .top-data .list-inline a{ color: #FFFFFF; text-decoration: none; } header .topmenu .search-btn { text-align: center; width: 0.2rem; font-size: 0.1471rem; color: #FFFFFF; vertical-align: inherit; } header .topmenu .form-control { background-color: transparent; border: unset; } header .topmenu input::-webkit-input-placeholder { color: #FFFFFF; font-size: 0.1471rem; } /*鑿滃崟*/ .affix { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .navbar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; height: .67rem; } .navbar .navbar-brand img { width: 1.21rem; } .navbar-expand-lg { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-direction: row; flex-direction: row; } .navbar .container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; flex-wrap: nowrap; height: 100%; } /* 鑿滃崟鍐呭 */ .navbar-expand-lg .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-align: center; align-items: center; display: flex !important; } .navbar-nav { float: right; display: -ms-flexbox; display: flex; list-style: none; -ms-flex-direction: row; flex-direction: row; padding: 0; margin: 0; margin-left: auto; } .navbar-nav>li { transition: all .5s ease-in-out; } .navbar-nav a { color: #FEFEFE; text-transform: uppercase; letter-spacing: 0.01rem; margin: 0 0.1rem; text-decoration: none; display: block; padding-bottom: 0.05rem } .navbar-nav>li:hover a, .navbar-nav > li.active a{ border-bottom: .03rem solid #fff; } .navbar-nav .nav-item { padding: 0 0.35rem; color: #7d7b7b; font-size: 0.15rem; } .language-change{ margin-left: .47rem; display: flex; color: #fff; width: 3rem; } .language-change a{ font-size: 0.11rem; text-transform: uppercase; color: #fff; text-decoration: none; display: block; } /* footer */ .footer-bottom { background: #393939; height: 2.2rem; font-size: 0.14rem; color: #ffffff; padding-top: .46rem; padding-bottom: .44rem; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .footer-bottom .link a{ color: #fff; text-decoration: none; }