@charset "utf-8";
@import url(../fonts/iconfont.css);

:root{--color:#244ca1;--color1:#0766eb;--fontcolor:#333333;--headercolor:#fff;--bgcolor:linear-gradient(-90deg, var(--color1, var(--color)), var(--color));--fontsize12:12px;--fontsize13:13px;--fontsize14:14px;--fontsize15:15px;--fontsize16:16px;--fontsize17:17px;--fontsize18:18px;--fontsize20:20px;--fontsize22:22px;--fontsize24:24px;--fontsize26:26px;--fontsize28:28px;--fontsize30:30px;--fontsize32:32px;--fontsize34:34px;--fontsize36:36px;--fontsize38:38px;--fontsize40:40px;--hometitlefont:46px;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--fontbold8:800;--fontbold9:900;--borderradius:5px;--fontfamily:"Montserrat",sans-serif}
@media (max-width:1440px){:root{--hometitlefont:40px}
}
@media (max-width:1024px){:root{--hometitlefont:32px}
}
@media (max-width:768px){:root{--hometitlefont:26px}
}
@media (min-width:1025px){::-webkit-scrollbar{width:10px;height:4px}
::-webkit-scrollbar-track{background:#fff;border-radius:0}
::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px;transition:all .1s linear}
::-webkit-scrollbar-thumb:hover{background:#bdbbbb}
}
img.lazy{display:inline-block;opacity:0}
img.lazy,img.tst{transition:opacity .6s,transform .3s ease}
img.loaded{opacity:1}
img:not([src]){visibility:hidden;position:absolute}
.lazy-load{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);border:2px solid #000;border-top-color:rgba(0,0,0,.2);border-right-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-radius:100%;animation:circle infinite 1s linear}
@keyframes circle{0%{transform:translate(-50%,-50%) rotate(0)}
100%{transform:translate(-50%,-50%) rotate(360deg)}
}
.lazy-wrap{display:block;position:relative;overflow:hidden}
.lazy-wrap::after{content:"";display:block;padding-bottom:50%}
.lazy-wrap.lazy-loaded .lazy-load{-webkit-animation:none;animation:none;display:none}
.lazy-wrap.lazy-loaded::after{padding-bottom:0}
img{vertical-align:bottom;max-width:100%;height:auto}
a{text-decoration:none;color:inherit;transition:all .1s linear}
iframe,video{max-width:100%;outline:0;border:none;vertical-align:bottom;height:auto}
@media (max-width:768px){iframe,video{width:100%;min-height:240px}
}
*{padding:0;margin:0;box-sizing:border-box}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXw.woff) format('woff');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aXw.woff) format('woff');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aXw.woff) format('woff');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aXw.woff) format('woff');
}


html{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;background:#e5e5e5;overflow-x:hidden;overflow-y:scroll}
body{font-family:var(--fontfamily);max-width:2560px;margin:0 auto;font-size:var(--fontsize16);line-height:1.6;background:#fff;color:var(--fontcolor);}
.logo img{height: 50px}

.foot-share ul {
    margin-top: 2em;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    gap: 15px
}

.foot-share ul li {
    margin-bottom: 10px
}

.foot-share ul li a {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #333333;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

.foot-share ul li a.fb {
    background: #3b5998
}

.foot-share ul li a.tw {
    background: #55acee
}

.foot-share ul li a.lk {
    background: #007ab6
}

.foot-share ul li a.you {
    background: red
}

.foot-share ul li a.tik {
    background: #111
}

.foot-share ul li a:hover {
    background: #FFFFFF;
    color: var(--color)
}


.fontsize{font-size:var(--fontsize16); }