@charset "UTF-8";
@import url("../font/bahnschrift/bahnschrift.css");
html { color: #666666; }

:root { scroll-behavior: unset; }

ul { padding-left: 0; margin-bottom: 0; }
ul li { list-style: none; }
ul li::marker { display: none; }

p { margin: 0; }

.img-cover-4by3 { height: 0; width: 100%; padding-bottom: 75%; overflow: hidden; position: relative; }

.img-cover-3by2 { height: 0; width: 100%; padding-bottom: 66.667%; overflow: hidden; position: relative; }

.img-cover img { max-width: 100%; max-height: 100%; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; }

.abs-center { margin: auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute; }

.over-line-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.over-line-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.text-justify { text-align: justify !important; text-align-last: justify; }

.object-fit-cover { -o-object-fit: cover; object-fit: cover; }

.object-fit-contain { -o-object-fit: contain; object-fit: contain; }

.object-fit-scaleDown { -o-object-fit: scale-down; object-fit: scale-down; }

a:focus { outline: none; }

.ratio-2x3 { --bs-aspect-ratio: calc(2 / 3 * 100%); --mdb-aspect-ratio: calc(2 / 3 * 100%); }

.ratio-3x2 { --bs-aspect-ratio: calc(3 / 2 * 100%); --mdb-aspect-ratio: calc(3 / 2 * 100%); }

.ratio-3x4 { --bs-aspect-ratio: calc(4 / 3 * 100%); --mdb-aspect-ratio: calc(4 / 3 * 100%); }

.ratio-8x3 { --mdb-aspect-ratio: calc(3 / 8 * 100%); --bs-aspect-ratio: calc(3 / 8 * 100%); }

.ratio-4x6 { --bs-aspect-ratio: calc(6 / 4 * 100%); --mdb-aspect-ratio: calc(6 / 4 * 100%); }

.vertical-txt { writing-mode: vertical-lr; }

.nopic { background-color: #f8f8f8; color: #bcbcbc; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.nopic p:nth-child(1) { font-size: 130%; }

@font-face { font-family: "BEBAS"; src: url("../font/BEBAS/BEBAS.eot");
  /* IE9*/
src: url("../font/BEBAS/BEBAS.eot?#iefix") format("embedded-opentype"), url("../font/BEBAS/BEBAS.woff2") format("woff2"), url("../font/BEBAS/BEBAS.woff") format("woff"), url("../font/BEBAS/BEBAS.ttf") format("truetype"), url("../font/BEBAS/BEBAS.svg#basic") format("svg");
  /* iOS 4.1- */
font-weight: normal; font-style: normal; }
/*滚动条样式*/
@media screen and (-webkit-min-device-pixel-ratio: 0) { ::-webkit-scrollbar { width: 5px; height: 8px; }
  ::-webkit-scrollbar-track:enabled { background-color: #999999; }
  ::-webkit-scrollbar-thumb:vertical { background-color: var(--theme-color); border-radius: 30px; }
  ::-webkit-scrollbar-thumb:horizontal { background-color: var(--theme-color); border-radius: 30px; } }
.m-scroll::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 3px; }

.m-scroll::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; box-shadow: inset 0 0 2.5px rgba(0, 0, 0, 0.1); background: var(--theme-red); }

.m-scroll::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow: inset 0 0 2.5px rgba(0, 0, 0, 0.1); border-radius: 5px; background: #ededed; }

a { color: #333333; text-decoration: none; }
a:hover { text-decoration: none; color: var(--theme-color); }
a:focus { outline: none !important; }

/*animate*/
@-webkit-keyframes bgEnter { 0% { -webkit-transform: translateY(0) skewY(8deg); transform: translateY(0) skewY(8deg); }
  to { -webkit-transform: translateY(100%) skewY(8deg); transform: translateY(100%) skewY(8deg); } }
@keyframes bgEnter { 0% { -webkit-transform: translateY(0) skewY(8deg); transform: translateY(0) skewY(8deg); }
  to { -webkit-transform: translateY(100%) skewY(8deg); transform: translateY(100%) skewY(8deg); } }
@-webkit-keyframes bgEnterZoomOut { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  to { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes bgEnterZoomOut { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  to { -webkit-transform: scale(1); transform: scale(1); } }
/* img enter */
.img-enter { background-color: #202020; overflow: hidden; }
.img-enter:before { content: ''; position: absolute; top: 0; left: -5%; width: 110%; height: 150%; background: #202020; -webkit-transform: translateY(-17%) skewY(8deg); -ms-transform: translateY(-17%) skewY(8deg); transform: translateY(-17%) skewY(8deg); z-index: 1; }
.img-enter .bg-full { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.animated.was-filtered .img-enter:before { content: none; }
.animated.was-filtered .bg-full { -webkit-animation: none !important; animation: none !important; }
.animated .img-enter:before { -webkit-animation: bgEnter 1.2s forwards .3s; animation: bgEnter 1.2s forwards .3s; }
.animated .img-enter .bg-full { -webkit-animation: bgEnterZoomOut 1.7s forwards .3s; animation: bgEnterZoomOut 1.7s forwards .3s; }

.bg-white .img-enter { background-color: #fff; }
.bg-white .img-enter:before { background: #fff; }
.bg-white .img-enter.reverse { background-color: #202020; }
.bg-white .img-enter.reverse:before { background: #fff; }

.animated .img-enter.delay2 .bg-full, .animated .img-enter.delay2:before { -webkit-animation-delay: .6s; animation-delay: .6s; }

.animated .img-enter.delay3 .bg-full, .animated .img-enter.delay3:before { -webkit-animation-delay: .8s; animation-delay: .8s; }

.animated .img-enter.delay4 .bg-full, .animated .img-enter.delay4:before { -webkit-animation-delay: 1s; animation-delay: 1s; }

.animated .img-enter.delay5 .bg-full, .animated .img-enter.delay5:before { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

.animated .img-enter.delay6 .bg-full, .animated .img-enter.delay6:before { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }

.de-page-mian .page-inner { padding: 1.5rem 0; display: flex; align-items: center; justify-content: center; }
.de-page-mian .page-inner a { position: relative; display: block; padding: .5rem .75rem; line-height: 1.25; color: #666; background-color: #e2e2e2; margin: 2px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.de-page-mian .page-inner a:hover, .de-page-mian .page-inner a.active { background-color: var(--theme-color); color: #fff; }
.de-page-mian .page-inner a.prev::after { content: '<'; font-family: "宋体",SimSun; color: CurrentColor; font-weight: bold; }
.de-page-mian .page-inner a.next::after { content: '>'; font-family: "宋体",SimSun; color: CurrentColor; font-weight: bold; }
.de-page-mian .page-inner span, .de-page-mian .page-inner input, .de-page-mian .page-inner a.page-btn { display: none; }

.jw-controlbar { width: 100%; }

.popup-box { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; display: none; }
.popup-box::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.85); }
.popup-box .popup-wrapper { width: 73%; height: 100%; margin: 0 auto; position: relative; z-index: 2; }
@media (max-width: 575.98px) { .popup-box .popup-wrapper { width: 100%; } }
.popup-box .popup-wrapper .popup-container { position: relative; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.popup-box .popup-close { position: absolute; width: 50px; height: 50px; border-radius: 50%; top: 5%; right: 5%; border: 1px solid var(--theme-color); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; z-index: 8; }
.popup-box .popup-close::before, .popup-box .popup-close::after { content: ''; display: block; position: absolute; margin: auto; height: 1px; width: 45%; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--theme-color); -webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; }
.popup-box .popup-close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.popup-box .popup-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.popup-box .popup-close:hover::before, .popup-box .popup-close:hover::after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.w-prev, .w-next { -webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; width: 46px; height: 46px; position: absolute; margin: auto; top: 0; bottom: 0; z-index: 2; }
.w-prev::before, .w-next::before { content: ''; display: block; width: 100%; height: 100%; background-color: var(--theme-color); opacity: .5; border-radius: 50%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.w-prev svg, .w-next svg { position: absolute; width: 45%; height: 45%; margin: auto; top: 0; bottom: 0; right: 0; left: 0; }
.w-prev svg path, .w-next svg path { fill: #ffffff; }
.w-prev:hover::before, .w-next:hover::before { opacity: 1; }

.w-prev { left: 1rem; /*-webkit-transform: translateX(-200%);
-moz-transform: translateX(-200%);
-ms-transform: translateX(-200%);
-o-transform: translateX(-200%);
transform: translateX(-200%);*/ }

.w-next { right: 1rem; /*-webkit-transform: translateX(200%);
-moz-transform: translateX(200%);
-ms-transform: translateX(200%);
-o-transform: translateX(200%);
transform: translateX(200%);*/ }

/*内置视频播放iframe*/
#videoiFrame { width: 100%; height: 100%; }

.wrapper-table { width: 100%; overflow-x: scroll; }

.online_kefu { position: fixed; bottom: 20vh; right: 2%; z-index: 9; }

.online_kefu ul li { border-radius: 3px; list-style-type: none; width: 40px; height: 40px; text-align: center; margin: 5px 0; position: relative; background-color: #007bd6; color: #fff; cursor: pointer; transition: background-color .2s linear 0s; perspective: 1000; transform-style: preserve-3d; }

.online_kefu li i { font-size: 1.5rem; }

.online_kefu ul li a { color: #fff; }

.online_kefu ul li .con { position: relative; line-height: 40px; }

.online_kefu ul li .hover_con { border-radius: 3px; position: absolute; left: -200px; left: -100px; width: 120px; color: #ffffff; text-align: center; background-color: #007bd6; height: 40px; line-height: 40px; bottom: 0; transform: rotateX(-90deg); transition: all .2s linear 0s; }

.online_kefu ul li .hover_con img { width: 100px; }

.online_kefu ul li.qrcode .hover_con { height: 137px; padding: 10px; width: 130px; left: -141px; }

.online_kefu ul li.qrcode .hover_con p { color: #fff; line-height: 24px; }

.online_kefu li:hover { background-color: #007bd6; }

.online_kefu li:hover .hover_con { left: -130px; transform: rotateY(0deg); }

.online_kefu li .hover_con:before { width: 0px; height: 0px; border: 8px solid transparent; border-left: 8px solid #007bd6; display: block; content: ''; position: absolute; top: 12px; right: -16px; transition: top 0.2s linear; transition-delay: .1s; }

.online_kefu li.qrcode:hover .hover_con { bottom: -60px; }

.online_kefu li.qrcode:hover .hover_con:before { top: 48px; }

.mobile_mob { display: none !important; }

@media (max-width: 767px) { .mobile_mob { display: inline-block !important; }
  .mobile_pc { display: none !important; } }