body{
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
}
.main-box{
    padding: 10px 2vw;
    width: 80vw;
    box-sizing: border-box;
}
.title{
    text-align: center;
    font-size: 2.6vw;
}
.con-box{
    border-radius: 40px;
}
.yellow{
    background-color: #ffdb98;
}
.blue{
    background-color: #abc7e7;
}
.orange{
    background-color: #f6b89e;
}
.gray{
    background-color: #d0d0d0;
}
.green{
    background-color: #b2d3a4;
}
.syqx-ul{
    display: flex;
    justify-content: space-evenly;
    font-size: 1.6vw;
    font-weight: lighter;
}
.img-box{
    display: flex;
    justify-content: space-evenly;
    padding-bottom: 20px;
}
.img-item{
    overflow: hidden;
    border-radius: 20px;
    width: 30vw;
    height: auto;
}
.img-item img{
    width: 100%;
    height: 100%;
}
.sybx{
    display: flex;
    justify-content: center;
}
.sybx-box{
    display: flex;
    flex-direction: column;
    font-size: 1.6vw;
    font-weight: lighter;
    box-sizing: border-box;
    padding: 0 2vw;
    padding-bottom: 20px;

}
.sybx-box ul{
    padding: 0 0 0 2vw;
}
.sybx-img-item{
    overflow: hidden;
    border-radius: 20px;
    width: auto;
    flex: 1;
}
.sybx-img-item img{
    width: 100%;
    height: 100%;
}
.lhxg{
    display: flex;
    justify-content: center;
}
.lhxg-box{
    display: flex;
    flex-direction: column;
    font-size: 1.6vw;
    font-weight: lighter;
    box-sizing: border-box;
    padding: 0 2vw;
    padding-bottom: 20px;
    width: 40%;
}
.lhxg-img-item{
    overflow: hidden;
    /* border-radius: 20px; */
    width: auto;
    flex: 1;
    box-shadow: 0 0 15px #4d4d4d;
}
.lhxg-left-img{
    display: flex;
    justify-content: space-evenly;
}
.lhxg-left-1{
    flex: 2;
    margin-right: 10px;
}
.lhxg-left-2{
    flex: 1;
}
.lhxg-img-item img{
    width: 100%;
    height: 100%;
}

.lhxgbx{
    display: flex;
    justify-content: center;
}
.lhxgbx-box{
    display: flex;
    flex-direction: column;
    font-size: 1.6vw;
    font-weight: lighter;
    box-sizing: border-box;
    padding: 0 2vw;
    padding-bottom: 20px;
    width: 80vw;
}

/* 交易能力 */
.jynl-ul{
    display: flex;
    justify-content: space-evenly;
    font-size: 1.6vw;
    font-weight: lighter;
    padding: 0;
}
.jynl-img-box{
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}
.jynl-img-item{
    overflow: hidden;
    /* border-radius: 20px; */
    width: 20vw;
    height: auto;
    margin: 0 10px;
    box-sizing: border-box;
    box-shadow: 0 0 15px #4d4d4d;
}
.jynl-img-item img{
    width: 100%;
    height: 100%;
}
.jynl-middle{
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
}

/* 能力表现 */
.nlbx{
    display: flex;
    justify-content: center;
}
.nlbx-box{
    display: flex;
    flex-direction: column;
    font-size: 1.6vw;
    font-weight: lighter;
    box-sizing: border-box;
    padding: 0 2vw;
    padding-bottom: 20px;
    width: 40%;
}
.nlbx-img-item{
    overflow: hidden;
    /* border-radius: 20px; */
    width: 20vw;
    align-self: center;
    flex: 1;
    /* box-shadow: 0 0 15px #4d4d4d; */
}
.nlbx-left-img{
    display: flex;
    justify-content: space-evenly;
}
.nlbx-left-1{
    flex: 2;
    margin-right: 10px;
}
.nlbx-left-2{
    flex: 1;
}
.nlbx-img-item img{
    width: 100%;
    height: 100%;
}
.nlbx-middle{
    border: 1px solid #ff6f32;
}
.znhbx{
    font-size: 1.8vw;
}

.lhcl-ul{
    width: 30vw;
    font-size: 1.6vw;
    font-weight: lighter;
}
.lhcl-box{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 4vw 0;
}
.lhcl-img-item{
    overflow: hidden;
    border-radius: 20px;
    width: 40vw;
    height: auto;
    -webkit-box-reflect: below -10px linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0) 80%, rgba(255,255,255,0.9) 100%);
}

.lhcl-img-item img{
    width: 100%;
    height: 100%;

}
.mirror-hidden{
    overflow: hidden;
}