@media screen and (max-width: 768px) {
    html,
    body {
        min-width: 23.4375rem;
    }
    header .container {
        width: 100%;
        padding: .5rem 1rem .625rem;
    }
    header .container .header-left {
        flex-direction: column;
        align-items: flex-start;
        width: 60%;
    }
    header .container .header-left .logo .logo-tech {
        width: 4.875rem;
        margin-right: 0.3125rem;
    }
    header .container .header-left .logo .logo-yiren {
        width: 4.0625rem;
        margin-top: -0.125rem;
    }
    header .container .header-left .introduce {
        margin-top: .4rem;
        text-align: left;
    }
    header .container .header-left .introduce .txt {
        display: inline;
        font-size: .5625rem;
        font-family: PingFang SC;
        color: #333333;
        white-space: nowrap;
        text-align: left;
    }
    header .container .header-left .introduce .lg {
        display: none;
    }
    header .container .header-left .introduce .sm {
        display: inline-block;
        transform: scale(0.7);
        transform-origin: 0 0;
    }
    /* ////////// */
    header .container .header-right {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: flex-end;
    }
    header .container .header-right .tel-num {
        font-size: .625rem;
        font-family: Adobe Heiti Std;
        font-weight: normal;
        color: #333333;
        white-space: nowrap;
        margin-bottom: .375rem;
    }
    header .container .header-right .consult {
        background: #377fce;
        border-radius: .1875rem;
        padding: .2813rem .4688rem;
        display: flex;
        align-items: center;
        margin-left: 0;
    }
    header .container .header-right .consult .consult-img {
        width: .7188rem;
    }
    header .container .header-right .consult .consult-img>img {
        width: .7188rem;
        display: inline-block;
    }
    header .container .header-right .consult .consult-text {
        font-size: .5625rem;
        font-family: Adobe Heiti Std;
        font-weight: normal;
        color: #fefefe;
        margin-top: -0.0625rem;
        white-space: nowrap;
    }
    /* //////////////////////////////////////////////////////// */
    .bg {
        width: 100%;
    }
    .bg .container {
        width: 100%;
        margin: 0 auto;
        position: relative;
        box-sizing: border-box;
    }
    .bg .container .img-box {
        width: 100%;
    }
    .bg .container .img-box>img {
        width: 100%;
        display: block;
    }
    .bg .container .logo-container {
        width: 90%;
        margin: 0 auto;
        background: #ffffff;
        border-radius: .625rem;
        position: absolute;
        bottom: -2.375rem;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        padding: .5rem 1.4063rem .625rem;
        box-sizing: border-box;
        justify-content: space-between;
    }
    .bg .container .logo-container .item {
        width: 22%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-right: 0;
        justify-content: flex-end;
    }
    .bg .container .logo-container .item .item-image {
        width: 1.25rem;
        margin-bottom: .4688rem;
        position: relative;
    }
    .bg .container .logo-container .item .item-image>img {
        width: 100%;
        display: block;
    }
    .bg .container .logo-container .item .item-image .sm {
        width: .625rem;
        position: absolute;
        bottom: -2%;
        right: -25%;
    }
    .bg .container .logo-container .item .item-image .sm>img {
        width: 100%;
    }
    .bg .container .logo-container .item .item-text {
        font-size: .5rem;
        font-family: PingFang SC;
        font-weight: 400;
        color: #666666;
        white-space: nowrap;
        transform: scale(0.7);
    }
    .bg .container .logo-container .item:nth-of-type(2) .item-image {
        width: 1.4063rem;
    }
    .bg .container .logo-container .item:nth-of-type(2) .item-image>img {
        width: 100%;
    }
    .bg .container .logo-container .item:nth-of-type(3) .item-image {
        width: 1.25rem;
    }
    .bg .container .logo-container .item:nth-of-type(3) .item-image>img {
        width: 100%;
    }
    .bg .container .logo-container .item:nth-of-type(4) .item-image {
        width: 1.3438rem;
    }
    .bg .container .logo-container .item:nth-of-type(4) .item-image>img {
        width: 100%;
    }
    /* //////////////////////////////////////////////////////// */
    .free-consult {
        width: 100%;
        margin-top: 2.375rem;
        margin-bottom: .25rem;
    }
    .free-consult .container {
        width: 100%;
        box-sizing: border-box;
        margin: 0 auto;
        background-image: url(../image/linearbg2.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding: 1rem .9375rem
    }
    .free-consult .container .title {
        font-size: .625rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #333333;
        margin-bottom: .5rem;
    }
    .free-consult .container .input-box {
        display: flex;
        align-items: center;
    }
    .free-consult .container .input-box>input {
        width: 40%;
        border: 0;
        font-size: .5625rem;
        font-family: PingFang SC;
        font-weight: 400;
        padding: .125rem .5rem;
        outline: none;
    }
    .free-consult .container .input-box>input::placeholder {
        font-size: .5625rem;
        font-family: PingFang SC;
        font-weight: 400;
        color: rgba(153, 153, 153, .5);
    }
    .free-consult .container .input-box>input:nth-of-type(2) {
        margin: 0 24px;
    }
    .free-consult .container .input-box .btn {
        display: inline-block;
        font-size: .625rem;
        color: #ffffff;
        background: #377fce;
        border-radius: .0625rem;
        padding: .3125rem .625rem;
        white-space: nowrap;
    }
    /* //////////////////////////////////////////////////////// */
    .serve {
        width: 100%;
        margin-bottom: .25rem;
    }
    .serve .container {
        width: 100%;
        margin: 0 auto;
        background-image: url(../image/linearbg.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        box-sizing: border-box;
        padding: .75rem 1rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .serve .container .left {
        font-size: .625rem;
        font-family: PingFang SC;
        font-weight: 600;
        color: #333333;
        white-space: nowrap;
    }
    .serve .container .right {
        display: flex;
        align-items: center;
    }
    .serve .container .right .item {
        display: flex;
        align-items: center;
        margin-right: .625rem
    }
    .serve .container .right .item .item-text {
        font-size: .625rem;
        font-family: PingFang SC;
        font-weight: 400;
        color: #377fce;
        white-space: nowrap;
    }
    .serve .container .right .item .item-icon {
        width: .625rem;
        margin-right: .25rem;
    }
    .serve .container .right .item .item-icon>img {
        width: 100%;
    }
    .serve .container .right .item:last-of-type {
        margin-right: 0;
    }
    /* //////////////////////////////////////////////////////// */
    .case {
        width: 100%;
    }
    .case .container {
        width: 100%;
        margin: 0 auto;
        padding: .6875rem 1rem;
        box-sizing: border-box;
        background-image: url(../image/bg2.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .case .container .title {
        font-size: .625rem;
        font-family: PingFang SC;
        font-weight: 600;
        color: #333333;
        margin-bottom: .6875rem;
    }
    .case .container .btn-box {
        display: flex;
        justify-content: space-between;
        margin-bottom: .5rem;
    }
    .case .container .btn-box .item {
        width: 20%;
        padding: .375rem 0;
        background: #ffffff;
        border: 1px solid #377fce;
        border-radius: .625rem;
        box-sizing: border-box;
        font-size: .625rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #666666;
        white-space: nowrap;
        text-align: center;
    }
    .case .container .btn-box .actived {
        border-radius: 30px;
        color: #ffffff;
        background-color: #377fce;
    }
    .case .container .item-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .case .container .item-list .block {
        width: 48%;
    }
    .case .container .item-list .block .block-img {
        width: 100%;
        margin-bottom: .4375rem;
    }
    .case .container .item-list .block .block-img>img {
        width: 100%;
        display: block;
    }
    .case .container .item-list .block .block-text {
        font-size: .625rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #377fce;
        text-align: center;
        margin-bottom: .6875rem;
    }
    /* //////////////////////////////////////////////////////// */
    .offer {
        width: 100%;
    }
    .offer .container {
        width: 100%;
        margin: 0 auto;
        padding: .75rem 1rem;
        box-sizing: border-box;
        background-image: url(../image/bg3.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .offer .container .title {
        margin-bottom: .5625rem;
    }
    .offer .container .title>span {
        display: block;
        font-size: .75rem;
        font-family: PingFang SC;
        font-weight: 600;
        color: #333333;
    }
    .offer .container .title>span:nth-of-type(1) {
        margin-bottom: .3125rem;
    }
    .offer .container .item-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .offer .container .item-list .item {
        width: 49%;
        height: 7.5rem;
        margin-bottom: .5rem;
        box-sizing: border-box;
        padding: .5rem .6875rem;
        box-shadow: inset 3px 3px 2px 0px #ffffff, 3px 3px 4px 0px #dbdbdb;
        border-radius: .0625rem;
    }
    .offer .container .item-list .item .top {
        display: flex;
        align-items: flex-end;
        margin-bottom: .75rem;
    }
    .offer .container .item-list .item .top .item-icon {
        width: 1.0625rem;
        margin-right: 22px;
    }
    .offer .container .item-list .item .top .item-icon>img {
        width: 100%;
        display: block;
    }
    .offer .container .item-list .item .top>span {
        font-size: .625rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #333333;
        margin-bottom: 0;
    }
    .offer .container .item-list .item .bottom {
        font-size: .5625rem;
        font-family: PingFang SC;
        font-weight: 400;
        color: #666666;
        line-height: .75rem;
    }
    .offer .container .item-list .item:nth-of-type(2) .top .item-icon {
        width: 1.40625rem;
        margin-right: 22px;
    }
    .offer .container .item-list .item:nth-of-type(2) .top .item-icon>img {
        width: 100%;
        display: block;
    }
    .offer .container .item-list .item:nth-of-type(3) .top {
        margin-bottom: .3125rem;
    }
    .offer .container .item-list .item:nth-of-type(3) .top .item-icon {
        width: 1.4375rem;
        margin-right: 22px;
    }
    .offer .container .item-list .item:nth-of-type(3) .top .item-icon>img {
        width: 100%;
        display: block;
    }
    .offer .container .item-list .item:nth-of-type(4) .top .item-icon {
        width: 1.6875rem;
        margin-right: 22px;
    }
    .offer .container .item-list .item:nth-of-type(4) .top .item-icon>img {
        width: 100%;
        display: block;
    }
    /* //////////////////////////////////////////////////////// */
    .process {
        width: 100%;
    }
    .process .container {
        width: 100%;
        margin: 0 auto;
    }
    .process .container>img {
        width: 100%;
        display: block;
    }
    /* 第七个section */
    .cooperation {
        width: 100%;
    }
    .cooperation .container {
        width: 100%;
        margin: 0 auto;
    }
    .cooperation .container>img {
        width: 100%;
        display: block;
    }
    /* //////////////////////////////////////////////////////// */
    .footer-box {
        width: 100%;
    }
    .company-intro {
        width: 100%;
        margin: 0;
    }
    .company-intro .container {
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
        padding: .625rem;
    }
    .company-intro .container .top {
        display: flex;
        flex-direction: column;
        margin-bottom: 1.6875rem;
    }
    .company-intro .container .top .img {
        width: 100%;
        height: auto;
    }
    .company-intro .container .top .img>img {
        width: 100%;
        display: block;
    }
    .company-intro .container .top .text>p {
        color: #666666;
        font-weight: 500;
        margin-bottom: .75rem;
        font-size: .75rem;
    }
    .company-intro .container .top .text .title {
        color: #333333;
        font-weight: 600;
        font-size: .875rem;
        margin-top: .75rem;
    }
    .company-intro .container .top .text .intro {
        line-height: 1.125rem;
    }
    .company-intro .container .bottom {
        display: flex;
        flex-direction: column;
    }
    .company-intro .container .bottom .img {
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    .company-intro .container .bottom .img>img {
        width: 100%;
        display: block;
    }
    .company-intro .container .bottom .text>p {
        color: #666666;
        font-weight: 500;
        margin-bottom: .75rem;
        text-align: left;
        font-size: .75rem;
    }
    .company-intro .container .bottom .text .title {
        color: #333333;
        font-weight: 600;
        font-size: .875rem;
        margin-top: .75rem;
    }
    .company-intro .container .bottom .text .intro {
        line-height: 1.125rem;
    }
    /* //////////////////////////////////////////////////////// */
    .contact {
        width: 100%;
    }
    .contact .container {
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
        padding: .75rem 0;
    }
    .contact .container .top {
        display: flex;
        justify-content: space-between;
        margin-bottom: .75rem;
        padding: 0 1rem;
    }
    .contact .container .top .text>p {
        font-size: .75rem;
        font-family: PingFang SC;
        font-weight: 600;
        color: #333333;
        margin-bottom: .4688rem;
    }
    .contact .container .top .text>span {
        display: block;
        font-size: .5rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #666666;
        margin-bottom: .4688rem;
        transform: scale(0.8);
        transform-origin: 0 0;
        white-space: nowrap;
    }
    .contact .container .top .text>span:nth-of-type(5) {
        margin-bottom: 0;
    }
    .contact .container .top .ipt-box {
        display: none;
    }
    .contact .container .bottom {
        display: none;
    }
    .contact .container .bottm-sm {
        display: block;
    }
    .contact .container .bottm-sm .ipt-box {
        padding: .75rem 1rem;
        background-color: rgba(255, 255, 255, .3);
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: .75rem;
    }
    .contact .container .bottm-sm .ipt-box>input {
        width: 35%;
        font-size: .5625rem;
        border: none;
        background-color: #ffffff;
        box-sizing: border-box;
        outline: none;
        padding: .3438rem .5rem;
    }
    .contact .container .bottm-sm .ipt-box>input::placeholder {
        font-size: .5625rem;
        font-family: PingFang SC;
        font-weight: 400;
        color: rgba(153, 153, 153, 0.5);
    }
    .contact .container .bottm-sm .ipt-box .btn {
        background: #377fce;
        border-radius: .0625rem;
        text-align: center;
        color: #ffffff;
        font-size: .625rem;
        padding: .3125rem .625rem;
    }
    .contact .container .bottm-sm .map {
        position: relative;
        padding: 0 1rem;
    }
    .contact .container .bottm-sm .map>img {
        width: 100%;
    }
    .contact .container .bottm-sm .map .shenzhen {
        width: 50%;
        position: absolute;
        background-color: #ffffff;
        bottom: 30%;
        left: 0;
        transform: scale(0.8);
        padding: .5rem .6875rem .5rem .25rem;
        text-align: right;
    }
    .contact .container .bottm-sm .map .shenzhen .item {
        font-size: .5rem;
        font-family: PingFang SC;
        font-weight: 400;
        color: #333333;
        margin-bottom: .25rem;
        white-space: nowrap;
        display: flex;
        align-items: center;
        justify-content: right;
    }
    .contact .container .bottm-sm .map .shenzhen .item .icon-f,
    .contact .container .bottm-sm .map .huiyang .item .icon-f {
        width: .875rem;
    }
    .contact .container .bottm-sm .map .shenzhen .item .icon-f>img,
    .contact .container .bottm-sm .map .huiyang .item .icon-f>img {
        width: .875rem;
        display: inline-block;
    }
    .contact .container .bottm-sm .map .shenzhen .item .icon-s,
    .contact .container .bottm-sm .map .huiyang .item .icon-s {
        width: .75rem;
    }
    .contact .container .bottm-sm .map .shenzhen .item .icon-s>img,
    .contact .container .bottm-sm .map .huiyang .item .icon-s>img {
        width: .75rem;
        display: inline-block;
    }
    .contact .container .bottm-sm .map .shenzhen .item .icon-t,
    .contact .container .bottm-sm .map .huiyang .item .icon-t {
        width: .9375rem;
    }
    .contact .container .bottm-sm .map .shenzhen .item .icon-t>img,
    .contact .container .bottm-sm .map .huiyang .item .icon-t>img {
        width: .9375rem;
        display: inline-block;
    }
    .contact .container .bottm-sm .map .huiyang {
        width: 50%;
        position: absolute;
        background-color: #ffffff;
        top: 28%;
        right: 0;
        transform: scale(0.8);
        padding: .5rem .6875rem .5rem .25rem;
        text-align: left;
    }
    .contact .container .bottm-sm .map .huiyang .item {
        font-size: .5rem;
        font-family: PingFang SC;
        font-weight: 400;
        color: #333333;
        margin-bottom: .25rem;
    }
    /* //////////////////////////////////////////////////////// */
    .qrcode {
        background-color: #ffffff;
        position: fixed;
        right: 0;
        top: 50%;
    }
    .qrcode .ways {
        border: .125rem solid #377fce;
        border-radius: .1875rem;
        width: 100%;
        box-sizing: border-box;
    }
    .qrcode .ways .item {
        display: flex;
        width: 3.5625rem;
        height: 3.5625rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: .625rem;
        box-sizing: border-box;
    }
    .qrcode .ways .item .text {
        font-size: .625rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #377fce;
        white-space: nowrap;
        transform: scale(0.7);
    }
    .qrcode .ways .item .icon {
        width: 1.375rem;
        margin-bottom: .25rem;
    }
    .qrcode .ways .item .icon>img {
        width: 1.375rem;
        display: block;
    }
    .qrcode .ways .item:nth-of-type(2) {
        padding: .625rem;
        border: .125rem solid #377fce;
        border-left: none;
        border-right: none;
        position: relative;
    }
    .qrcode .ways .item:nth-of-type(2) .tel {
        position: absolute;
        left: -6rem;
        font-weight: 500;
        color: #666666;
        text-align: center;
        background: #ffffff;
        border: 2px solid #377fce;
        padding: .625rem .3125rem;
        width: 6rem;
        white-space: nowrap;
    }
    .qrcode .ways .item:nth-of-type(2) .tel .lianxi {
        margin-bottom: .5rem;
        font-size: .4375rem;
        transform: scale(0.7);
    }
    .qrcode .ways .item:nth-of-type(2) .tel .info {
        margin-bottom: .4688rem;
        font-size: .4375rem;
    }
    .qrcode .ways .item:nth-of-type(2) .tel .info .name {
        margin-bottom: .1875rem;
        font-size: .4375rem;
        transform: scale(0.9);
    }
    .qrcode .ways .item:nth-of-type(2) .tel .info .num {
        transform: scale(0.9);
    }
    .qrcode .ways .item:nth-of-type(2) .tel .info:nth-of-type(3) {
        margin-bottom: 0;
    }
    .qrcode .ways .item:nth-of-type(2) .icon {
        width: 1.6875rem;
    }
    .qrcode .ways .item:nth-of-type(2) .icon>img {
        width: 1.6875rem;
        display: block;
    }
    .qrcode .ways .item:nth-of-type(3) {
        padding: .625rem;
        position: relative;
        text-align: center;
    }
    .qrcode .ways .item:nth-of-type(3) .icon {
        width: 1.5rem;
    }
    .qrcode .ways .item:nth-of-type(3) .icon>img {
        width: 1.5rem;
        display: block;
    }
    .qrcode .ways .item:nth-of-type(3) .code {
        position: absolute;
        left: -6rem;
        padding: 0;
        box-sizing: border-box;
        background: #ffffff;
        border: 2px solid #377fce;
        width: 6rem;
    }
    .qrcode .ways .item:nth-of-type(3) .code .qr-code {
        width: auto;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: .3125rem;
    }
    .qrcode .ways .item:nth-of-type(3) .code .qr-code:nth-of-type(2) {
        margin-bottom: 0;
    }
    .qrcode .ways .item:nth-of-type(3) .code .qr-code .code-img {
        width: 3rem;
    }
    .qrcode .ways .item:nth-of-type(3) .code .qr-code .code-img>img {
        width: 3rem;
        display: block;
    }
    .qrcode .ways .item:nth-of-type(3) .code .qr-code .txt {
        font-size: .5rem;
        font-family: PingFang SC;
        font-weight: 500;
        color: #666666;
        margin-top: .125rem;
    }
    /* 二维码大图 */
    .lgImg1,
    .lgImg2 {
        width: 100%;
        height: 100%;
        background-color: rgba(1, 1, 1, 0.5);
        position: fixed;
        top: 0;
        left: 0;
    }
    .lgImg1 .img,
    .lgImg2 .img {
        width: 50%;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    /* 备案 */
    .beian {
        width: 100%;
    }
    .beian .container {
        padding: 20px 0;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        color: #333333;
        font-size: 12px;
    }
    .beian .container i {
        display: inline-block;
        width: 12px;
        height: 12px;
    }
    .beian .container i img {
        width: 12px;
        height: 12px;
    }
}