@charset "utf-8";
/* CSS Document */
html{ font-size: 100px; width: 100%; overflow-x: hidden;}
body { font:14px "microsoft Yahei","Arial",sans-serif; color: #333; line-height: 1.4; word-wrap:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust: none;}
body,form,input,p,ol,ul,li,h1,h2,h3,h4,h5,h6,table,th,td,dl,dt,dd,figure{padding:0;margin:0;}
p+p{    margin-top: 1vw;}
img{border:0; vertical-align: middle;}
ul,li{list-style:none;}
dl,dt,dd{display: block;}
a{text-decoration:none; transition: 0.4s; -webkit-transition: 0.4s; outline: none;}
input,textarea{ box-sizing: border-box; outline:none;  border: 0; background:none; font:14px "microsoft Yahei","Arial",sans-serif; width: 100%; }
input[type="button"], input[type="submit"], input[type="text"] {-webkit-appearance: none; outline: none; }
h2{font-weight:400;}
i{ font-style:normal;}
b{ font-weight:normal;}
video{object-fit: cover;}

/*文本框placeholder=""文字颜色*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #333; opacity: 1}
input:-moz-placeholder, textarea:-moz-placeholder {color: #333; opacity: 1}
input::-moz-placeholder, textarea::-moz-placeholder {color: #333; opacity: 1}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #333; opacity: 1}


/* clear 页头，页脚，内容区都不用再加清除样式 */
.cf:before, body:before, .header:before, .main:before, .footer:before, .wrap:before { content: ''; display: table }
.cf:after, after, .header:after, .main:after, .footer:after, .wrap:after { content: ''; display: table; clear: both }
.cf, .header, .main, .footer, .wrap { *zoom: 1 }
.clear{ width: 100%; height: 0; overflow: hidden; clear: both;}
.inner{ margin: auto; width: 1440px;}

/* 字体 */
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.woff2?t=1704545299212') format('woff2'),
       url('../fonts/iconfont.woff?t=1704545299212') format('woff'),
       url('../fonts/iconfont.ttf?t=1704545299212') format('truetype');
}

@font-face {
  font-family: 'BaiJamjuree';
  src: url('../fonts/BaiJamjuree.ttf');
}

.slidetop{
  opacity: 0;
  visibility: hidden;
  transform: translateY(60px);
  transition: 1.2s cubic-bezier(0.26, 1, 0.48, 1);
}
.fadeAnime{
  opacity: 0;
  visibility: hidden;
  transition: 1s;
}

.fadeAnime.articleShow{
  opacity: 1;
  visibility: visible;
}

.slidetop.articleShow{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.slidetop.articleShow.detay1{
  transition-delay: 0.25s;
}
.slidetop.articleShow.detay2{
  transition-delay: 0.5s;
}

.slideList >li,.slideList >div{
  opacity: 0;
  visibility: hidden;
  transform: translateY(80px);
  transition: 1s cubic-bezier(0.26, 1, 0.48, 1);
} 

.slideList.articleShow >li,.slideList.articleShow >div{
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  transition-delay: 0.15s;
}
.slideList.articleShow >li:nth-child(2),.slideList.articleShow >div:nth-child(2){
  transition-delay: 0.35s;
}
.slideList.articleShow >li:nth-child(3),.slideList.articleShow >div:nth-child(3){
  transition-delay: 0.55s;
}
.slideList.articleShow >li:nth-child(4),.slideList.articleShow >div:nth-child(4){
  transition-delay: 0.75s;
}
.slideList.articleShow >li:nth-child(5),.slideList.articleShow >div:nth-child(5){
  transition-delay: 0.95s;
}
.slideList.articleShow >li:nth-child(6),.slideList.articleShow >div:nth-child(6){
  transition-delay:1.15s;
}
.slideList.articleShow >li:nth-child(7),.slideList.articleShow >div:nth-child(7){
  transition-delay: 1.35s;
}
.slideList.articleShow >li:nth-child(8),.slideList.articleShow >div:nth-child(8){
  transition-delay: 1.55s;
}

.pathClie{
  opacity: 0;
  clip-path: inset(100% 0 0 0);
  transition: opacity 1s ease-out,clip-path 1s cubic-bezier(0.26, 1, 0.48, 1);
}
.pathClie1{
  clip-path: inset(0 0 0 100%);
  transition: opacity 1.5s ease-out,clip-path 1.5s cubic-bezier(0.26, 1, 0.48, 1);
}

.pathClie.articleShow,.pathClie1.articleShow{
  opacity: 1;
  clip-path: inset(0 0 0 0);
}

.scaleAnimate{ opacity: 0; transform: scale(0.8); transition: 0.8s 0.2s;}
.scaleAnimate.detey1{ transition-delay: 0.4s;}
.articleShow.scaleAnimate{ opacity: 1; transform: translate(0) scale(1) !important;}