
/* 绝对定位居中 */
.jddwjz {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
/* 滚动条样式 */
.slideScroll {scrollbar-width:thin;scrollbar-color:#ccc #eee; overflow-y: auto;}
.slideScroll::-webkit-scrollbar {/*滚动条整体*/width: 4px;}
.slideScroll::-webkit-scrollbar-thumb {/*控制滑块*/ border-radius: 5px;background: rgba(0, 0, 0, 0.2);}
.slideScroll::-webkit-scrollbar-track {/*控制轨道*/border-radius: 5px; border-radius: 0; background: rgba(0,0,0,0.2);}
/* Firefox 浏览器
scrollbar-width
scrollbar-color */

/* 去除input自动填充背景色 */
input:-webkit-autofill { box-shadow:0 0 0 1000px none inset !important;}
input:-internal-autofill-previewed, input:-internal-autofill-selected {-webkit-text-fill-color: #333 !important; transition: background-color 5000s ease-in-out 0s !important;}
/* 图标变黑色 */
.icon-black {filter: brightness(0); -webkit-filter:brightness(0);}
/* 图标变白色 */
.icon-white {filter: brightness(100); -webkit-filter:brightness(100);}
/* 图标变灰色 */
.icon-gray {filter: grayscale(100%); -webkit-filter:grayscale(100%);}
/* 去掉sipwer按钮黑边框 */
.swiper-button-prev:focus ,.swiper-button-next:focus {outline: none; border: none; -webkit-tap-highlight-color: transparent;}
/* 内容区域宽度 */
.win1920 {max-width: 1920px; margin: auto;}
.container{width:1430px; margin:0 auto;max-width: 99%;}


/*字体引入*/
@font-face {
  font-family: "Noto Sans SC";
}
@font-face {
  font-family: "HYk1gj";
  src: url("../fonts/hyk1gj.ttf");
}

@font-face {
  font-family: "DINBold";
  src: url("../font/DIN\ Bold.otf");
}


/* 字体预定义大小 */
.font14 {font-size: 14px; }
.font16 {font-size: 16px;}
.font18 { font-size: 18px;}
.font20 {font-size: 20px;}
.font21 {font-size: 21px;}
.font24 {font-size: 24px;}
.font30 {font-size: 30px;}
.font34 {font-size: 0.34rem;}
.font36 {font-size: 0.36rem;}
.font42 {font-size: 0.42rem;}
.font48 {font-size: 0.48rem;}
.font60 {font-size: 0.6rem;}
.font80 {font-size: 0.8rem;}
:root {
  /* 字体大小 */
  --font14:14px;
  --font15:15px;
  --font16:16px;
  --font17:17px;
  --font18:18px;
  --font19:19px;
  --font20:20px;
  --font21:21px;
  --font22:22px;
  --font23:23px;
  --font24:24px;
  --font25:25px;
  --font26:26px;
  --font28:28px;
  --font29:29px;
  --font30:30px;
  --font32:0.32rem;
  --font33:0.33rem;
  --font34:0.34rem;
  --font36:0.36rem;
  --font38:0.38rem;
  --font40:0.40rem;
  --font42:0.42rem;
  --font46:0.46rem;
  --font48:0.48rem;
  --font60:0.6rem;
  --font80:0.8rem;
}
/* CSS Document end！！！*/

/* 响应式 */
html {font-size: calc(100vw/19.2); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body {FONT: 16px/1.4 "Microsoft YaHei","PingFang SC", Arial, Helvetica, sans-serif , 'SimSun', 'SimHei'; min-height: 100%;color: #333; background: #fff;}
@media (min-width: 1901px) {html {font-size: 100px;}}
@media (max-width: 1580px) {html {font-size: 66px;}body {font-size: 14px;}}
/* @media (max-width: 767px) {body {font-size: 0.28rem;}html {font-size: calc(100vw/12);}}
@media (max-width: 640px) {html {font-size: calc(100vw/10.5);}}
@media (max-width: 500px) {html {font-size: calc(100vw/7.5);}} */
@media (max-width: 1580px) {
   .container{max-width: 84%;}
   :root {
    --font14:12px;
    --font15:13px;
    --font16:14px;
    --font17:15px;
    --font18:16px;
    --font19:17px;
    --font20:18px;
    --font21:19px;
    --font22:20px;
    --font23:21px;
    --font24:20px;
    --font25:22px;
    --font26:22px;
    --font28:23px;
    --font29:23px;
    --font30:24px;
    --font32:0.38rem;
    --font33:0.38rem;
    --font40:0.42rem;
  }
}
/* @media (max-width: 1199px) {
  :root {
     --font30:.30rem;
     --font32:.30rem;
     --font34:.36rem;
     --font36:.38rem;
     --font46:.4rem;
     --font48:.4rem;
  }
}

@media (max-width: 991px) {
  :root {
     --font24:18px;
     --font25:19px;
     --font26:20px;
  }
} */

/* @media (max-width: 767px) {
   .container{max-width: 90%;}
   .font14 {font-size: 0.26rem;}
   .font16 {font-size: 0.28rem;}
   .font18 {font-size: 0.3rem;}
   .font20 {font-size: 0.32rem;}
   .font22 {font-size: 0.34rem;}
   .font24 {font-size: 0.36rem;}
   .font30 {font-size: 0.38rem;}
   .font36 {font-size: 0.42rem;}
   .font60 {font-size: 0.5rem;}
   :root {
    --font14:0.26rem;
    --font15:0.27rem;
    --font16:0.28rem;
    --font17:0.28rem;
    --font18:0.29rem;
    --font19:0.3rem;
    --font20:0.3rem;
    --font22:0.31rem;
    --font21:0.31rem;
    --font23:0.31rem;
    --font24:0.32rem;
    --font25:0.33rem;
    --font26:0.34rem;
    --font27:0.35rem;
    --font28:0.36rem;
    --font29:0.36rem;
    --font30:0.4rem;
    --font32:0.42rem;
    --font33:0.4rem;
    --font34:0.4rem;
    --font36:0.42rem;
    --font38:0.42rem;
    --font40:0.42rem;
    --font46:0.42rem;
    --font48:0.42rem;
    --font80:0.58rem;
  }
} */
