.main {
            width: 100%;
            background: #fafbff;
        }
        .banner {
            margin-top: 123px;
        }
        .banner img {
            width: 100%;
            height: 520px;
        }

        /* 在小屏幕设备上 */
        @media screen and (max-width: 768px) {
            .banner {
                margin-top: 120px;
            }
            .banner img {
                width: 100%;
                height: 180px;
            }
        }
        @media screen and (min-width: 768px) and (max-width: 768px) { 
            .banner img {
                width: 100%;
                height: 291px;
            }
         } 
        @media screen and (min-width: 769px) and (max-width: 1024px) {
            .banner img {
                width: 100%;
                height: 400px;
            }
        }
        .content-all {
            width: 1030px;
            margin: auto;
        }

        @media screen and (max-width: 768px) {
            .content-all {
                width: 100%;
                margin: auto;
            }
        }
        @media screen and (min-width: 769px) and (max-width: 1024px) {
            .content-all {
                width: 100%;
                margin: auto;
            }
        }
        .content {
            margin-top: 40px;
            line-height: 1.7;
            font-size: 19px;
        }

        @media screen and (max-width: 768px) {
            .content {
                font-size: 17px;
            }
        }
        /*.hidden {*/
        /*    display: block!important;*/
        /*}*/
        @media screen and (max-width: 768px) {
            .hidden {
                display: none!important;
            }
        }

        .show {
            display: block!important;
        }

        @media screen and (min-width: 992px) {
            .show {
                display: none!important;
            }
        }

        .arrangement-flex {
            margin-top: 40px;
            display: flex;
            align-items: center;

            img {
                width: 480px;
                /* height: 300px; */
            }

            .text {
                padding-left: 30px;
                font-size: 17px;

                .title {
                    font-size: 20px;
                    font-weight: 900;
                    color: #0165a6;
                }
            }

            .text-two {
                padding-right: 30px;
                font-size: 17px;

                .title {
                    font-size: 20px;
                    font-weight: 900;
                    color: #0165a6;
                }
            }
        }

        @media screen and (max-width: 768px) {
            .arrangement-flex {
                display: block;
                font-size: 13px;

                img {
                    width: 297px;
                    height: 141px;
                    margin-bottom: 20px;
                }

                .text {
                    padding-left: 0px;
                    font-size: 15px;
                }

                .text-two {
                    padding-right: 0px;
                    font-size: 15px;
                }
            }
        }

        .retrieval {
            text-align: center;
            margin-top: 50px;
            font-size: 20px;
        }

        @media screen and (max-width: 768px) {
            .retrieval {
                font-size: 17px;
            }
        }

        /*.search {*/
        /*    display: block;*/
        /*    border: 1px solid #8c8c8c;*/
        /*    padding-left: 29px;*/
        /*    padding-top: 5px;*/
        /*    padding-bottom: 9px;*/
        /*    width: 10%;*/
        /*    margin: 30px auto;*/
        /*    border-radius: 12px;*/
        /*    font-size: 20px;*/

        /*    a {*/
        /*        color: #000;*/
        /*        text-align: center;*/
        /*    }*/
        /*}*/

        @media screen and (max-width: 768px) {
            .search {
                /*width: 31%;*/
                font-size: 15px;
                padding: 6px 25px 9px 30px;
            }
        }

        .compare {
            margin: 50px 0 30px 0;

            .compare-flex {
                display: flex;
                align-content: center !important;

                img {
                    width: 455px;
                }

                .imgtwo {
                    padding-left: 44px;
                }

                .arrow {
                    padding: 56px 20px 0 20px;
                    position: relative;

                    .square {
                        width: 50px;
                        height: 185px;
                        background-color: #D1ECFF;
                    }

                    .triangle {
                        width: 0;
                        height: 0;
                        border-left: 150px solid transparent;
                        /* 左边斜边 */
                        border-right: 150px solid transparent;
                        /* 右边斜边 */
                        border-bottom: 50px solid #D1ECFF;
                        /* 底边，调整颜色和高度 */
                        transform: rotate(90deg);
                        /* 旋转45度，使其成为钝角 */
                        /* margin: 50px auto; */
                        /* 居中 */
                        position: absolute;
                        left: -58px;
                        top: 123px;
                    }
                }

                @media screen and (max-width: 768px) {
                    .arrow {
                        margin: 20px 40px 76px 90px;
                    }
                }
            }

            @media screen and (max-width: 768px) {
                .compare-flex {
                    display: block;

                    .imgtwo {
                        padding-left: 0px;
                    }
                }
            }

        }

        /* 初始表格样式 */
        table {
            border-collapse: collapse;
            width: 982px;
            margin-bottom: 20px;
        }

        /* td,
        th {
            border: 1px solid #ccc;
            padding: 1em;
        } */

        /* 在小屏幕设备上 */
        @media screen and (max-width: 768px) {
            table {
                width: 100%;
                margin: auto;
            }
        }
        @media screen and (min-width: 769px) and (max-width: 1024px) {
            table {
                width: 100%;
                margin: auto;
            }
        }
        @media screen and (min-width: 768px) and (max-width: 768px) { 
            table {
                width: 100%;
                margin: auto;
            }
         } 
        .important {
            position: absolute;
            display: block;
            width: 71px;
            height: 7px;
            left: 131px;
            top: 40px;
            z-index: -1;
            background-color: #7fdeff91;
            border-radius: 2px;
        }
        .general-flex{
            display: flex;
        }
        .general{
            width: 480px;
            img{
                width: 100%;
                height: 300px;
                border-radius: 12px;
            }
            .titles{
                position: relative;
                margin-top: 10px;
                margin-bottom: 10px;
                font-size: 2rem;
                color: #035F87;
                .gang{
                    position: absolute;
                    width: 97px;
                    height: 4px;
                    border-radius: 1px;
                    background-color: #2B84C4;
                    top: 28px;
                    left: 40%;
                }
            }
            .contents{
                padding: 0 10px;
            }
            /* .general-border{
                height: 180px;
                border-radius: 0 0 6px 6px; 
                box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
            } */
        }
       .general:nth-child(1){
          margin-right: 28px;
       }
       .priceplan-list {
          margin-top: 80px;
       }
       .China-factory{
        text-align: center;
        position: relative;
          img{
            width: 783px;
            height: 350px;
            position: relative;
            z-index: 1;
          }
          .kuang1{
            position: absolute;
            width: 220px;
            height: 150px;
            border: 2px solid #b5b5b5;
            border-radius: 6px;
            left: 0px;
            top: -68px;
          }
          .kuang2{
            position: absolute;
            width: 220px;
            height: 150px;
            border: 2px solid #b5b5b5;
            border-radius: 6px;
            right: -4px;
            bottom: -68px;
          }
       }
       .factory-content{
        /* width: 783px; */
        margin:90px auto;
        font-size: 18px;
       }
       .China-server{
        text-align: left!important;
       }
       .tr{
        font-size: 18px;
       }
       .tr2:hover {
        background-color: #F1FBFF !important;
       }
       td{
        font-size: 16px!important;
        padding: 10px!important;
        text-align: center!important; 
        vertical-align: middle!important;
        border: 1px solid #ccc!important; 
        max-width: 300px!important; 
       }
       th {
        background-color: #DFE3E5!important; /* 设置表头背景颜色 */
        padding: 10px!important; /* 设置单元格内边距 */
        text-align: center!important; /* 文字水平居中 */
        vertical-align: middle!important; /* 文字垂直居中 */
        border: 1px solid #ccc!important; /* 添加边框 */
      }
      .martop{
        margin-top: 1px;
      }
      .martop
       .th2{
        width: 230px;
        text-align: center;
       }
       .th3{
        width: 260px;
        text-align: center;
       }
       .th4{
        width: 200px;
        text-align: center;
       }
       .th44{
        width: 220px;
        text-align: center;
       }
       .th5{
        width: 350px;
        text-align: center;
       }
       .td1,.td2,.td3,.td4,.td5{
        text-align: center;
       }
       .td5_content{
        text-align: left !important;
       }
       .table-title{
        margin-bottom: 30px;
        color: #3d3d3d;
        text-align: center;
        font-size: 44px;
        font-weight: 700;
        font-family: "Source Han Sans";
       }
       .other_gang{
        width: 38px;
        height: 4px;
        background: #5fb4e5;
        margin: auto;
       }
       .note{
        text-align: left!important;
        padding-bottom: 20px;
        line-height: 27px;
        font-size: 18px;
       }
       .chuantop{
        margin-top: 30px!important;
       }

        .col-sm-2 {
            width: auto !important;
        }
        @media screen and (max-width: 768px) {
            .overflow {
                overflow: auto;
            }
        }
        @media screen and (min-width: 769px) and (max-width: 1024px) {
            .overflow {
                overflow: auto;
            }
        }
        .tdci{
            background: #5fb4e5;
            height: 58px;
            line-height: 58px;
            color: #ffffff;
            font-size: 28px!important;
            font-weight: 700;
            font-family: "Source Han Sans";
        }
        .mingxi{
            font-size: 1.8rem;
            margin-bottom: 40px;
        }

        #cxselectform{
            position: relative !important;
            width: auto !important;
           margin-right: 2px !important;
        }
        #cxselectform input{
            width: auto;
          height: auto;
        padding-left: 0;
            }
        .liaojin_box{
            background: #dff6ff;
        }
        .liaojins{

        }
        .liaojin_title{
            color: #3d3d3d;
            text-align: center;
            font-size: 44px;
            font-weight: 700;
            font-family: "Source Han Sans";
            padding-top: 80px;
            padding-bottom: 34px;
        }
        @media screen and (max-width: 768px) {
            .liaojin_title{
                font-size: 31px;
            }
        }
        .liaojin_gang{
            width: 38px;
            height: 4px;
            opacity: 1;
            background: #5fb4e5;
            margin: auto;
        }
        .liaojin_flex{
            display: flex;
            flex-wrap: wrap;
        }
        .liaojin_type{
            margin-top: 41px;
            margin-right: 30px;
        }
        .liaojin_type:nth-child(2n){
            margin-right: 0;
        }
        .liaojin_type .type_up{
            width: 535px;
            height: 10px;
            background: #5fb4e5;
        }
        .liaojin_type .type_content{
            width: 535px;
            height: 316px;
            background: linear-gradient(180deg, #ffffff 0%, #ffffff 52%, #dff6ff 100%);
            padding: 38px 44px;
        }
        @media screen and (min-width: 769px) and (max-width: 1024px) {
            .liaojin_flex{
                display: block;
            }
            .liaojin_type {
                margin: 41px auto 0;
                width: 90%;
            }
            .liaojin_type .type_up,
            .liaojin_type .type_content {
                width: 100%; 
                max-width: 500px; 
                margin: 0 auto;
            }
        
            .liaojin_type .type_content {
                height: auto; 
                background: linear-gradient(180deg, #ffffff 0%, #ffffff 52%, #dff6ff 100%);
                padding: 38px 44px;
            }
            .liaojintitle{
                padding: 60px 60px 34px!important;
            }
        }
        @media screen and (min-width: 768px) and (max-width: 768px) { 
            .liaojin_flex{
                display: block;
            }
            .liaojin_type {
                margin: 41px auto 0;
                width: 90%;
            }
            .liaojin_type .type_up,
            .liaojin_type .type_content {
                width: 100%; 
                max-width: 500px; 
                margin: 0 auto;
            }
        
            .liaojin_type .type_content {
                height: auto; 
                background: linear-gradient(180deg, #ffffff 0%, #ffffff 52%, #dff6ff 100%);
                padding: 38px 44px;
            }
            .liaojintitle{
                padding: 60px 60px 34px!important;
            }
        } 
        @media screen and (max-width: 768px) {
            .liaojin_type .type_content{
                width: 377px;
                padding: 38px 20px;
            }
            .liaojin_type .type_up{
                width: 377px;
            }
            .liaojin_type{
                margin: 20px auto;
            }
            .liaojin_type:nth-child(2n){
                margin-right: 15px;
            }
            .liaojin_title{
                padding-top: 45px;
            }
            .note{
                margin-top: 20px;
            }
            .transearch{
                width: 224px!important;
                height: 60px!important;
                line-height: 60px!important;
            }
            .service-title{
                font-size: 31px;
                margin-bottom: 20px;
            }
            .table-title{
                font-size: 31px;
            }
            .bottom_margin{
                margin-bottom: 0!important;
            }
        }
        @media screen and (min-width: 768px) and (max-width: 768px) { 
            .bottom_margin{
                margin-bottom: 140px!important;
            }
         } 
        .liaojin_type .type_content img{
            width: 58px;
            height: 58px;
            margin-bottom: 27px;
        }
        .liaojin_type .type_content .titles{
            color: #3d3d3d;
            font-size: 24px;
            font-weight: 600;
            font-family: "PingFang SC";
            margin-bottom: 27px;
        }
        .liaojin_type .type_content .contents{
            color: #3d3d3d;
            font-size: 18px;
            font-family: "PingFang SC";
        }
        .transport_type{
            height: 68px;
            line-height: 68px;
            background: #5fb4e5;
            padding-left: 37px;
            color: #ffffff;
            font-size: 28px;
            font-weight: 700;
            font-family: "Source Han Sans";
        }
        .transport_background{
            background-color: #fff;
            padding: 24px;
        }
        .transport_title{
            color: #3d3d3d;
            font-size: 18px;
            font-family: "Source Han Sans";
            margin: 15px 0;
        }
        .other_title{
            color: #3d3d3d;
            font-size: 18px;
            font-family: "Source Han Sans";
            margin: 30px 0;
        }
        .serve_gang{
            width: 38px;
            height: 4px;
            opacity: 1;
            background: #5fb4e5;
            margin: auto;
        }
        .meaning{
            color: #3d3d3d;
            font-size: 18px;
            font-family: "Source Han Sans";
            margin-top: 25px;
            margin-bottom: 50px;
        }
        .transearch{
            width: 300px;
            text-align: center;
            height: 80px;
            line-height: 80px;
            border-radius: 100px;
            background: #5fb4e5;
            color: #fff;
            font-size: 28px;
            font-weight: 700;
            font-family: "Source Han Sans";
            margin-top: 30px;
        }
        .bottom_margin{
            margin-bottom: 60px;
        }
        .table_background{
            background-color: #fff;
            padding: 24px;
        }