body {
    width: 100vw;
    height: auto;
    position: relative;
}
.bg {
    width: 100%;
    margin-top: -0.267vw;
}
.bg:first-child {
    margin-top: 0;
}
.logo {
    width: 39.2vw;
    position: absolute;
    top: 8vw;
    left: 4vw;
}
.dahe-logo {
    width: 15.2vw;
    position: absolute;
    top: 8vw;
    left: 46vw;
}
.title {
    width: 77.2vw;
    position: absolute;
    top: 16vw;
    left: 11.4vw;
    opacity: 0;
    animation: animation 2s forwards;
}
@keyframes animation {  
    from { 
        opacity: 0;  
    }  
    to { 
        opacity: 1; 
    }  
}
.yuan {
    animation: animation 2s forwards;
}
@keyframes animation {  
    from { 
        opacity: 0;  
    }  
    to { 
        opacity: 1; 
    }  
}
.qy {
    width: 96vw;
    height: 40vw;
    background: url('../img/qy.png?v=1') no-repeat center top;
    background-size: 100% auto;
    position: absolute;
    top: 126vw;
    right: 0;
}
.line {
    width: 89.467vw;
    position: absolute;
    background: url('../img/line.png') no-repeat center top;
    background-size: 100% auto;
    top: 276vw;
    left: 5.25vw;
}
.kxj-person {
    width: 100vw;
    width: 62.667vw;
    position: absolute;
    top: 414vw;
    left: 13vw;
}
.glds {
    width: 31.067vw;
    position: absolute;
    top: 453vw;
    left: 18.7vw;
}
.sz-btn {
    position: absolute;
}
.sz1 {
    width: 77.867vw;
    top: 257vw;
    left: 12.25vw;
}
.yuan1 {
    position: absolute;
    width: 22.667vw;
    top: 298vw;
    left: 25.25vw;
    opacity: 0;
}
.sz2 {
    width: 65.6vw;
    top: 335vw;
    right: 5.25vw;
}
.yuan2 {
    position: absolute;
    width: 22.667vw;
    top: 352vw;
    left: 35.25vw;
    opacity: 0;
}
.sz3 {
    width: 70vw;
    top: 384vw;
    left: 5vw;
}
.yuan3 {
    position: absolute;
    width: 22.667vw;
    top: 455vw;
    left: 52.25vw;
    opacity: 0;
}
.sz4 {
    width: 70vw;
    top: 486vw;
    right: 5vw;
}
.yuan4 {
    position: absolute;
    width: 22.667vw;
    top: 522vw;
    right: 2vw;
    opacity: 0;
}
.sz5 {
    width: 68.933vw;
    top: 542vw;
    left: 5vw;
}
.yuan5 {
    position: absolute;
    width: 22.667vw;
    top: 588vw;
    left: 10vw;
    opacity: 0;
}
.da {
    position: absolute;
    width: 55.333vw;
    top: 589vw;
    right: 10vw;
}
.sz6 {
    width: 53.6vw;
    top: 572vw;
    left: 28vw;
}
.yuan6 {
    position: absolute;
    width: 22.667vw;
    top: 666vw;
    left: 52vw;
    opacity: 0;
}
.sz7 {
    width: 62.4vw;
    top: 648vw;
    left: 28vw;
}
.yuan7 {
    position: absolute;
    width: 22.667vw;
    top: 709vw;
    left: 3vw;
    opacity: 0;
}
.sz8 {
    width: 53.333vw;
    top: 692vw;
    left: 20vw;
}
.yuan8 {
    position: absolute;
    width: 22.667vw;
    top: 777vw;
    right: 13vw;
    opacity: 0;
}
.yang {
    position: absolute;
    width: 52.8vw;
    top: 770vw;
    left: 5vw;
}
.sz9 {
    width: 53.733vw;
    top: 752vw;
    left: 20vw;
}
.sz10 {
    width: 49.867vw;
    top: 833vw;
    left: 23vw;
}
.dilog {
    width: 92vw;
    height: 173.333vw;
    background: url('../img/dilog-bg.png') no-repeat center top;
    background-size: cover;
    margin: 0 auto;
    position: fixed;
    top: 0;
    left: 4vw;
    display: none;
    padding: 53.333vw 1.333vw 0 1.333vw;
}
.d-title {
    width: 100%;
    height: 7.2vw;
    border-bottom: 0.533vw solid #B62223;
    color: #0801A0;
    font-size: 4vw;
    font-weight: bold;
    text-align: center;
}
.d-content {
    width: 100%;
    height: 108vw;
    padding: 0 1.333vw;
    box-sizing: border-box;
    margin-top: 2.667vw;
    overflow: auto;
}
.d-content p {
    font-size: 4vw;
    color: #767676;
    line-height: 1.8;
    text-indent: 2em;
    text-align: justify;
}
.close-btn {
    position: absolute;
    left: 4vw;
    top: 40vw;
    width: 6.133vw;
}