* {
    padding: 0;
    margin: 0;
}

h1 {
    margin: 0;
}

.animate__animated {
    opacity: 0;
}

li {
    list-style: none;
}

.search img,
.userIMG img {
    width: 22%;
}

.above {
    position: relative;
    top: 0;
    left: 0;
    height: 54vh;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.aboveText {
    width: 100%;
    margin: 0 auto;
}

.aboveText>div {
    font-size: 2.6vw;
    font-weight: 700;
    color: white;
}

.chineseTitle {
    color: #02e5f9 !important;
}

.introduction>div {
    font-size: 0.7vw;
    font-weight: 500;
}

.introduction {
    width: 50%;
    margin: 0 auto;
}

header {
    width: 100%;
    z-index: 999;
    position: absolute;
    top: 0;
    left: 0;
    height: 8vh;
    background-color: rgba(244, 244, 244, 0);
    font-size: 0.9vw;
    border-bottom: 1px solid white;
}

header div {
    color: white;
    line-height: 8vh;
}

header .logo {
    width: 100%;
    height: 100%;
    font-size: 1.2vw;
}

a:hover {
    text-decoration: none;
}

.nav {
    display: inline;
    padding: 5px 10px;
    color: #fff;
    cursor: pointer;
}

.nav2 {
    color: #0056b3;
    background-color: #fff;
    border-radius: 20px;
}

.nav:hover {
    color: #0056b3;
    background-color: #fff;
    border-radius: 15px;

}

.broadside {
    height: 54vh;
    width: 5.4vw;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0.8vw;
    color: white;
    background-color: rgba(3, 50, 183, 0.5);
}

.broadside div {
    text-align: center;
}

.search,
.englishVersion {
    width: 100%;
    height: 8vh;
    line-height: 8vh;
}

.userIMG,
.englishVersion {
    margin-top: 3vh;
}

.broadside-fotter {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    left: 0;
}

.broadside-fotter-cha {
    padding: 0.4vw 0;
    margin: 1.4vh 1.4vw;
    background-color: white;
    color: #000000;
    border-radius: 5px;
    font-size: 0.6vw;
}

section {
    height: 46vh;
    width: 100%;
    background-color: white;
    overflow: hidden;
}

h1 {
    font-size: 2vw;
    font-weight: 700;
    color: #000000;
    text-align: center;
    margin-top: 4vh;
}

h1 img {
    height: 3.5vh;
}

.serviceIntroduction {
    margin-top: 10vh;
    font-size: 0.7vw;
    text-align: center;
    width: 45vw;
    margin: 3vh auto;
    color: #858685;
    font-weight: 700;
}

.serviceClassification {
    margin: 0 auto;
    width: 74vw;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    flex-wrap: wrap;
}

.serviceClassification .module {
    width: 24vw;
    height: 15vh;
}

.serviceClassification .module {
    display: flex;
}

.module-title {
    display: flex;
    flex-direction: column;
}

.module-title-l {
    margin: 12.5vh 15%;
}

.module-title-r {
    margin: 12.5vh 30% 12.5vh 0;
    text-align: right;
}

.module-title-c {
    align-items: center;
    margin: 12.5vh 0;
}

.serviceClassification .module .left {
    width: 5.5vw;
}

.serviceClassification .module .left .left_icon {
    width: 10vh;
    height: 10vh;
    border-radius: 50%;
    border: 1px dashed #858685;
    margin: 2.5vh auto;
}

.serviceClassification .module .right .title {
    font-size: 1vw;
    color: #907fbd;
}

.serviceClassification .module .right {
    font-size: 0.7vw;
    color: #bdbdbd;
    margin-top: 4.5vh;
width:18vw;
margin-left:1vw;
}

article {
    height: 110vh;
    width: 100%;
    background-image: url(../images/currency/44.png);
}

article>.title {
    font-size: 2vw;
    font-weight: 700;
    color: white;
    text-align: center;
    height: 30vh;
    line-height: 30vh;
}

.advantage {
    margin: 0 auto;
    width: 74vw;
    display: flex;
    flex-wrap: wrap;
}

article .advantage .module {
    width: 22vw;
    height: 35vh;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 1.3vw;
    font-weight: 700;
    color: white;
}

article>div>img {
    height: 8vh;
}

article .advantage .module-long {
    width: 30vw;
    height: 35vh;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 1.3vw;
    font-weight: 700;
    color: white;
}

article .advantage .module-long {
    width: 30vw;
    height: 35vh;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 1.3vw;
    font-weight: 700;
    color: white;
}

.consult {
 
    width: 100%;
    overflow: hidden;
    background-color: #f5f5f5;
    padding-bottom: 8vh;
}

.consult>.content {
    display: flex;
    justify-content: space-between;
    width: 74vw;
    margin: 0 auto;
    margin-top: 8vh;
    font-size: 0.9vw;
    /* font-weight: 700; */
    color: #666666;
}

.consult>.content .title {
    color: #907fbd;
}

.consult>.content .news {
    width: 40vw;
}

.consult>.content .news ul {
    margin-top: 2vh;
}

.consult>.content .news ul>li {
    border-bottom: 1px solid #dedede;
    height: 7vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.consult>.content .news ul>li .times {
    color: #bbb;
}

.consult .line {
    border-bottom: 0.2vh solid #666666;
    margin-top: 1vh;
}

.consult .icon img {
    width: 0.8vh;
    height: 0.8vh;
    margin-top: -0.5vh;
    margin-right: 1vh;
}

.consult>.content .video {
    width: 27vw;
}

.consult>.content .video .content {
    height: 35vh;
    margin-top: 2vh;
    background-image: url(../images/currency/31.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.consult>.content .video .content img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.code {
    width: 3vw;
    height: 3vw;
    margin-top: 6vh;
    margin-left: 1.2vw;
    background-image: url(../images/currency/42.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.left_icon {
    position: relative;
}

.left_icon img {
    height: 3vh;
    width: 3vh;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1.5vh 0 0 -1.5vh;

}



header .navbox>div,
.entry>div {
    padding: 0;
}

.carousel-inner .line{
    border-bottom: 0.6vh solid white;
    margin: 0 auto;
    margin-top: 4vh;
    width: 4vw;
  }

        li .name {
            width: 60%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        li a {
            color: #666666;
        }