/*
首页模块命名规范：rat-index-模块英文名称，如：rat-index-about
内页页面外层容器命名规范：
1、通用样式：rat-page，内页外层容器通用样式，使用方法<div class="rat-page rat-page-about"></div>
2、页面样式：rat-page-模块英文名称，如：rat-page-about（关于我们页面）
3、内页模块命名规范：rat-模块英文名称，如：rat-product（产品）、rat-honor（荣誉）
其他命名规范：
1、使用swiper、owl.Carousel等插件时，插件外层容器可用模块名称-container,如rat-product-container
2、使用英文名称为样式命名，不要出现拼音和首字母
3、模块最外层容器命名规范：rat-自定义名称
4、样式命名中单词由符号“-”来连接，如：rat-culture,rat-hot-product
备注：上面所说的模块是网站前台页面中的组成模块，如：首页中包含网站头部、产品、新闻、荣誉、案例、网站底部，其中每个部分视为一个模块。
*/
@charset "utf-8";
@font-face {font-family: "AlibabaSansb";font-weight: 500;src: url("../fonts/AlibabaSans-Bold.otf") format("opentype");}
@font-face {font-family: "AlibabaSans";font-weight: 600;src: url("../fonts/AlibabaSans-Regular.otf") format("opentype");}

/* 常用图标共用图 */
@font-face {
  font-family: "iconfont"; /* Project id 4997654 */
  src: url('../fonts/iconfont.woff2?t=1755008228588') format('woff2'),url('../fonts/iconfont.woff?t=1755008228588') format('woff'),url('../fonts/iconfont.ttf?t=1755008228588') format('truetype');
}

.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.icon-2wm01:before {content: "\e624";}
.icon-2wm02:before {content: "\e65d";}
.icon-saomiao01:before {content: "\e62d";}
.icon-saomiao02:before {content: "\e80f";}
.icon-chang01:before {content: "\e654";}
.icon-chang02:before {content: "\e881";}
.icon-chang03:before {content: "\ec19";}
.icon-chang04:before {content: "\e65c";}
.icon-chang05:before {content: "\e8ab";}
.icon-close01:before {content: "\e620";}
.icon-close02:before {content: "\e648";}
.icon-close03:before {content: "\e650";}
.icon-close04:before {content: "\e720";}
.icon-douyin01:before {content: "\e8db";}
.icon-douyin02:before {content: "\e67c";}
.icon-up01:before {content: "\e644";}
.icon-up02:before {content: "\e6a5";}
.icon-down01:before {content: "\e642";}
.icon-down02:before {content: "\e6a4";}
.icon-left01:before {content: "\e639";}
.icon-left02:before {content: "\e9ce";}
.icon-left03:before {content: "\e9d0";}
.icon-left04:before {content: "\e831";}
.icon-right01:before {content: "\e63a";}
.icon-right02:before {content: "\e9cd";}
.icon-right03:before {content: "\e9d1";}
.icon-right04:before {content: "\e830";}
.icon-download01:before {content: "\e694";}
.icon-download02:before {content: "\e633";}
.icon-download03:before {content: "\e637";}
.icon-download04:before {content: "\e60a";}
.icon-download05:before {content: "\e690";}
.icon-email01:before {content: "\e625";}
.icon-email02:before {content: "\e70c";}
.icon-email03:before {content: "\e67a";}
.icon-email04:before {content: "\e617";}
.icon-email05:before {content: "\e908";}
.icon-fax01:before {content: "\e6ac";}
.icon-fax02:before {content: "\e608";}
.icon-fax03:before {content: "\e611";}
.icon-fax04:before {content: "\e627";}
.icon-fenxiang:before {content: "\e614";}
.icon-hezuo01:before {content: "\e641";}
.icon-home01:before {content: "\e656";}
.icon-home02:before {content: "\e65a";}
.icon-home03:before {content: "\e61d";}
.icon-home04:before {content: "\e6dd";}
.icon-honor01:before {content: "\e64a";}
.icon-honor02:before {content: "\e653";}
.icon-honor03:before {content: "\e693";}
.icon-instagram01:before {content: "\e87f";}
.icon-instagram02:before {content: "\e88f";}
.icon-kefu01:before {content: "\e61f";}
.icon-kefu02:before {content: "\e62f";}
.icon-kefu03:before {content: "\e645";}
.icon-kefu04:before {content: "\e616";}
.icon-kefu05:before {content: "\e612";}
.icon-linkedin01:before {content: "\e64e";}
.icon-linkedin02:before {content: "\e6ce";}
.icon-linkedin03:before {content: "\e87d";}
.icon-linkman01:before {content: "\e697";}
.icon-linkman02:before {content: "\e814";}
.icon-linkman03:before {content: "\e61c";}
.icon-linkman04:before {content: "\e8c1";}
.icon-linkman05:before {content: "\e60e";}
.icon-linkman06:before {content: "\e622";}
.icon-linkman07:before {content: "\e618";}
.icon-map01:before {content: "\e62a";}
.icon-map02:before {content: "\e815";}
.icon-map03:before {content: "\e6ea";}
.icon-map04:before {content: "\e62e";}
.icon-map05:before {content: "\e9c0";}
.icon-map06:before {content: "\e607";}
.icon-map07:before {content: "\e636";}
.icon-mobile01:before {content: "\e604";}
.icon-mobile02:before {content: "\e692";}
.icon-mobile03:before {content: "\e61e";}
.icon-nav01:before {content: "\e628";}
.icon-nav02:before {content: "\e63d";}
.icon-nav03:before {content: "\e640";}
.icon-nav04:before {content: "\e64d";}
.icon-nav05:before {content: "\e613";}
.icon-nav06:before {content: "\e63b";}
.icon-nav07:before {content: "\e77d";}
.icon-qiyeweixin01:before {content: "\e638";}
.icon-qiyeweixin02:before {content: "\e64b";}
.icon-qq01:before {content: "\e605";}
.icon-qq02:before {content: "\e609";}
.icon-weixin01:before {content: "\e856";}
.icon-weixin02:before {content: "\e647";}
.icon-weixin03:before {content: "\e651";}
.icon-weixin04:before {content: "\e606";}
.icon-skype01:before {content: "\e679";}
.icon-skype02:before {content: "\e60f";}
.icon-skype03:before {content: "\e87e";}
.icon-skype04:before {content: "\e882";}
.icon-taobao01:before {content: "\e600";}
.icon-taobao02:before {content: "\e87c";}
.icon-taobao03:before {content: "\e88a";}
.icon-wangwang01:before {content: "\e601";}
.icon-wangwang02:before {content: "\e75c";}
.icon-wangwang03:before {content: "\e60d";}
.icon-search01:before {content: "\e623";}
.icon-search02:before {content: "\e626";}
.icon-search03:before {content: "\e629";}
.icon-search04:before {content: "\e658";}
.icon-shezhi01:before {content: "\e663";}
.icon-shezhi02:before {content: "\e89b";}
.icon-shezhi03:before {content: "\e60b";}
.icon-shezhi04:before {content: "\e643";}
.icon-shezhi05:before {content: "\e61b";}
.icon-shuju01:before {content: "\e6c7";}
.icon-shuju02:before {content: "\e711";}
.icon-shuju03:before {content: "\e98a";}
.icon-shuju04:before {content: "\e657";}
.icon-shuju05:before {content: "\e664";}
.icon-shuju06:before {content: "\e610";}
.icon-tel01:before {content: "\e635";}
.icon-tel02:before {content: "\e630";}
.icon-tel03:before {content: "\e649";}
.icon-tel04:before {content: "\e64f";}
.icon-tel05:before {content: "\e6a6";}
.icon-tel06:before {content: "\e60c";}
.icon-tel07:before {content: "\e615";}
.icon-tengxunweibo:before {content: "\e603";}
.icon-top01:before {content: "\e659";}
.icon-top03:before {content: "\e672";}
.icon-top04:before {content: "\e76c";}
.icon-top05:before {content: "\e6f5";}
.icon-top06:before {content: "\e619";}
.icon-top07:before {content: "\e61a";}
.icon-twitter01:before {content: "\e652";}
.icon-twitter02:before {content: "\e646";}
.icon-video01:before {content: "\e665";}
.icon-video02:before {content: "\e708";}
.icon-video03:before {content: "\e65b";}
.icon-video04:before {content: "\e602";}
.icon-video05:before {content: "\e634";}
.icon-website01:before {content: "\e698";}
.icon-website02:before {content: "\e631";}
.icon-website03:before {content: "\e62b";}
.icon-website04:before {content: "\e63e";}
.icon-website05:before {content: "\e62c";}
.icon-weibo02:before {content: "\e64c";}
.icon-weibo03:before {content: "\e883";}
.icon-whatsapp01:before {content: "\e97b";}
.icon-whatsapp02:before {content: "\e86a";}
.icon-xiaochengxu01:before {content: "\e63f";}
.icon-xiaochengxu02:before {content: "\e63c";}
.icon-xiaohongshu01:before {content: "\e632";}
.icon-xiaohongshu02:before {content: "\e655";}
.icon-youtube01:before {content: "\e853";}
.icon-youtube02:before {content: "\e73d";}
.icon-youtube03:before {content: "\e764";}
.icon-youtube04:before {content: "\e880";}
.icon-youtube05:before {content: "\e884";}

/* Bootstrap 个性鼠定制修改版 */

*,*::before,*::after {box-sizing: border-box;}
@media (prefers-reduced-motion: no-preference) {
  :root {scroll-behavior: smooth;}
}
body {margin: 0;font-family: "AlibabaSans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
hr {margin: 1rem 0;color: inherit;border: 0;border-top: 1px solid;opacity: 0.25;}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {margin-top: 0;margin-bottom: 0.5rem;font-weight: 500;line-height: 1.2;}
h1, .h1 {font-size: calc(1.375rem + 1.5vw);}
@media (min-width: 1200px) {
  h1, .h1 {font-size: 2.5rem;}
}
h2, .h2 {font-size: calc(1.325rem + 0.9vw);}
@media (min-width: 1200px) {
  h2, .h2 {  font-size: 2rem;}
}
h3, .h3 {font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {  font-size: 1.75rem;}
}
h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {  font-size: 1.5rem;}
}
h5, .h5 {font-size: 1.25rem;}
h6, .h6 {font-size: 1rem;}
p {margin-top: 0;margin-bottom: 1rem;}
.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm {--bs-gutter-y: 0;width: 100%;padding-right: calc(1.5rem * 0.5);padding-left: calc(1.5rem * 0.5);margin-right: auto;margin-left: auto;}
@media (min-width: 576px) {
  .container-sm, .container {max-width: 540px;}
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {max-width: 720px;}
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {max-width: 960px;}
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1140px;}
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1320px;}
}
@media (min-width: 1600px) {
  .container-xxxl, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1500px;}
}
.row {display: flex;flex-wrap: wrap;margin-top: calc(-1 * 0px);margin-right: calc(-0.5 * 1.5rem);margin-left: calc(-0.5 * 1.5rem);}
.row > * {flex-shrink: 0;width: 100%;max-width: 100%;padding-right: calc(1.5rem * 0.5);padding-left: calc(1.5rem * 0.5);margin-top: 0px;}
.col {flex: 1 0 0%;}
.row-cols-auto > * {flex: 0 0 auto;width: auto;}
.row-cols-1 > * {flex: 0 0 auto;width: 100%;}
.row-cols-2 > * {flex: 0 0 auto;width: 50%;}
.row-cols-3 > * {flex: 0 0 auto;width: 33.3333333333%;}
.row-cols-4 > * {flex: 0 0 auto;width: 25%;}
.row-cols-5 > * {flex: 0 0 auto;width: 20%;}
.row-cols-6 > * {flex: 0 0 auto;width: 16.6666666667%;}
.col-auto {flex: 0 0 auto;width: auto;}
.col-1 {flex: 0 0 auto;width: 8.33333333%;}
.col-2 {flex: 0 0 auto;width: 16.66666667%;}
.col-3 {flex: 0 0 auto;width: 25%;}
.col-4 {flex: 0 0 auto;width: 33.33333333%;}
.col-5 {flex: 0 0 auto;width: 41.66666667%;}
.col-6 {flex: 0 0 auto;width: 50%;}
.col-7 {flex: 0 0 auto;width: 58.33333333%;}
.col-8 {flex: 0 0 auto;width: 66.66666667%;}
.col-9 {flex: 0 0 auto;width: 75%;}
.col-10 {flex: 0 0 auto;width: 83.33333333%;}
.col-11 {flex: 0 0 auto;width: 91.66666667%;}
.col-12 {flex: 0 0 auto;width: 100%;}
@media (min-width: 576px) {
  .col-sm {flex: 1 0 0%;}
  .row-cols-sm-auto > * {flex: 0 0 auto;width: auto;}
  .row-cols-sm-1 > * {flex: 0 0 auto;width: 100%;}
  .row-cols-sm-2 > * {flex: 0 0 auto;width: 50%;}
  .row-cols-sm-3 > * {flex: 0 0 auto;width: 33.3333333333%;}
  .row-cols-sm-4 > * {flex: 0 0 auto;width: 25%;}
  .row-cols-sm-5 > * {flex: 0 0 auto;width: 20%;}
  .row-cols-sm-6 > * {flex: 0 0 auto;width: 16.6666666667%;}
  .col-sm-auto {flex: 0 0 auto;width: auto;}
  .col-sm-1 {flex: 0 0 auto;width: 8.33333333%;}
  .col-sm-2 {flex: 0 0 auto;width: 16.66666667%;}
  .col-sm-3 {flex: 0 0 auto;width: 25%;}
  .col-sm-4 {flex: 0 0 auto;width: 33.33333333%;}
  .col-sm-5 {flex: 0 0 auto;width: 41.66666667%;}
  .col-sm-6 {flex: 0 0 auto;width: 50%;}
  .col-sm-7 {flex: 0 0 auto;width: 58.33333333%;}
  .col-sm-8 {flex: 0 0 auto;width: 66.66666667%;}
  .col-sm-9 {flex: 0 0 auto;width: 75%;}
  .col-sm-10 {flex: 0 0 auto;width: 83.33333333%;}
  .col-sm-11 {flex: 0 0 auto;width: 91.66666667%;}
  .col-sm-12 {flex: 0 0 auto;width: 100%;}
}
@media (min-width: 768px) {
  .col-md {flex: 1 0 0%;}
  .row-cols-md-auto > * {flex: 0 0 auto;width: auto;}
  .row-cols-md-1 > * {flex: 0 0 auto;width: 100%;}
  .row-cols-md-2 > * {flex: 0 0 auto;width: 50%;}
  .row-cols-md-3 > * {flex: 0 0 auto;width: 33.3333333333%;}
  .row-cols-md-4 > * {flex: 0 0 auto;width: 25%;}
  .row-cols-md-5 > * {flex: 0 0 auto;width: 20%;}
  .row-cols-md-6 > * {flex: 0 0 auto;width: 16.6666666667%;}
  .col-md-auto {flex: 0 0 auto;width: auto;}
  .col-md-1 {flex: 0 0 auto;width: 8.33333333%;}
  .col-md-2 {flex: 0 0 auto;width: 16.66666667%;}
  .col-md-3 {flex: 0 0 auto;width: 25%;}
  .col-md-4 {flex: 0 0 auto;width: 33.33333333%;}
  .col-md-5 {flex: 0 0 auto;width: 41.66666667%;}
  .col-md-6 {flex: 0 0 auto;width: 50%;}
  .col-md-7 {flex: 0 0 auto;width: 58.33333333%;}
  .col-md-8 {flex: 0 0 auto;width: 66.66666667%;}
  .col-md-9 {flex: 0 0 auto;width: 75%;}
  .col-md-10 {flex: 0 0 auto;width: 83.33333333%;}
  .col-md-11 {flex: 0 0 auto;width: 91.66666667%;}
  .col-md-12 {flex: 0 0 auto;width: 100%;}
}
@media (min-width: 992px) {
  .col-lg {flex: 1 0 0%;}
  .row-cols-lg-auto > * {flex: 0 0 auto;width: auto;}
  .row-cols-lg-1 > * {flex: 0 0 auto;width: 100%;}
  .row-cols-lg-2 > * {flex: 0 0 auto;width: 50%;}
  .row-cols-lg-3 > * {flex: 0 0 auto;width: 33.3333333333%;}
  .row-cols-lg-4 > * {flex: 0 0 auto;width: 25%;}
  .row-cols-lg-5 > * {flex: 0 0 auto;width: 20%;}
  .row-cols-lg-6 > * {flex: 0 0 auto;width: 16.6666666667%;}
  .col-lg-auto {flex: 0 0 auto;width: auto;}
  .col-lg-1 {flex: 0 0 auto;width: 8.33333333%;}
  .col-lg-2 {flex: 0 0 auto;width: 16.66666667%;}
  .col-lg-3 {flex: 0 0 auto;width: 25%;}
  .col-lg-4 {flex: 0 0 auto;width: 33.33333333%;}
  .col-lg-5 {flex: 0 0 auto;width: 41.66666667%;}
  .col-lg-6 {flex: 0 0 auto;width: 50%;}
  .col-lg-7 {flex: 0 0 auto;width: 58.33333333%;}
  .col-lg-8 {flex: 0 0 auto;width: 66.66666667%;}
  .col-lg-9 {flex: 0 0 auto;width: 75%;}
  .col-lg-10 {flex: 0 0 auto;width: 83.33333333%;}
  .col-lg-11 {flex: 0 0 auto;width: 91.66666667%;}
  .col-lg-12 {flex: 0 0 auto;width: 100%;}
}
@media (min-width: 1200px) {
  .col-xl {flex: 1 0 0%;}
  .row-cols-xl-auto > * {flex: 0 0 auto;width: auto;}
  .row-cols-xl-1 > * {flex: 0 0 auto;width: 100%;}
  .row-cols-xl-2 > * {flex: 0 0 auto;width: 50%;}
  .row-cols-xl-3 > * {flex: 0 0 auto;width: 33.3333333333%;}
  .row-cols-xl-4 > * {flex: 0 0 auto;width: 25%;}
  .row-cols-xl-5 > * {flex: 0 0 auto;width: 20%;}
  .row-cols-xl-6 > * {flex: 0 0 auto;width: 16.6666666667%;}
  .col-xl-auto {flex: 0 0 auto;width: auto;}
  .col-xl-1 {flex: 0 0 auto;width: 8.33333333%;}
  .col-xl-2 {flex: 0 0 auto;width: 16.66666667%;}
  .col-xl-3 {flex: 0 0 auto;width: 25%;}
  .col-xl-4 {flex: 0 0 auto;width: 33.33333333%;}
  .col-xl-5 {flex: 0 0 auto;width: 41.66666667%;}
  .col-xl-6 {flex: 0 0 auto;width: 50%;}
  .col-xl-7 {flex: 0 0 auto;width: 58.33333333%;}
  .col-xl-8 {flex: 0 0 auto;width: 66.66666667%;}
  .col-xl-9 {flex: 0 0 auto;width: 75%;}
  .col-xl-10 {flex: 0 0 auto;width: 83.33333333%;}
  .col-xl-11 {flex: 0 0 auto;width: 91.66666667%;}
  .col-xl-12 {flex: 0 0 auto;width: 100%;}
}
@media (min-width: 1400px) {
  .col-xxl {flex: 1 0 0%;}
  .row-cols-xxl-auto > * {flex: 0 0 auto;width: auto;}
  .row-cols-xxl-1 > * {flex: 0 0 auto;width: 100%;}
  .row-cols-xxl-2 > * {flex: 0 0 auto;width: 50%;}
  .row-cols-xxl-3 > * {flex: 0 0 auto;width: 33.3333333333%;}
  .row-cols-xxl-4 > * {flex: 0 0 auto;width: 25%;}
  .row-cols-xxl-5 > * {flex: 0 0 auto;width: 20%;}
  .row-cols-xxl-6 > * {flex: 0 0 auto;width: 16.6666666667%;}
  .col-xxl-auto {flex: 0 0 auto;width: auto;}
  .col-xxl-1 {flex: 0 0 auto;width: 8.33333333%;}
  .col-xxl-2 {flex: 0 0 auto;width: 16.66666667%;}
  .col-xxl-3 {flex: 0 0 auto;width: 25%;}
  .col-xxl-4 {flex: 0 0 auto;width: 33.33333333%;}
  .col-xxl-5 {flex: 0 0 auto;width: 41.66666667%;}
  .col-xxl-6 {flex: 0 0 auto;width: 50%;}
  .col-xxl-7 {flex: 0 0 auto;width: 58.33333333%;}
  .col-xxl-8 {flex: 0 0 auto;width: 66.66666667%;}
  .col-xxl-9 {flex: 0 0 auto;width: 75%;}
  .col-xxl-10 {flex: 0 0 auto;width: 83.33333333%;}
  .col-xxl-11 {flex: 0 0 auto;width: 91.66666667%;}
  .col-xxl-12 {flex: 0 0 auto;width: 100%;}
}
@media (min-width: 1600px) {
  .col-xxxl {flex: 1 0 0%;}
  .row-cols-xxxl-auto > * {flex: 0 0 auto;width: auto;}
  .row-cols-xxxl-1 > * {flex: 0 0 auto;width: 100%;}
  .row-cols-xxxl-2 > * {flex: 0 0 auto;width: 50%;}
  .row-cols-xxxl-3 > * {flex: 0 0 auto;width: 33.3333333333%;}
  .row-cols-xxxl-4 > * {flex: 0 0 auto;width: 25%;}
  .row-cols-xxxl-5 > * {flex: 0 0 auto;width: 20%;}
  .row-cols-xxxl-6 > * {flex: 0 0 auto;width: 16.6666666667%;}
  .col-xxxl-auto {flex: 0 0 auto;width: auto;}
  .col-xxxl-1 {flex: 0 0 auto;width: 8.33333333%;}
  .col-xxxl-2 {flex: 0 0 auto;width: 16.66666667%;}
  .col-xxxl-3 {flex: 0 0 auto;width: 25%;}
  .col-xxxl-4 {flex: 0 0 auto;width: 33.33333333%;}
  .col-xxxl-5 {flex: 0 0 auto;width: 41.66666667%;}
  .col-xxxl-6 {flex: 0 0 auto;width: 50%;}
  .col-xxxl-7 {flex: 0 0 auto;width: 58.33333333%;}
  .col-xxxl-8 {flex: 0 0 auto;width: 66.66666667%;}
  .col-xxxl-9 {flex: 0 0 auto;width: 75%;}
  .col-xxxl-10 {flex: 0 0 auto;width: 83.33333333%;}
  .col-xxxl-11 {flex: 0 0 auto;width: 91.66666667%;}
  .col-xxxl-12 {flex: 0 0 auto;width: 100%;}
}
.text-start {text-align: left !important;}
.text-end {text-align: right !important;}
.text-center {text-align: center !important;}
.justify-content-start {justify-content: flex-start !important;}
.justify-content-end {justify-content: flex-end !important;}
.justify-content-center {justify-content: center !important;}

.pagination {display: flex;padding-left: 0;list-style: none;}
.page-link {position: relative;display: block;padding: 0.375rem 0.75rem;font-size: 1rem;color: #0d6efd;text-decoration: none;background-color: #fff;border: 1px solid #dee2e6;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
@media (prefers-reduced-motion: reduce) {
  .page-link {transition: none;}
}
.page-link:hover {z-index: 2;color: #9ec5fe;background-color: #2b3035;border-color: #dee2e6;}
.page-link:focus {z-index: 3;color: #0a58ca;background-color: #e9ecef;outline: 0;box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);}
.page-link.active, .active > .page-link {z-index: 3;color: #fff;background-color: #0d6efd;border-color: #0d6efd;}
.page-link.disabled, .disabled > .page-link {color: rgba(33, 37, 41, 0.75);pointer-events: none;background-color: #e9ecef;border-color: #dee2e6;}
.page-item:not(:first-child) .page-link {margin-left: -1px;}
.page-item:first-child .page-link {border-top-left-radius: 0.375rem;border-bottom-left-radius: 0.375rem;}
.page-item:last-child .page-link {border-top-right-radius: 0.375rem;border-bottom-right-radius: 0.375rem;}
.float-start {float: left !important;}
.float-end {float: right !important;}
.float-none {float: none !important;}

@media (min-width: 576px) {
  .float-sm-start {float: left !important;}
  .float-sm-end {float: right !important;}
  .float-sm-none {float: none !important;}
}
@media (min-width: 768px) {
  .float-md-start {float: left !important;}
  .float-md-end {float: right !important;}
  .float-md-none {float: none !important;}
}
@media (min-width: 992px) {
  .float-lg-start {float: left !important;}
  .float-lg-end {float: right !important;}
  .float-lg-none {float: none !important;}
}
@media (min-width: 1200px) {
  .float-xl-start {float: left !important;}
  .float-xl-end {float: right !important;}
  .float-xl-none {float: none !important;}
}
@media (min-width: 1400px) {
  .float-xxl-start {float: left !important;}
  .float-xxl-end {float: right !important;}
  .float-xxl-none {float: none !important;}
}



/* 网站共用开发 */
html{overflow-x: hidden;font-size: 16px;}
html.active{overflow: hidden;}
body {min-width: 320px;color: #1f1f1f;overflow: hidden;font-family:"AlibabaSans", "microsoft yahei", Arial, Verdana, sans-serif;}
*{word-break:normal !important}

li {list-style: none;}
i {font-style: normal;}
a {color: #1f1f1f; text-decoration: none;}
a:focus{text-decoration: none;outline: none;color:#1f1f1f;}
a:hover { color: #1f1f1f;text-decoration: none;outline: none;}
p,h1,h2,h3,h4,h5,h6,ul,li {margin: 0;padding: 0;}
img {border: 0;  max-width: 100%; vertical-align: middle;}
.pc {display: inline-block !important;}
.mobile {display: none !important;}

@media (max-width: 991px) {
  .pc {display: none !important;}
  .mobile {display: inline-flex !important;}
}
/*位置控制*/
.vertical-align {font-size: 0}
.vertical-align:before {display: inline-block;height: 100%;vertical-align: middle;content: ""}
.vertical-align-bottom,.vertical-align-middle {display: inline-block;max-width: 100%;}
.vertical-align-middle {vertical-align: middle}
.vertical-align-bottom {vertical-align: bottom}

/* animates */
@-webkit-keyframes fadeUp {
  from {opacity: 0;-webkit-transform: translate3d(0, 40px, 0);transform: translate3d(0, 40px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeUp {
  from {opacity: 0;-webkit-transform: translate3d(0, 40px, 0);transform: translate3d(0, 40px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeUp {-webkit-animation-name: fadeUp;animation-name: fadeUp;}
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
.fade {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
@-webkit-keyframes fadeDown {
  from {opacity: 0;-webkit-transform: translate3d(0, -40px, 0);transform: translate3d(0, -40px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeDown {
  from {opacity: 0;-webkit-transform: translate3d(0, -40px, 0);transform: translate3d(0, -40px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeDown {-webkit-animation-name: fadeDown;animation-name: fadeDown;}
@-webkit-keyframes fadeLeft {
  from {opacity: 0;-webkit-transform: translate3d(-40px, 0, 0);transform: translate3d(-40px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeLeft {
  from {opacity: 0;-webkit-transform: translate3d(-40px, 0, 0);transform: translate3d(-40px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeLeft {-webkit-animation-name: fadeLeft;animation-name: fadeLeft;}
@-webkit-keyframes fadeRight {
  from {opacity: 0;-webkit-transform: translate3d(40px, 0, 0);transform: translate3d(40px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeRight {
  from {opacity: 0;-webkit-transform: translate3d(40px, 0, 0);transform: translate3d(40px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeRight {-webkit-animation-name: fadeRight;animation-name: fadeRight;}
@-webkit-keyframes zoomIn {
  0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
  50% {opacity: 1;}
}
@keyframes zoomIn {
  0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
  50% {opacity: 1;}
}
.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;}

/* 文字大小 */
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f17{font-size: 17px;}
.f18{font-size: 18px;}
.f20{font-size: 1.0416vw;}
.f22{font-size: 1.145833vw;}
.f24{font-size: 1.25vw;}
.f26{font-size: 1.35416vw;}
.f28{font-size: 1.4583vw;}
.f30{font-size: 1.5625vw;}
.f32{font-size: 1.666vw;}
.f36{font-size: 1.875vw;}
.f38{font-size: 1.979vw;}
.f40{font-size: 2.08vw;}
.f42{font-size: 2.1875vw;}
.f44{font-size: 2.2916vw;}
.f46{font-size: 2.396vw;}
.f48{font-size: 2.5vw;}
.f50{font-size: 2.6vw;}
.f54{font-size: 2.8125vw;}
.f56{font-size: 2.917vw;}
.f60{font-size: 3.125vw;}
.f66{font-size: 3.438vw;}
.f70{font-size: 3.64583vw;}
.f72{font-size: 3.75vw;}
.f76{font-size: 3.958vw;}
.f80{font-size: 4.16vw;}
.f90{font-size: 4.6875vw;}

@media (max-width: 1600px) {
  .f14{font-size: 13px;}
  .f15{font-size: 14px;}
  .f16{font-size: 15px;}
  .f17{font-size: 16px;}
  .f18{font-size: 17px;}
  .f20{font-size: 1.2vw;}
  .f22{font-size: 1.3vw;}
  .f24{font-size: 1.4vw;}
  .f26{font-size: 1.5vw;}
  .f28{font-size: 1.6vw;}
  .f30{font-size: 1.7vw;}
  .f32{font-size: 1.8vw;}
  .f36{font-size: 1.9vw;}
  .f38{font-size: 2vw;}
  .f40{font-size: 2.1vw;}
  .f42{font-size: 2.15vw;}
  .f44{font-size: 2.2vw;}
  .f46{font-size: 2.25vw;}

  html{font-size: 15px;}
}
@media (max-width: 1460px) {
  .f14{font-size: 12px;}
  .f15{font-size: 13px;}
  .f16{font-size: 14px;}
  .f17{font-size: 15px;}
  .f18{font-size: 16px;}
  .f20{font-size: 1.3vw;}
  .f22{font-size: 1.4vw;}
  .f24{font-size: 1.5vw;}
  .f26{font-size: 1.6vw;}
  .f28{font-size: 1.7vw;}
  .f30{font-size: 1.8vw;}
  .f32{font-size: 1.9vw;}
  .f36{font-size: 2vw;}
  .f38{font-size: 2.1vw;}

  html{font-size: 14px;}
  
}
@media (max-width: 1200px) {
  .f15{font-size: 12.5px;}
  .f16{font-size: 13px;}
  .f17{font-size: 14px;}
  .f18{font-size: 15px;}
  .f20{font-size: 1.55vw;}
  .f22{font-size: 1.65vw;}
  .f24{font-size: 1.7vw;}
  .f26{font-size: 1.75vw;}
  .f28{font-size: 1.8vw;}
  .f30{font-size: 1.85vw;}

  html{font-size: 13px;}

}
@media (max-width: 992px) {
  .f15{font-size: 12.2px;}
  .f16{font-size: 12.5px;}
  .f17{font-size: 13px;}
  .f18{font-size: 14px;}
  .f20{font-size: 16px;}
  .f22{font-size: 17px;}
  .f24{font-size: 17.5px;}
  .f26{font-size: 18px;}
  .f28{font-size: 19px;}
  .f30{font-size: 20px;}
  .f32{font-size: 21px;}
  .f36{font-size: 22px;}
  .f38{font-size: 22.5px;}
  .f40{font-size: 23px;}
  .f42{font-size: 23.5px;}
  .f44{font-size: 24px;}
  .f46{font-size: 24.2px;}
  .f48{font-size: 24.5px;}
  .f50{font-size: 25px;}
  .f54{font-size: 25.2px;}
  .f56{font-size: 25.3px;}
  .f60{font-size: 25.5px;}
  .f66{font-size: 25.8px;}
  .f70{font-size: 26px;}
  .f72{font-size: 26.2px;}
  .f76{font-size: 26.4px;}
  .f80{font-size: 26.8px;}
  .f90{font-size: 28px;}

  html{font-size: 12px;}
}
