@charset "UTF-8";
/*
* @Author: feelChin
* @Date: 2021-05-25 17:16:02
* @Last Modified by: feelChin
* @Last Modified time: 2021-09-06 11:09:49
*/
/*
* @Author: Chin
* @Date: 2020-06-23 10:17:36
* @Last Modified by: feelChin
* @Last Modified time: 2021-08-27 11:50:24
*/
@import url("../fonts/iconfont/iconfont.css");
* {
margin: 0;
padding: 0;
outline: none;
}
html, body {
font-family: "Noto Sans SC,Noto Serif SC,PingFang SC,Microsoft Yahei,miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif";
-webkit-tap-highlight-color: transparent;
font-size: .14rem;
line-height: 1.8;
}
h1, h2, h3, h4, h5, h6, small, big, input, textarea, button, select {
font-size: 100%;
}
table {
border-collapse: collapse;
border-spacing: 0;
text-align: left;
}
ul, ol, menu {
list-style: none;
}
fieldset, img {
border: 0;
display: inline-block;
}
img, object, input, textarea, button, select {
vertical-align: middle;
}
article, aside, footer, header, section, nav, figure, figcaption, hgroup, details, menu {
display: block;
}
audio, canvas, video {
display: inline-block;
zoom: 1;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
textarea {
overflow: auto;
resize: vertical;
}
input, textarea, button, select, a {
outline: none;
border: none;
}
input, textarea {
display: block;
-webkit-user-select: auto;
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding: 0;
border: 0;
}
mark {
background-color: transparent;
}
a, ins, s, u, del {
text-decoration: none;
color: inherit;
}
sup, sub {
vertical-align: baseline;
}
h4, h5, h6 {
font-weight: 400;
}
html, body {
scroll-behavior: smooth;
color: #000;
background-color: #fff;
}
.y30 {
opacity: 0;
transform: translate3d(0, 30%, 0) scale(0.9);
}
.y30.flag {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
transition: .44s;
}
.y60 {
opacity: 0;
transform: translate3d(0, 50%, 0) scale(0.9);
}
.y60.flag {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
transition: .44s;
}
.y100 {
opacity: 0;
transform: translate3d(0, 100%, 0) scale(0.9);
}
.y100.flag {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
transition: .44s;
}
.x50 {
opacity: 0;
transform: translate3d(50%, 0, 0) scale(0.9);
}
.x50.flag {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
transition: .44s;
}
.x100 {
opacity: 0;
transform: translate3d(100%, 0, 0) scale(0.9);
}
.x100.flag {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
transition: .44s;
}
.x-50 {
opacity: 0;
transform: translate3d(-50%, 0, 0) scale(0.9);
}
.x-50.flag {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
transition: .44s;
}
.x-100 {
opacity: 0;
transform: translate3d(-100%, 0, 0) scale(0.9);
}
.x-100.flag {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
transition: .44s;
}
.o {
opacity: 0;
}
.o.flag {
opacity: 1;
transition: 1.7s;
}
.doubleAni {
position: relative;
z-index: 1;
}
.doubleAni:hover:after {
width: 100%;
opacity: .9;
}
.doubleAni:hover:before {
width: 100%;
opacity: 1;
}
.doubleAni:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
width: 60%;
opacity: 0;
background: #28A7E1;
transition: .55s;
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.doubleAni:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
width: 40%;
opacity: 0;
background: #28A7E1;
transition: .55s;
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.splitlist {
line-height: 1.2;
white-space: pre-wrap;
}
.splitlist.flag span {
animation: fadeInRight 1s forwards;
}
.splitlist span {
font-family: inherit;
width: auto;
font-size: inherit;
color: inherit;
font-weight: inherit;
text-transform: inherit;
opacity: 0;
display: inline-block;
}
.splitlist span.letters {
color: #28A7E1;
}
.cursordot {
position: fixed;
top: 0;
left: 0;
border-radius: 100%;
pointer-events: none;
opacity: 0;
will-change: transform;
background-size: contain;
mix-blend-mode: exclusion;
}
.cursordot::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
border-radius: 50%;
background: #fff;
mix-blend-mode: exclusion;
}
.cursordot:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
border: 1px solid #fff;
transform: translate(-50%, -50%) scale(1.2);
mix-blend-mode: exclusion;
border-radius: 50%;
}
.imgs {
max-width: 100%;
width: 100%;
height: auto;
display: block;
}
.deepmao {
position: relative;
top: -1.8rem;
display: block;
height: 0;
overflow: hidden;
}
.linkA {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 7;
}
.photoActives {
position: relative;
overflow: hidden;
}
.photoActives .photoActive {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 3;
}
.photoActives.reset_photoActive .photoActive {
bottom: -100%;
transition: .66s;
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.photoSlides {
position: relative;
overflow: hidden;
--bg: white;
}
.photoSlides.ifIe:after {
display: none;
}
.photoSlides.ifIe img {
opacity: 1;
}
.photoSlides:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 0%;
height: 100%;
background: var(--bg);
z-index: 3;
}
.photoSlides.flag:after {
width: 100%;
transition: .6s;
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.photoSlides.reset:after {
width: 0%;
right: auto;
left: 0;
}
.photoSlides img {
opacity: 0;
transition: transform .5s;
}
.ell {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.ells {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.wechat {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background: rgba(0, 0, 0, 0.7);
z-index: 99;
display: flex;
justify-content: center;
align-items: center;
visibility: hidden;
opacity: 0;
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
cursor: pointer;
}
.wechat.active {
transition: .3s;
visibility: visible;
opacity: 1;
}
.wechat.active div {
transform: translateY(0);
}
.wechat div {
height: auto;
padding: 20px;
background: #eee;
text-align: center;
transition: .3s;
transform: translateY(50px);
}
.wechat div img {
display: block;
margin: auto;
}
.wechat div p {
font-size: 14px;
color: #666;
margin-top: 6px;
}
.videobox {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 99;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
visibility: hidden;
opacity: 0;
color: #fff;
}
.videobox.active {
visibility: visible;
opacity: 1;
}
.videobox.active .bg {
visibility: visible;
opacity: 1;
}
.videobox.active .videoDom video {
transition-delay: .3s;
opacity: 1;
transform: translate3d(0, 0, 0);
}
.videobox.active .videoDom .close {
visibility: visible;
opacity: 1;
}
.videobox .bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
transition: .4s;
visibility: hidden;
opacity: 0;
z-index: -1;
}
.videobox .videoDom {
width: 61.8%;
position: relative;
line-height: 1;
font-size: 0;
}
.videobox .videoDom video {
width: 100%;
transition: .4s;
transform: translate3d(0, 50%, 0);
opacity: 0;
max-width: 100%;
max-height: 100vh;
}
.videobox .videoDom .close {
position: absolute;
left: 100%;
top: 0;
width: .5rem;
height: .5rem;
display: flex;
align-items: center;
justify-content: center;
background: #28A7E1;
color: #fff;
z-index: 3;
cursor: pointer;
visibility: hidden;
opacity: 0;
transition: .4s;
}
.videobox .videoDom .close:after, .videobox .videoDom .close:before {
content: '';
width: .25rem;
height: 1px;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
transition: .4s;
}
.videobox .videoDom .close:after {
transform: translate(-50%, -50%) rotate(45deg);
}
.videobox .videoDom .close:before {
transform: translate(-50%, -50%) rotate(-45deg);
}
.videobox .videoDom .close:hover {
background: #F4A153;
}
.videobox .videoDom .close:hover:after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.videobox .videoDom .close:hover:before {
transform: translate(-50%, -50%) rotate(45deg);
}
.subnavHead {
position: relative;
}
.subnavHead .bannerimg {
overflow: hidden;
}
.subnavHead .bannerimg img {
position: relative;
width: 100%;
display: block;
will-change: transform;
}
.newspaper {
word-break: break-all;
}
.newspaper a {
transition: color .4s;
}
.newspaper a:link {
color: #000;
}
.newspaper a:visited {
color: #000;
}
.newspaper a:active {
color: #28A7E1;
}
.newspaper a:hover {
color: #28A7E1;
}
.newspaper img {
max-width: 100% !important;
height: auto !important;
width: auto;
}
.newspaper * {
color: #000 !important;
}
.newspaper .tablebox {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
overflow: -webkit-scrollbars-none;
}
.newspaper .tablebox::-webkit-scrollbar {
display: none;
}
.newspaper .tablebox table {
width: auto !important;
max-width: 100% !important;
}
@keyframes pageTransTion {
from {
visibility: visible;
opacity: 1;
}
to {
visibility: hidden;
opacity: 0;
}
}
@keyframes pageTransTionFirst {
from {
transform: translateY(0%);
}
to {
transform: translateY(100%);
}
}
@keyframes pageTransTionSecond {
from {
transform: translateY(0%);
}
to {
transform: translateY(150%);
}
}
@keyframes pageTransTionThird {
from {
transform: translateY(0%);
}
to {
transform: translateY(200%);
}
}
.pageTransTionIn {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
animation: pageTransTion .01s 1.2s forwards;
}
.pageTransTionIn .pageTransTionFirst,
.pageTransTionIn .pageTransTionSecond,
.pageTransTionIn .pageTransTionThird {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pageTransTionIn .pageTransTionFirst {
background: #F4A153;
animation: pageTransTionFirst 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.pageTransTionIn .pageTransTionSecond {
background: #28A7E1;
animation: pageTransTionSecond 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.pageTransTionIn .pageTransTionThird {
background: #fff;
animation: pageTransTionThird 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.last3:nth-child(3n+1):nth-last-child(-n+3),
.last3:nth-child(3n+1):nth-last-child(-n+3) ~ li {
margin-bottom: 0;
}
.amap-logo,
.amap-copyright {
display: none !important;
}
.amap-toolbar {
z-index: 2;
display: none !important;
}
.amap-scalecontrol {
display: none !important;
}
.amap-layers:after {
content: '' !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 0;
}
.amap-layers svg {
width: 100% !important;
height: 100% !important;
}
.amap-markers {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.innerdot {
display: none !important;
}
.infobox {
display: none;
}
.amap-info-contentContainer {
width: auto;
height: auto;
max-width: 320px;
padding: 15px 20px;
background: #fff;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.amap-info-contentContainer h5 {
color: #000;
font-size: 18px;
}
.amap-info-contentContainer p {
color: #333;
font-size: 16px;
}
.mapdots {
width: 1.2rem;
height: 1.2rem;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
z-index: 1;
color: #F4A153;
}
.mapdots:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #F4A153;
z-index: -1;
animation: dots 1.5s infinite linear;
}
.mapdots:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #F4A153;
z-index: -1;
animation: dots 1.5s -.75s infinite linear;
}
.mapdots .dot {
width: .22rem;
height: .22rem;
background: #F4A153;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.mapdots .dot img {
width: 25px;
transform: translateY(-50%);
}
@keyframes dots {
from {
opacity: 1;
transform: scale(0.1);
}
to {
opacity: 0;
transform: scale(1);
}
}
.scrollNumItem {
display: flex;
}
.scrollNumItem .scrollNumBox {
position: relative;
overflow: hidden;
}
.scrollNumItem .scrollNumBox .scrollNumUl {
width: 100%;
}
.scrollNumItem .scrollNumBox .scrollNumUl li {
height: 100%;
width: 100%;
}
@keyframes move {
from {
transform: translateY(-90%);
filter: url(#blur);
}
to {
transform: translateY(1%);
filter: url(#blur);
}
}
@keyframes bounce-in-down {
from {
transform: translateY(calc(var(--i) * -10% - 7%));
filter: none;
}
25% {
transform: translateY(calc(var(--i) * -10% + 3%));
}
50% {
transform: translateY(calc(var(--i) * -10% - 1%));
}
70% {
transform: translateY(calc(var(--i) * -10% + .6%));
}
85% {
transform: translateY(calc(var(--i) * -10% - .3%));
}
to {
transform: translateY(calc(var(--i) * -10%));
}
}
@media screen and (max-width: 768px) {
.noscroll {
background-attachment: scroll !important;
}
.videoboxNeed .videoDom {
width: 100%;
}
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Contents:
1. Buttons
2. Share modal and links
3. Index indicator ("1 of X" counter)
4. Caption
5. Loading indicator
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
*/
/*
1. Buttons
*/
/*