@font-face {
    font-family: 'title';
    src: url('../2026tiaozhuanfonts/title.woff2') format('woff2'),
    url('../2026tiaozhuanfonts/title.woff') format('woff'),
    url('../2026tiaozhuanfonts/title.ttf') format('truetype');
}

body,html{margin:0;padding:0;}
img{display: block;max-width: 100%;}
.container{background-image:url(../2026tiaozhuanimages/bg.png);background-size:cover;background-position:center;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;border-top: 5px solid #a61c31;min-height: 100vh;box-sizing: border-box;}

.logo{width: 397px;margin-top: 50px;position: relative;}
.logo a{position: absolute;top: 0;bottom: 0;display: block;}
.logo a.logo1{left:0;width:100%}
.logo a.logo2{right:0;width: 30%;}

.title{text-align: center;width: 100%;font-size: 60px;font-family: 'title';color: #fff;text-shadow: 0px 5px 5px rgba(0, 44, 110, 0.5);margin: 58px 0 140px;}

.links{display:flex;justify-content:center;gap: 73px;}
.links a{display: block;width: 428px;}
.links a img{transition:transform .3s ease;max-width: 100%;}
.links a:hover img{transform:scale(1.05)}


@media screen and (max-width:996px){
    .logo{width: 300px;margin-top: 30px;}
    .title{font-size: 40px;margin: 50px 0 100px;}
    .links{gap:40px}
    .links a{width: 300px;}
}

@media screen and (max-width:767px){
    .logo{width: 250px;margin-top: 20px;}
    .title{font-size: 30px;margin: 30px 0 50px;}
    .links{gap:20px;flex-wrap: wrap;justify-content: center;}
    .links a{width: 250px;}
}