* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: relative;


}





/*logo  导航栏 */





/* 简介 */
.intruduce {
  
    overflow-x: hidden;
    margin: 4vw auto 3vw auto;
    display: flex;
    justify-content: space-around;

    position: relative;
}



.intruduce_txt>div {
    width: 58vw;
    margin-left: 4vw;
    display: flex;
    flex-wrap: wrap;
    line-height: 150%;
}

.intruduce_txt>img {
    width: 7vw;
    height: 2vw;
    position: absolute;
    right: -2vw;
    top: 0vw;
}

.intr_1 {
    font-size: 1.8vw;
    font-weight: bold;

}

.intr_2 {
    margin-top: 1vw;
    font-size: 1.8vw;
    color: #707070;
    font-weight: bold;
}

.intr_2 .fade-char {
    opacity: 0.4;
    /* 设置初始透明度为0.4 */
    display: inline-block;

    transition: opacity 1s cubic-bezier(.4, 0, .2, 1), transform 0.5s cubic-bezier(.4, 0, .2, 1);
    will-change: opacity, transform;
}


.intr_img {
    width: 30vw;
    height: 25vw;
    margin-right: 40vw;
}
.intr_img_wep{
    display: none;
}



/* 经历 */
.experience {
    overflow-x: hidden;
    margin: auto;
    margin-top: 1vw;
    display: flex;
    flex-wrap: wrap;
}

.ex_top_img {

    transform: translateX(-100vw);
    opacity: 0;
    transition: transform 0.8s cubic-bezier(.4, 0, .2, 1), opacity 0.8s cubic-bezier(.4, 0, .2, 1);
}

.ex_top_img.in-view {
    width: 93%;
    height: 7vw;

    transform: translateX(0);
    opacity: 1;
    margin: 0 auto;
}

.ex_top_img_wep{
    display: none;
}

.ex_green,
.ex_orange {
    width: 100%;
    height: 13vw;
    display: flex;
    align-items: center;
    position: relative;
    transition: background-color 0.4s cubic-bezier(.4, 0, .2, 1) 0.15s;
}

.ex_green:hover,
.ex_orange:hover {
    transition-delay: 0s;
}

.ex_green>img,
.ex_orange>img,
.ex_green>.ex_hover,
.ex_orange>.ex_hover,
.ex_green>ul,
.ex_orange>ul {
    transition: all 0.4s cubic-bezier(.4, 0, .2, 1) 0.15s;
}

/* ex_left 动画 */
.ex_left {

    position: absolute;
    font-size: 1.5vw;
    font-weight: bold;
    color: #222;
    left: 12vw;

    z-index: 3;
    transition: color 0.4s, transform 0.4s, opacity 0.4s;
}

.ex_green:hover .ex_left,
.ex_orange:hover .ex_left {
    color: #fff;
    opacity: 1;
    transform: translate(-5vw, -4vw);
}

.ex_green:not(:hover) .ex_left,
.ex_orange:not(:hover) .ex_left {
    color: #222;
    opacity: 1;
}


.ex_hover_top {
    position: relative;
    z-index: 4;
}

.ex_green>ul,
.ex_orange>ul {
    left: 60vw;
    position: absolute;
    font-size: 1vw;
    letter-spacing: 0.1vw;

}

.ex_green>ul>li,
.ex_orange>ul>li {

    color: #707070;
    list-style-type: disc;
}

.ex_green>ul>li::marker,
.ex_orange>ul>li::marker {
    color: initial;
    font-size: 0.8vw;
}

.ex_green>img,
.ex_orange>img {
    width: 15vw;
    height: 13vw;
    /* display: none; */
    right: 0;
    position: absolute;
    opacity: 0.5;
    transition: opacity 0.4s;
    z-index: 10;
}

.ex_click,
.ex_click_after {
    display: none;
}

.ex_hover {
    width: 40vw;
    color: white;
    display: none;
    left: 7vw;
    align-items: center;
    flex-wrap: wrap;
}

.ex_hover_top {

    font-size: 5vw;
    font-weight: bold;
}

.ex_hover_bottom {
    margin-top: 5vw;
    font-size: 1vw;
    line-height: 150%;
    letter-spacing: 0vw;
    margin-bottom: 2vw;

}

.ex_green:hover {
    display: flex;
    flex-wrap: wrap;
    background-color: #6FB15B;
}

.ex_orange:hover {
    display: flex;
    flex-wrap: wrap;
    background-color: #F8A032;
}


.ex_green:hover>img,
.ex_green:hover>.ex_hover,
.ex_orange:hover>img,
.ex_orange:hover>.ex_hover {
    display: flex;
}

.ex_green:hover>ul,
.ex_orange:hover>ul {
    color: white;
}

.ex_green:hover>ul>li,
.ex_orange:hover>ul>li {
    color: white;
}



.ex_line {
    width: 80%;
    height: .1vw;
    background-color: #D9D9D9;
    margin-left: 8vw;
}

.ex_green:hover>ul>li::marker,
.ex_orange:hover>ul>li::marker {
    color: white;
}



.ex_green>img,
.ex_orange>img {
    opacity: 0;
    transition: opacity 1s;
}

.ex_green:hover>img,
.ex_orange:hover>img {
    opacity: 1;
}

.ex_hover_top>span {
    display: none;
}







.bottom_txt {
    overflow: hidden;
    margin: 4vw auto;
    
}



.bt_txt_1 {
    width: 20vw;
    font-size: 3vw;
    font-weight: bold;
    margin-left: 4vw;
    line-height: 120%;
}

.bt_txt_2 {
    width: 30vw;
    font-size: 2.5vw;
    color: #707070;
    display: flex;
    flex-wrap: wrap;
    margin-top: 2vw;
    margin-left: 4vw;
}
.consult-bottom-circle1{
    width: 19vw!important;
}