@charset "UTF-8";
/* 常用初始化 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* 1. MiSans 常规字体 */
@font-face {
  font-family: "MiSans";
  src: url("../fonts/MiSans-Normal.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

/* 2. Bronova 常规字体 */
@font-face {
  font-family: "Bronova";
  src: url("../fonts/Bronova-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

/* 3. Nexa 粗体字体 */
@font-face {
  font-family: "Nexa";
  src: url("../fonts/Nexa-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

html,
body {
    width: 100%;
}
html,body{scroll-behavior: smooth;}
body {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    font-family: "MiSans", sans-serif;
}

a {
    text-decoration: none;
    color: inherit;
}

ul,
ol {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
    display: block;
}

table {
    border-collapse: collapse;
}

input,
button,
textarea,
select {
    font: inherit;
}

button {
    cursor: pointer;
}
.container{
    max-width:1400px;
    margin:auto;
    padding:0 20px;
    width: 100%;
}
@media (min-width:2560px){
    .container{
        max-width: none !important;
        width: 67% !important;
    }
    .img-reveal {
    aspect-ratio: 806 / 620;
    }
    .certificate-introduction{max-width: 40% !important;}
}
@media screen and (max-width:1200px){
    .container{width: 100%;}
}
.link-line{
    position:relative;
    display:inline-block;
    transition:.3s;
}
.link-line::after,.link-line-white::after{
    content:'';
    position:absolute;
    left:50%;
    bottom:0px;
    width:0;
    height:2px;
    background:#0071BC;
    transform:translateX(-50%);
    transition:width .35s ease;
	z-index: 9;
}
.link-line-white{
    position: relative;
}
.link-line-white::after{
      background:#fff; 
      bottom:25%;   
}
.link-line:hover::after,.link-line-white:hover::after{
    width:100%;
}
.link-line-white:hover{
    color: #fff;
}
.link-line:hover{
    color:#0071BC;
}
.text{
font-size: 14px;
    /* color: #525252; */
    line-height: 2;
    margin-bottom: 20px;
    font-weight: 300;
    letter-spacing: 1px;
        font-size: clamp(14px, .8vw, 28px);    
}

/*动画*/
.fade-up{
    opacity:0;
    transform:translateY(60px);
    transition:.8s ease;
}

.fade-up.show{
    opacity:1;
    transform:translateY(0);
}

/* Fade Down */
.fade-down{
    opacity:0;
    transform:translateY(-60px);
    transition:.8s ease;
}

.fade-down.show{
    opacity:1;
    transform:translateY(0);
}

/* Fade Left */
.fade-left{
    opacity:0;
    transform:translateX(-100px);
    transition:.8s ease;
}

.fade-left.show{
    opacity:1;
    transform:translateX(0);
}

/* Fade Right */
.fade-right{
    opacity:0;
    transform:translateX(100px);
    transition:.8s ease;
}

.fade-right.show{
    opacity:1;
    transform:translateX(0);
}

/* Zoom In */
.zoom-in{
    opacity:0;
    transform:scale(.7);
    transition:.8s ease;
}

.zoom-in.show{
    opacity:1;
    transform:scale(1);
}

/* Zoom Out */
.zoom-out{
    opacity:0;
    transform:scale(1.2);
    transition:1.2s ease;
}

.zoom-out.show{
    opacity:1;
    transform:scale(1);
}

/* Text Reveal */
.reveal{
    overflow:hidden;
}

.reveal span{
    display:block;
    transform:translateY(100%);
    transition:.8s ease;
}

.reveal.show span{
    transform:translateY(0);
}

/* Image Reveal */
.img-reveal{
    overflow:hidden;
}

.img-reveal img{
    transform:scale(1.3);
    transition:1.2s ease;
}

.img-reveal.show img{
    transform:scale(1);
}

/* Stagger */
.stagger-wrap{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    justify-content:center;
}

.stagger{
    width:180px;
    height:120px;
    background:#111;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;

    opacity:0;
    transform:translateY(40px);
    transition:.8s ease;
}

.stagger.show{
    opacity:1;
    transform:translateY(0);
}

.stagger:nth-child(1){transition-delay:.1s;}
.stagger:nth-child(2){transition-delay:.2s;}
.stagger:nth-child(3){transition-delay:.3s;}
.stagger:nth-child(4){transition-delay:.4s;}
.stagger:nth-child(5){transition-delay:.5s;}
.stagger:nth-child(6){transition-delay:.6s;}
.t-center{text-align: center;}