.agentContainer{
    width: 100%;box-sizing: border-box;
}
.banner{
    width: 100%;box-sizing: border-box;height: 585px;position: relative;
}
.banner .bannerBox{
    width: 100%;height: 525px;box-sizing: border-box;padding-top: 182px;
    background-repeat: no-repeat;background-size: 100% auto;background-position: center bottom;
    background-image: url("./img/banner.png");background-color: #F0F4F5;
}
@media (max-width: 1919px){
    .banner .bannerBox{
        background-size: auto 100%;
    }
}
.banner .bannerTitle1{
    width: max-content;margin: 0 auto;font-size: 60px;color: #FFFFFF;line-height: 76px;font-weight: bold;text-align: center;
    position: relative;padding: 0 19px;box-sizing: border-box;
}
.banner .bannerTitle1>.star_left_top_x{
    position: absolute;left: 0;top: 3px;display: block;width: 28px;height: 1px;background-color: #ffffff;
}
.banner .bannerTitle1>.star_left_top_y{
    position: absolute;left: 8px;top: 0;display: block;width: 1px;height: 23px;background-color: #ffffff;
}
.banner .bannerTitle1>.star_right_top_x{
    position: absolute;right: 0;top: 4px;display: block;width: 23px;height: 1px;background-color: #ffffff;
}
.banner .bannerTitle1>.star_right_top_y{
    position: absolute;right: 8px;top: 0;display: block;width: 1px;height: 18px;background-color: #ffffff;
}
.banner .bannerTitle1>.star_right_bottom_x{
    position: absolute;right: 10px;bottom: 4px;display: block;width: 19px;height: 1px;background-color: #ffffff;
}
.banner .bannerTitle1>.star_right_bottom_y{
    position: absolute;right: 13px;bottom: 0;display: block;width: 1px;height: 11px;background-color: #ffffff;
}
.banner .bannerTitle2{
    width: 1200px;margin: 0 auto;font-size: 14px;line-height: 24px;color: rgba(255,255,255,0.5);text-align: center;
}
.banner .bannerTag{
    width: 1200px;margin: 16px auto 0;justify-content: center;align-items: center;
}
.banner .bannerTag>span{
    display: block;height: 36px;line-height: 36px;font-size: 20px;color: #FFFFFF;background-color: #005AAA;
    box-sizing: border-box;padding: 0 15px 0 16px;margin: 0 6px;box-shadow: 7px 7px 30px 0 rgba(0,90,170,0.1);
    width: max-content;font-weight: 500;
}
/**/
.bannerNav{
    width: 1200px;box-sizing: border-box;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);
    height: 120px;background-color: #FFFFFF;box-shadow: 7px 7px 20px 0 rgba(0,90,170,0.1);
}
.bannerNavItem{
    width: calc(100% / 3);box-sizing: border-box;justify-content: center;align-items: center;
}
.bannerNavItem>img{display: block;width: 60px;height: 60px;border-radius: 50%;}
.bannerNavItem>div{
    width: max-content;margin-left: 20px;box-sizing: border-box;
}
.bannerNavItem>div>span{display: block;width: max-content;}
.bannerNavItem>div>span:nth-child(1){
    line-height: 35px;font-size: 30px;color: #005AAA;font-weight: bold;
}
.bannerNavItem>div>span:nth-child(2){
    line-height: 20px;font-size: 16px;color: #333333;font-weight: bold;
}

/**/
.agentTitle{
    box-sizing: border-box;padding: 0;position: relative;width: max-content;margin: 0 auto;
}
.agentTitle .agentTitleCenter{
    line-height: 44px;font-size: 36px;font-weight: bold;color: #005AAA;margin: 0 auto;display: block;width: max-content;
}
.agentTitle .agentTitleLeft{
    display: block;width: 10px;height: 10px;background-color: #005AAA;transform: rotate(45deg) translateY(-50%);
    position: absolute;left: -44px;top: 50%;
}
.agentTitle .agentTitleRight{
    display: block;width: 10px;height: 10px;background-color: #005AAA;transform: rotate(-45deg) translateY(-50%);
    position: absolute;right: -44px;top: 50%;
}
.agentTitleMsg{
    line-height: 20px;font-size: 14px;text-align: center;font-weight: bold;color: #999999;
}
/**/
.whyBox{
    width: 100%;box-sizing: border-box;background-color: #F0F4F5;padding: 59px 0 54px;
}
.whyContent{
    width: 1200px;margin: 33px auto 0;justify-content: space-between;
}
.whyContentItem{
    width: 380px;box-sizing: border-box;
}
.whyTop{
    width: 380px;height: 230px;background-size: 100%;background-repeat: no-repeat;background-position: center top;
    justify-content: center;align-items: center;
}
.whyContent .whyContentItem:nth-child(1) .whyTop{background-image: url("./img/why_01.png");}
.whyContent .whyContentItem:nth-child(2) .whyTop{background-image: url("./img/why_02.png");}
.whyContent .whyContentItem:nth-child(3) .whyTop{background-image: url("./img/why_03.png");}
.whyContent .whyContentItem:nth-child(1) .whyTop>img{width: 74px;height:80px;display: block;}
.whyContent .whyContentItem:nth-child(2) .whyTop>img{width: 85px;height:76px;display: block;padding: 2px 0;}
.whyContent .whyContentItem:nth-child(3) .whyTop>img{width: 85px;height:77px;display: block;padding: 2px 0 1px;}
.whyTop>span{
    line-height: 29px;margin: 12px auto 0;width: 100%;font-size: 24px;font-weight: bold;color: #FFFFFF;text-align: center;
}
.whyBottom{
    width: 100%;height: 250px;box-sizing: border-box;padding: 34px 46px 0;color: #000000;font-size: 16px;line-height: 24px;
    font-weight: 500;background-color: #ffffff;letter-spacing: 0.8px;
}
/**/
.whatBox{
    width: 100%;box-sizing: border-box;background-color: #ffffff;padding: 70px 0 27px;
}
.whatContent{
    width: 1200px;margin: 35px auto 0;justify-content: space-between;flex-flow: row wrap;
}
.whatContentItem{
    width: 220px;height: 220px;margin-bottom: 25px;box-sizing: border-box;padding-top: 29px;
}
.whatContentItem>img{display: block;height: 90px;margin: 0 auto}
.whatContentItem>span{
    line-height: 22px;font-size: 16px;margin: 19px auto 0;color: #333333;font-weight: 500;width: 100%;
    display: block;text-align: center;
}
/**/

.successBox{
    width: 100%;box-sizing: border-box;background-color: #F0F8FF;padding: 54px 0 56px;
}
.successContent{
    width: 1200px;box-sizing: border-box;margin: 44px auto 0;justify-content: space-between;
}
.successContentItem{
    width: 330px;box-sizing: border-box;
}
.successContentItem>img{width: 330px;height: 340px;display: block;}
.successContentItem>div{
    width: 120px;height: 40px;border-radius: 20px;background-color: #005AAA;line-height: 40px;
    font-size: 24px;font-weight: 500;color: #FFFFFF;text-align: center;margin: 20px auto 0;
}
.successContentItem>span{
    display: block;width: 100%;margin-top: 10px;line-height: 31px;font-size: 20px;color: #333333;font-weight: 500;text-align: center;
}
/**/
.serviceBox{
    width: 100%;box-sizing: border-box;background-color: #FFFFFF;padding: 54px 0 74px;
}
.serviceContent{
    width: 1200px;margin: 0 auto;
}
.serviceContent>img{width: 100%;display: block;}
.serviceButton{
    width: 260px;height: 60px;box-shadow: 7px 7px 25px 0 rgba(0,90,170,0.3);
    margin: 0 auto;background-color: #005AAA;font-size: 24px;color: #FFFFFF;text-align: center;
    display: block;font-weight: 500;line-height: 60px;
}