.bot-con {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #000000;
}

.web-bot {
    max-width: 1620px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    padding-top:80px;
    padding-bottom: 120px;
}
.web-bot h3{color:#fff;font-size: 22px;margin-bottom: 41px;font-family: myFontBold;}
.web-bot .line1 {
    display: flex;
    width:50%;
    flex-direction: column;
    align-items: flex-start;
}
.web-bot .line1 .box{display: flex;flex-direction: column;align-items: flex-start;}
.web-bot .line1 .box .icon-line{display: flex;flex-direction: row;align-items: center;margin-bottom: 30px;}
.web-bot .line1 .box .icon-line .icon{width: 180px;height: 50px;display: flex;align-items: center;justify-content: center;
    border-radius: 25px;cursor: pointer;margin-right:20px;background-color: #1B1D22;}
.web-bot .line1 .box .icon-line img{display: inline-block;width:106px;height:31px;}
.web-bot .line1 .box .icon-line span{font-size: 14px;color:#9b9b9b;}

.web-bot .line2 {
    display: flex;
    width:607px;
    flex-direction: column;
    align-items: flex-start;
}
.web-bot .line2 .box{display: flex;flex-direction: column;align-items: flex-start;width:100%;}
.web-bot .line2 .box .email-div{display: flex;flex-direction: row;align-items: center;width:100%;
    justify-content: space-between;padding:35px 0px;border-bottom: 1px solid #23252E;}
.web-bot .line2 .box .email-div-h5{display: none;}
.web-bot .line2 .box .email-div .email-icon{display: inline-block;width:29px;height: 28px;
    background: url("../images/email_icon.png") no-repeat;
    background-size: 100% 100%;}
.web-bot .line2 .box .email-div .e-line{display: flex;flex-direction: column;}
.web-bot .line2 .box .email-div .e-line span{font-size: 14px;color:#9b9b9b;line-height: 21px;}
.web-bot .line2 .box .email-div .e-line span.em{color:#fff;}
.web-bot .line2 .icon-ul {
    display: flex;
    flex-direction: row;
    margin-top:26px;
}
.web-bot .line2 .icon-ul .icon {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-right: 30px;
    cursor: pointer;
}
.web-bot .line2 .icon-ul .icon.icon1 {
    background: url("../images/bot_icon1.png") no-repeat;
    background-size: 100% 100%;
}
.web-bot .line2 .icon-ul .icon.icon1:hover {
    background: url("../images/bot_icon1_act.png") no-repeat;
    background-size: 100% 100%;
}
.web-bot .line2 .icon-ul .icon.icon2 {
    background: url("../images/bot_icon2.png") no-repeat;
    background-size: 100% 100%;
}
.web-bot .line2 .icon-ul .icon.icon2:hover {
    background: url("../images/bot_icon2_act.png") no-repeat;
    background-size: 100% 100%;
}
.web-bot .line2 .icon-ul .icon.icon3 {
    background: url("../images/bot_icon3.png") no-repeat;
    background-size: 100% 100%;
}
.web-bot .line2 .icon-ul .icon.icon3:hover {
    background: url("../images/bot_icon3_act.png") no-repeat;
    background-size: 100% 100%;
}
.web-bot .line2 .icon-ul .icon.icon4 {
    background: url("../images/bot_icon4.png") no-repeat;
    background-size: 100% 100%;
}
.web-bot .line2 .icon-ul .icon.icon4:hover {
    background: url("../images/bot_icon4_act.png") no-repeat;
    background-size: 100% 100%;
}
.web-bot .line2 .icon-ul .icon.icon5 {
    background: url("../images/bot_icon5.png") no-repeat;
    background-size: 100% 100%;
}
.web-bot .line2 .icon-ul .icon.icon5:hover {
    background: url("../images/bot_icon5_act.png") no-repeat;
    background-size: 100% 100%;
}
.web-bot .line2 .icon-ul .icon.icon6 {
    background: url("../images/bot_icon6.png") no-repeat;
    background-size: 100% 100%;
}
.web-bot .line2 .icon-ul .icon.icon6:hover {
    background: url("../images/bot_icon6_act.png") no-repeat;
    background-size: 100% 100%;
}
.web-bot .line2 .icon-ul .icon.icon7 {
    background: url("../images/bot_icon7.png") no-repeat;
    background-size: 100% 100%;
}
.web-bot .line2 .icon-ul .icon.icon7:hover {
    background: url("../images/bot_icon7_act.png") no-repeat;
    background-size: 100% 100%;
}
@media (max-width: 1540px) {
    .web-bot {
        max-width: 1200px;
    }
}

@media (max-width: 750px) {
    .bot-con {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
        padding: 0.4rem 0rem;
    }

    .web-bot {
        max-width: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        height: 100%;
        padding: 0rem 0.3rem;
        box-sizing: border-box;
    }
    .web-bot h3{font-size: .26rem;margin-bottom: .65rem;}
    .web-bot .line1 {
        display: flex;
        flex-direction: column;
        width:100%;
    }
    .web-bot .line1 .box{}
    .web-bot .line1 .box .icon-line{margin-bottom: .3rem;}
    .web-bot .line1 .box .icon-line .icon{width: 2.74rem;height: .76rem;margin-right:.3rem;}
    .web-bot .line1 .box .icon-line img{width:1.59rem;height:.44rem;}
    .web-bot .line1 .box .icon-line span{font-size: 12px;}

    .web-bot .line2 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 0.4rem;
    }
    .web-bot .line2 .box{}
    .web-bot .line2 .box .email-div{display: flex;flex-direction: row;align-items: center;width:100%;
        justify-content: flex-start;padding:.2rem 0px;border-bottom:none;}
    .web-bot .line2 .box .email-div-h5{display: flex;padding-left:.66rem;}
    .web-bot .line2 .box .email-div .email-icon{display: inline-block;width:.38rem;height: .37rem;
        margin-right:.3rem;}
    .web-bot .line2 .box .email-div .e-line{display: flex;flex-direction: column;margin-right:.8rem;}
    .web-bot .line2 .box .email-div .e-line-h5{display: none;}
    .web-bot .line2 .box .email-div .e-line span{font-size: .22rem;color:#9b9b9b;line-height: 21px;}
    .web-bot .line2 .box .email-div .e-line span.em{color:#fff;}

    .web-bot .line2 .icon-ul {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin-top: 0.4rem;
    }
    .web-bot .line2 .icon-ul .icon {
        display: inline-block;
        width: 0.45rem;
        height: 0.45rem;
        margin-left: 0rem;
    }
}