.about_box .about_item{display: flex;align-items: center;background-position: center;background-repeat: no-repeat;background-size: 100% 100%;overflow: hidden;text-align: center;}
.about_box .about_item .title{font-weight: bold;}
.about_box .about_banner_1 a,.about_box .about_banner_3 a,.about_box .about_banner_5 a{color: #fff;}
.about_box .about_banner_1{color: #fff;box-sizing: border-box;/*background: linear-gradient(150deg, #0035ff -4%, #ed5d2b);*/position: relative;background: url("/static/themes/default/images/about/banner.png");background-position: center;background-repeat: no-repeat;background-size: cover;height: 700px;}
.about_box .about_banner_1 .wide {margin: 0 auto;box-sizing: border-box;text-align: left;position: relative;}
.about_box .about_banner_1 .title{font-size: 60px;margin-bottom: 32px;}
.about_box .about_banner_1 .content div{font-size: 24px;margin-bottom: 0px;line-height: 2;}
.about_box .about_banner_1 .l_box {width: 29vw;transform: translateY(-38px) translateX(-80px)}
.about_box .about_banner_1 .l_box .t_small_box{font-size: 14px;}
.about_box .about_banner_1 .l_box .t_large_box{font-size: 72px;font-weight: bold;margin: 17px 0;}
.about_box .about_banner_1 .l_box .t_middle_box{font-size: 24px;}
.about_box .about_banner_1 .l_box .btn{font-size: 18px;background: #045afe;border-radius: 30px;padding: 10px 50px;margin-top: 40px;}
.about_box .about_banner_1 .l_box .btn:hover{background: #054acf;color: #fff;transition: all 0.3s ease-in-out;}

.about_box .about_banner_2 {margin-top: 100px;}
.about_box .about_banner_2 .top_title{font-size: 60px;}
.about_box .about_banner_2 .card_group{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 50px;margin-top: 100px;padding-bottom: 140px;}
.about_box .about_banner_2 .card_group .card{text-align: center;padding: 80px 100px;border-radius: 20px;box-shadow: 0px 0px 20px rgba(0, 101, 242, 0.2);background-color: #fff;transition: all 0.3s ease-in-out;}
.about_box .about_banner_2 .card_group .card .percent{color: #045afe;font-size: 80px;margin-bottom: 10px;}
.about_box .about_banner_2 .card_group .card .desc{color: #626262;font-size: 20px;}

.about_box .about_banner_3 {background: url("/static/themes/default/images/about/area.png") no-repeat;background-size: 100% 100%;padding: 100px 0;}
.about_box .about_banner_3 .work{font-size: 60px;color: #000514;margin-bottom: 50px}
.about_box .about_banner_3 .work_dec{font-size: 28px;color: #5a5a5a;margin: 0  auto 60px;line-height: 46px;max-width: 950px;}
.about_box .about_banner_3 .btn_group{display: flex;flex-direction: row;column-gap: 28px;justify-content: center;}
.about_box .about_banner_3 .btn_group .btn{border-radius: 30px;padding: 10px 0;font-size: 18px;width: 237px;}
.about_box .about_banner_3 .btn_group .btn.free{color: #fff;background: #045afe;}
.about_box .about_banner_3 .btn_group .btn.free:hover{background: #054acf;transition: all 0.3s ease-in-out;}
.about_box .about_banner_3 .btn_group .btn.talk{color: #045afe;background: unset;outline: #045afe solid 2px;}
.about_box .about_banner_3 .btn_group .btn.talk:hover{background: #045afe;color: #fff;transition: all 0.3s ease-in-out;}

.about_box .about_banner_4 {padding-top: 70px;background: #fff;}
.about_box .about_banner_4 .Value{font-size: 60px;color: #000514;}
.about_box .about_banner_4 .Value_dec{font-size: 28px;color: #5a5a5a;max-width: 1212px;margin: 0 auto;}
.about_box .about_banner_4 .card_group{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 38px;padding: 85px 0 60px;}
.about_box .about_banner_4 .card_group .card{border-radius: 20px;box-shadow: 0px 0px 10px rgba(0, 101, 242, 0.2);background-color: #fff;transition: all 0.3s ease-in-out;padding: 50px 40px 70px;}
.about_box .about_banner_4 .card_group .card .logo{margin-bottom: 40px;}
.about_box .about_banner_4 .card_group .card .title{font-size: 30px;color: #000000;margin-bottom: 30px;}
.about_box .about_banner_4 .card_group .card .dec{font-size: 18px;color: #5a5a5a;line-height: 28px;}

.about_box .about_banner_5 {background: url("/static/themes/default/images/about/footer_banner.png") no-repeat;width: 100%;background-size: cover;height: 438px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.about_box .about_banner_5 .f_title{font-size: 63px;color: #fff}
.about_box .about_banner_5 .f_btn_group{display: flex;flex-direction: row;column-gap: 28px;justify-content: center;margin-top: 46px;}
.about_box .about_banner_5 .f_btn_group .btn{border-radius: 30px;padding: 10px 0;width: 247px;box-sizing: border-box;}
.about_box .about_banner_5 .f_btn_group .btn.t{background: #045afe;color: #fff;font-size: 18px;padding: 10px 30px;}
.about_box .about_banner_5 .f_btn_group .btn.t:hover{background: #054acf;transition: all 0.3s ease-in-out;}
.about_box .about_banner_5 .f_btn_group .btn.p{background: unset;color: #fff;font-size: 18px;padding: 10px 30px;outline: #fff solid 2px;}
.about_box .about_banner_5 .f_btn_group .btn.p:hover{background: #045afe;outline-color: #045afe;transition: all 0.3s ease-in-out;}


@media screen and (max-width:1523px) {
    .about_box .about_banner_1 .l_box{transform: translateY(-38px) translateX(-40px);}
}
@media screen and (max-width:1400px) {
    .about_box .about_banner_1 .l_box {width: 90vw;}
    .about_box .about_banner_1 .l_box .t_middle_box{width: 40vw;}
}
@media screen and (max-width:1300px) {
    .about_box .about_banner_2{margin-top: 50px;}
    .about_box .about_banner_2 .top_title{font-size: 5vw;}
    .about_box .about_banner_2 .card_group{display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 50px;margin-top: 100px;padding-bottom: 140px;}
    .about_box .about_banner_2 .card_group .card .percent{font-size: 10vw;}
    .about_box .about_banner_2 .card_group .card .desc{font-size: 3vw;}
}
@media screen and (max-width:1000px) {
    .about_box .about_banner_1{background: url("/static/themes/default/images/about/banner_m.png");background-repeat: no-repeat;background-size: cover;flex-direction: column;padding-top: 20px;}
    .about_box .about_banner_1 .wide{text-align: center;}
    .about_box .about_banner_1 .l_box{transform: unset;width: 100%;}
    .about_box .about_banner_1 .l_box .t_middle_box{width: unset}
    .about_box .about_banner_1 .l_box .t_small_box{font-size: 28px;}
    .about_box .about_banner_1 .l_box .t_large_box{font-size: 60px;}
    .about_box .about_banner_1 .l_box .t_middle_box{font-size: 32px;text-align: center;width: 80%;margin: 0 auto;line-height: 50px;}
    .about_box .about_banner_1 .l_box .btn{width: 314px;font-size: 32px;padding: 20px 0;border-radius: 50px;}

    .about_box .about_banner_4 .card_group{grid-template-columns: repeat(1, 1fr);grid-gap: 20px;padding: 50px 0 50px;margin-left: 10px;margin-right: 10px;}
}
@media screen and (max-width:600px) {
    .about_box .about_banner_2{margin-top: 30px;}
    .about_box .about_banner_2 .top_title{font-size: 8vw;width: 80%;margin: 0 auto;}
    .about_box .about_banner_2 .card_group{grid-gap:  20px;margin-top: 10px;}
    .about_box .about_banner_2 .card_group .card {padding: 30px 20px;}
    .about_box .about_banner_2 .card_group .card .percent{font-size: 15vw;}
    .about_box .about_banner_2 .card_group .card .desc{font-size: 4vw;}

    .about_box .about_banner_1 .l_box .t_small_box{font-size: 4vw;}
    .about_box .about_banner_1 .l_box .t_large_box{font-size: 10vw;}
    .about_box .about_banner_1 .l_box .t_middle_box{font-size: 6vw;}
    .about_box .about_banner_1 .l_box .btn{width: 60vw;font-size: 4vw;padding: 20px 0;border-radius: 50px;}
    .about_box .about_banner_2 .card_group{margin: 10px 10px 0;}
    .about_box .about_banner_5 .f_btn_group{flex-direction: column;align-items: center;row-gap: 20px;}
    .about_box .about_banner_2 .card_group{padding-bottom: 40px;}

    .about_box .about_banner_3 {padding: 40px 0;}
    .about_box .about_banner_3 .btn_group{flex-direction: column;align-items: center;row-gap: 20px;}
    .about_box .about_banner_3 .work{font-size: 29px;}
    .about_box .about_banner_3 .work_dec{font-size: 20px;line-height: 32px;max-width: 100%;}

    .about_box .about_banner_4 .Value{font-size: 29px;margin-bottom: 20px;}
    .about_box .about_banner_4 .Value_dec{font-size: 20px;max-width: 100%;line-height: 32px;}
    .about_box .about_banner_4 .card_group .card{padding-left:10px;padding-right:10px;}
}

@media screen and (max-width:400px) {
    .about_box .about_banner_1 .l_box .t_small_box{font-size: 22px;}
    .about_box .about_banner_1 .l_box .t_large_box{font-size: 50px;}
    .about_box .about_banner_1 .l_box .t_middle_box{font-size: 22px;line-height: 36px;}
    .about_box .about_banner_1 .l_box .btn{width: 60vw;font-size: 4vw;padding: 20px 0;border-radius: 50px;}
}

/*about_contact_us*/
.about_box .about_contact_us {background: #fff;padding-bottom: 80px;}
.about_box .about_contact_us .Value {font-size: 60px;color: #000514;}
.about_box .about_contact_us .Value_dec{font-size: 28px;color: #5a5a5a;max-width: 1212px;margin: 0 auto;line-height: 2;}
.about_box .about_contact_us .card_group {display: flex;justify-content: center;column-gap: 40px;border-radius: 20px;box-shadow: 0px 0px 10px rgba(0, 101, 242, 0.2);background-color: #fff;transition: all 0.3s ease-in-out;padding: 40px;margin-top: 40px;}
.about_box .about_contact_us .card_group .boxes_left{display: flex;flex-direction: row;gap: 20px;width: 100%;justify-content: space-between;}
.about_box .about_contact_us .card_group .boxes_left .rows {padding: 55px 40px;background: #eaf6fe;border-radius: 10px;display: flex;align-items: center;column-gap: 30px;flex: 1;}
.about_box .about_contact_us .card_group .boxes_left .rows .logo{overflow: hidden;}
.about_box .about_contact_us .card_group .boxes_left .rows .logo img {vertical-align: middle;width: 100%;height: 100%;object-fit: cover;}
.about_box .about_contact_us .card_group .boxes_left .rows .info{display: flex;flex-direction: column;align-items: flex-start;}
.about_box .about_contact_us .card_group .boxes_left .rows .info label {font-size: 16px;color: #001141;font-weight: bold;}
.about_box .about_contact_us .card_group .boxes_left .rows .info span {font-size: 24px;color: #001141;font-weight: bold;}
.about_box .about_contact_us .card_group .boxes_right{display: none;flex-direction: column;row-gap: 30px;width: calc((100% - 40px) / 2);}
.about_box .about_contact_us .card_group .boxes_right #contact_us_form{display: flex;flex-direction: column;row-gap: 5px;}
.about_box .about_contact_us .card_group .boxes_right .rows {display: flex;flex-direction: column;align-items: flex-start;row-gap: 6px;}
.about_box .about_contact_us .card_group .boxes_right .rows label {font-size: 16px;color: #000;}
.about_box .about_contact_us .card_group .boxes_right .rows input {width: 100%;height: 50px;border-radius: 5px;border: 1px solid #dfdfdf;padding: 1px 10px;color: #000;box-sizing: border-box;}
.about_box .about_contact_us .card_group .boxes_right .rows .input_tips {font-size: 14px;color: #ff4d4f;float: left;line-height: 1;height: 14px;}
.about_box .about_contact_us .card_group .boxes_right .rows textarea {width: 100%;height: 100px;border-radius: 5px;border: 1px solid #dfdfdf;padding: 10px;color: #000;box-sizing: border-box;}
.about_box .about_contact_us .card_group .boxes_right .rows.btn_list input{width: auto;height: 48px;background: #185fe8;padding: 0 25px;color: #FFF;font-weight: bold;cursor: pointer;}
@media screen and (max-width:1340px) {
    .about_box .about_contact_us .wide {width: 1280px;padding: 0 20px;}
}
@media screen and (max-width:1024px) {
    .about_box .about_contact_us .wide {width: 100%;padding: 0 4vw;box-sizing: border-box;}
    .about_box .about_contact_us .Value{font-size: 6.73vw;}
    .about_box .about_contact_us .Value_dec{font-size: 3.73vw;}
    .about_box .about_contact_us .card_group{flex-direction: column;row-gap: 4vw;margin-top: 4vw;}
    .about_box .about_contact_us .card_group .boxes_left,.about_box .about_contact_us .card_group .boxes_right{width: 100%;row-gap: 4vw;box-sizing: border-box;}
    .about_box .about_contact_us .card_group .boxes_left .rows{padding: 7.33vw 5.33vw;column-gap: 3.33vw;}
    .about_box .about_contact_us .card_group .boxes_left .rows .logo{width: 8vw;height: 8vw;}
    .about_box .about_contact_us .card_group .boxes_left .rows .info label{font-size: 2.13vw;}
    .about_box .about_contact_us .card_group .boxes_left .rows .info span{font-size: 3.33vw;}
}
@media screen and (max-width:500px) {
    .about_box .about_contact_us .Value{font-size: 7.73vw;}
    .about_box .about_contact_us .Value_dec{line-height: 1.5;font-size: 4.73vw;}
    .about_box .about_contact_us .card_group{padding: 6vw;}
    .about_box .about_contact_us .card_group .boxes_left,.about_box .about_contact_us .card_group .boxes_right{row-gap: 3vw;}
    .about_box .about_contact_us .card_group .boxes_left .rows{padding: 4.33vw 3.33vw;column-gap: 2.33vw;}
    .about_box .about_contact_us .card_group .boxes_left .rows .logo{width: 9vw;height: 9vw;}
    .about_box .about_contact_us .card_group .boxes_left .rows .info label{font-size: 3.13vw;}
    .about_box .about_contact_us .card_group .boxes_left .rows .info span{font-size: 3.83vw;}
}
/*about_contact_us*/