.agent-video{display: flex;margin-bottom: 70px;}
.agent-video-left{flex: 1;}
.agent-video-left img{display: block;width: 100%;}
.agent-video-right{width: 54%;background: #52C033;display: flex;flex-direction: column;justify-content: center;padding: 0 45px 0 118px;position: relative;}
.agent-video-title{margin-bottom: 40px;}
.agent-video-title h4{font-weight: bold;font-size: 24px;color: #FFFFFF;text-transform: uppercase;line-height: 1;}
.agent-video-text{margin-bottom: 45px;}
.agent-video-text p{font-weight: 400;font-size: 16px;color: #FFFFFF;}
.agent-video-btn{display: flex;}
.agent-video-btn a{padding: 17px;background: #fff;line-height: 1;display: flex;justify-content: center;align-items: center;}
.agent-video-btn a img{margin-left: 10px;}
.agent-video-play{width: 62px;height: 62px;background: #FFFFFF;border-radius: 50%;display: flex;justify-content: center;align-items: center;border: 7px solid #52C033;position: absolute;left: -31px;top: 50%;transform: translateY(-50%);cursor: pointer;}
.work-title{margin-bottom: 20px;}
.work-title h5,.joining-title h5{font-weight: bold;font-size: 24px;color: #52C033;line-height: 1;}
.work-list-box{display: flex;align-items: center;}
.work-list-box span,.work-list-left span{margin-right: 7px;font-family: Arial;font-weight: 400;font-size: 16px;color: #FFFFFF;width: 41px;height: 41px;background: #52C033;border-radius: 50%;display: flex;justify-content: center;align-items: center;border: 7px solid #CBECC1;}
.work-list-box p,.work-list-left p{font-size: 16px;color: #585858;line-height: 1.75;}
.work-list-ul ul{padding-left: 47px;position: relative;}
.work-list-ul ul li{list-style-type: none;font-size: 16px;color: #585858;line-height: 1.75;}
.work-list-left{display: flex;align-items: center;}
.work-list-ul{padding: 10px 0;}
.work-list-ul ul::after{position: absolute;content: '';height: 100%;width: 1px;background: #52C033;top: 0;left: 20px;}
.work-list-span{height: 20px;width: 2px;background: #52C033;margin: 5px 0;margin-left: 20px;}
.agent-joining{margin-top: 70px;}
.joining-title ul li{list-style-type: none;padding-left: 25px;font-weight: 400;font-size: 16px;color: #585858;line-height: 30px;position: relative;}
.joining-title ul{padding-left: 18px;margin-top: 20px;}
.joining-title ul li::after{position: absolute;content: '';width: 5px;height: 5px;background: #52C033;left: 0;top: 50%;transform: translateY(-50%);}
.contact-all{display: flex;justify-content: space-between;}
.contact-boxs{width: 32%;display: flex;align-items: center;padding: 60px 40px;overflow: hidden;position: relative;}
.contact-boxs:nth-of-type(2){background: #52C033;}
.contact-boxs:nth-of-type(1),.contact-boxs:nth-of-type(3){border-bottom: 4px solid #52C033;}
.contact-text-tit p:nth-of-type(1){font-size: 20px;color: #52C033;line-height: 1;margin-bottom: 15px;text-transform: uppercase;font-weight: 600;}
.contact-text-tit p:nth-of-type(2){font-weight: 400;font-size: 16px;color: #585858;}
.contact-img{padding-right: 35px;flex: 1;}
.contact-text-tit{margin-bottom: 25px;}
.contact-tel,.contact-texts{width: 73%;}
.contact-tel-box{width: 48%;}
.contact-tel-box:nth-child(-n + 2){margin-bottom: 25px;}
.contact-tel{display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact-tel-box p:nth-of-type(1){font-weight: bold;font-size: 20px;color: #FFFFFF;line-height: 1;text-transform: uppercase;margin-bottom: 20px;}
.contact-tel-box p:nth-of-type(2){font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 1;}
.agent-contact{margin-top: 67px;}
.contact-span{position: absolute;top: 0;right: -50%;transform: rotateZ(45deg);}
.contact-span span{background: #97D985;width: 7px;height: 1000px;display: block;position: absolute;}
.contact-span span:nth-of-type(2){left: 10px;}
.contact-span span:nth-of-type(3){left: 20px;}
@media (max-width:1200px) {
    .agent-video-right{padding: 0 45px;}
    .agent-video-title {margin-bottom: 15px;}
    .agent-video-text {margin-bottom: 20px;}
    .agent-video-btn a {padding: 15px;}
    .contact-boxs{width: 33%;padding: 25px 15px;}
    .contact-tel-box p:nth-of-type(2){font-size: 14px;}
    .contact-tel-box p:nth-of-type(1){font-size: 18px;margin-bottom: 10px;}
    .contact-text-tit p:nth-of-type(1){font-size: 18px;margin-bottom: 8px;}
}
@media (max-width:1024px) {
    .agent-video{margin-bottom: 35px;}
    .agent-joining{margin-top: 35px;}
    .work-title h5, .joining-title h5{font-size: 22px;}
}
@media (max-width:768px) {
    .agent-video{flex-direction: column;}
    .agent-video-right {padding: 25px;width: 100%;}
    .agent-video-play{display: none;}
    .work-list-box p, .work-list-left p{width: 90%;}
    .contact-all{flex-direction: column;}
    .contact-boxs{width: 100%;}
    .agent-video-title h4{font-size: 20px;}
}
@media (max-width:450px) {
    .agent-video-title h4{font-size: 18px;}
    .agent-video-text p{font-size: 14px;}
    .agent-video-right{padding: 15px;}
    .agent-video-btn a {padding: 9px;}
    .joining-title ul {padding-left: 0;margin-top: 10px;}
    .agent-contact {margin-top: 15px;}
    .contact-tel, .contact-texts{width: 80%;}
}