body{
            background: url('/template/default/html/images/d3717e9e0cf74f42b38cc5dbab329b47.gif') no-repeat;
            background-size: 100%;
        }
        .page-introduce{
            margin: 150px auto 70px;
            width: 85vw;
            max-width: 1440px;
            color: #fff;
        }
        .page-introduce>div:nth-child(1){
            font-size: 32px;
            font-weight: 700;
            line-height: 1.4em;
        }
        .page-introduce>div:nth-child(2){
            margin-top: 10px;
            line-height: 1.7em;
            font-size: 16px;
            font-weight: 400;
        }
        .page-introduce>div:nth-child(3){
            padding: 10px 0;
        }
        .page-introduce>div:nth-child(3) .layui-breadcrumb a{
            color: #fff !important;
        }
        .page-introduce>div:nth-child(3) .layui-breadcrumb a:last-child{
            color: rgba(255,255,255,0.64) !important;
        }
        .page-container{
            background: #fff;
        }
        .container-box{
            margin: 0 auto;
            padding: 70px 0;
            width: 85vw;
            max-width: 1440px;
        }
        .company-list{
            display: flex;
            justify-content: space-between;
        }
        @media screen and (max-width: 475px){
            .company-list{
                display: block;
            }
        }
        .company-item{
            flex: 1;
            margin: 0 10px;
            padding: 0 20px;
        }
        @media screen and (max-width: 475px){
            .company-item{
                margin-bottom: 30px;
            }
        }
        .company-icon{
            position: relative;
            margin-bottom: 15px;
            width: 75px;
        }
        .ani-company-icon{
            -webkit-animation:ani-company-icon 1s 1 linear;/*匀速 循环*/
        }
        @-webkit-keyframes ani-company-icon{
            0%, 20%, 53%, 80%, 100%{ bottom: 0; }
            40%,43%{ bottom: 30px; }
            70%{ bottom: 15px; }
            90%{ bottom: 4px; }
        }

        .company-name{
            margin-bottom: 20px;
            line-height: 1.4em;
            font-size: 20px;
            font-weight: bold;
            color: #666;
        }
        .company-desc{
            margin-bottom: 10px;
            padding-top: 10px;
            line-height: 2.2em;
            font-weight: bold;
            color: #666;
        }
        .company-info{
            display: flex;
            line-height: 2.2em;
        }
        .company-info i{
            margin-right: 10px;
            color: #005198;
        }
        .request-quote{
            display: flex;
            margin-top: 55px;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
        }
        .request-quote-img{
            width: 35%;
        }
        @media screen and (max-width: 475px){
            .request-quote-img{
                width: 0;
            }
        }
        .request-form{
            flex: 1;
            padding: 40px;
        }
        @media screen and (max-width: 475px){
            .request-form{
                padding: 20px 10px;
            }
        }
        .request-title{
            margin-bottom: 35px;
            line-height: 1em;
            font-size: 36px;
        }
        @media screen and (max-width: 475px){
            .request-title{
                padding: 0 15px;
            }
        }
        .request-form .layui-form-item{
            margin-bottom: 20px;
        }
        .request-form .layui-form-label{
            padding-left: 0;
        }
        @media screen and (max-width: 475px){
            .request-form .layui-form-label{
                margin-left: 15px;
                text-align: left;
            }
        }
        .request-form .layui-input-block{
            padding-right: 15px;
        }
        @media screen and (max-width: 475px){
            .request-form .layui-input-block{
                margin-left: 15px;
            }
        }
        .follow-us{
            margin-top: 50px;
            text-align: center;
        }
        .follow-us-title{
            line-height: 1.4em;
            font-size: 32px;
            font-weight: bold;
            color: #666;
        }
        .qrcode-list{
            display: flex;
            justify-content: center;
        }
        @media screen and (max-width: 475px){
            .qrcode-list{
                display: block;
            }
        }
        .qrcode-item{
            margin: 10px;
            line-height: 2.4em;
            font-size: 16px;
        }
        .qrcode-item img{
            display: block;
            width: 180px;
            height: 180px;
        }
        @media screen and (max-width: 475px){
            .qrcode-item img{
                width: 100%;
                height: unset;
            }
        }