.sub_banner_wrapper {background: url("../images/banner/banner_doc.jpg") center top no-repeat;  background-size: auto 94%;}

.doc_model_box { height:1280px; background: linear-gradient(360deg, #ECF5FF 0%, rgba(238,244,255,0.74) 52%, #FFFFFF 100%); margin-top:80px;}
.tool_box {font-size:24px; text-align:center; margin-top:60px;}
.tool_box>img {margin-right:42px;}
.tool_step {margin-right:42px; cursor:pointer; font-family:"PingFangSC-Medium";}
.tool_step.cur { color:#336DF4;}
.tool_step.cur>span {background:#336DF4; color:#fff;}

.tool_step:last-child {margin-right:0;}
.tool_step>span {width:32px; height:32px; margin-right:12px; line-height:32px; display:inline-block; box-shadow:0px 4px 4px 0px rgba(192,199,218,0.3); border-radius:50%; text-align:center;}

.step_box {display:flex; justify-content:space-between; padding-top:60px;}
.step_item {width:430px; height:492px; background:#fff; border-radius:25px; font-size:18px; line-height:28px; padding:30px 42px 0 42px; position:relative;}
.step_item>img {display:block; margin:auto; margin-top:50px;}

.tools_row {display:none; justify-content:space-between; display:none;}
.tools_row.cur {display:flex;}
.tools_inline.cur {display:block; text-align:center;}
.tools_inline.cur .tools_item {margin:0 20px;}
.tools_item {width:412px; height:152px; background:#fff; box-shadow:0px 16px 24px 0px rgba(227,234,252,0.3); border-radius:10px; padding:32px 40px; display:inline-block; text-align:left;}
.tools_item .label {line-height:32px; background:#CCD8FC; border-radius:6px; color:#4372FF; font-size:14px; display:inline-block; padding:0 12px; margin-left:12px;}
.tools_item .label.resource {background:#CCFAFC; color:#43C0FF;}
.tools_item .label.info {background:#E1D8FF; color:#8B1EB8;}
.tools_item .label.tool {background:#FCECCC; color:#C8AB78; }
.tools_item .label.operation {background:#D0FCCC; color:#2A9A2E; }
.tools_item .label.red {background:#FFBABA; color:#B93737; }

.tools_item .f_18 {font-family:"PingFangSC-Medium";}


@media screen and (max-width:900px) {
    .sub_banner_wrapper {height:400px;}
    .banner_big_txt .color_txt_blue2{display:block;}

    .doc_model_box {height:auto; margin-top:0;}
    .doc_model_box .ll_sub_title {margin-top:10px;}
    .tool_box {margin-top:30px; font-size:14px; }
    .tool_step {margin-right:10px;}
    .tool_box>img {margin-right:10px;}
    .tool_step>span {width:24px; height:24px; line-height:24px;}

    .m_hide {display:none;}
    .tools_row.cur {display:block; padding:10px;}
    .tools_item {width:100%; margin-top:10px;}
    .tools_info {margin-top:10px;}
    .txt_center.mt50 {margin-top:16px;}

    .step_box  {display:block; padding:10px; padding-top:30px; }
    .step_box .step_item {width:100%; font-size:14px; margin-bottom:12px;}
    .step_box .step_item .f_24 {font-size:20px;}

    .phone_wrapper {padding:30px 12px; height:auto;}
    .phone_wrapper .phone_inp_box {width:100%; margin-top:30px;}
    .phone_wrapper .ll_title .color_txt_blue2 {display:block;}
}