* {
    margin: 0;
    padding: 0;
}
html , body {
    width: 100%;
    height: 100%;
    min-height: 192vw;
    /* overflow: hidden;
    position: relative; */
}
.sy-box {
    width: 100%;
    height: 100%;
    background: url('../img/shouye.jpg') no-repeat top center;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    padding-top: 30px;
    box-sizing: border-box;
}
.logo {
    width: 40.933vw;
    height: 6.667vw;
    margin-left: 8vw;
}
.dbt {
    width: 75.067vw;
    height: 33.733vw;
    margin: 16vw auto;
    opacity: 0;
}
.dy {
    width: 84.4vw;
    height: 59.733vw;
    margin: 0 auto;
    opacity: 0;
}
.goBtn {
    width: 27.733vw;
    height: 10.667vw;
    margin: 8vw auto;
    opacity: 0;
    transition: all 0.3s ease;
    animation: breathe 1.5s ease-in-out infinite;  
}
@keyframes breathe {  
    0%, 100% {  
      transform: scale(1); /* 原始大小 */  
    }  
    50% {  
      transform: scale(1.1); /* 稍微增大 */  
    }  
}
.fl-box {
    width: 100%;
    height: 100%;
    background: url('../img/fenlei.jpg') no-repeat top center;
    background-size: 100% 100%;
    padding-top: 26.667vw;
    box-sizing: border-box;
    position: relative;
    display: none;
}
.xbt {
    width: 45.067vw;
    height: 7.333vw;
    display: block;
    margin: 0 auto ;
}
.flBox {
    width: 100%;
    height: auto;
    padding: 0 5.333vw;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 13.333vw;
}
.flBox img {
    width: 27.733vw;
    height: 33.2vw;
    margin-bottom: 13.333vw;
}
.tc1 {
    width: 94.133vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -47.067vw;
    margin-top: -96vw;
    display: none;
}
.tc-img {
    width: 94.133vw;
}
.close1 {
    width: 7.867vw;
    height: 7.867vw;
    position: absolute;
    right: 5px;
    top: 5px;
}
.shouzhi {
    width: 9.867vw;
    height: 14.8vw;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease;
    animation: breathe2 1.5s ease-in-out infinite; 
}
@keyframes breathe2 {  
    0%, 100% {  
      transform: scale(1); /* 原始大小 */  
    }  
    50% {  
      transform: scale(1.1); /* 稍微增大 */  
    }  
}
.tc2 {
    width: 80vw;
    height: auto;
    padding: 13.333vw 5.333vw 8vw;
    box-sizing: border-box;
    position: absolute;
    top: 40vw;
    left: 50%;
    margin-left: -40vw;
    background: rgba(1 ,17, 68 , 0.9);
    display: none;
}
.text {
    width: 100%;
    color: #fff;
    line-height: 1.8;
    font-size: 15px;
    text-align: justify;
}
.name {
    color: #d4e170;
    font-size: 16px;
    width: 100%;
    text-align: right;
    margin-top: 4vw;
}