﻿@media screen and (min-width: 320px) and (max-width: 768px) {
    .w13 {
        width: 90%;
    }

    .banner {
        height: auto !important;
    }

    .lbt {
        height: auto !important;
    }

    .banner-text {
        display: none !important;
    }

    .tech-section {
        padding-bottom: 100px;
    }

    .tech-section .main-title {
        font-size: 28px;
        padding-top: 40px;
    }

    .tech-section .sub-title {
        padding-top: 0;
        padding-bottom: 0;
    }

    .tech-section .nr {
        padding-top: 20px;
    }

    .tech-section .nr h2 {
        font-size: 26px;
    }

    .tech-section .nr p {
        font-size: 18px;
        line-height: 35px;
    }

    .tech-section .image {
        width: 100%;
    }

    .tech-section .image img {
        width: 100%;
        height: auto;
    }

    .footer-qrcode {
        padding-top: 20px !important;
    }

    .container {
        padding-top: 13px !important;
        width: 90% !important;
    }

    .container .sidebar {
        display: none;
    }

    .content .product-img {
        width: 100%;
    }

    .content .product-img .table {
        width: 100% !important;
    }

    .content .product-img .image img {
        height: auto;
    }

    .content .product-img h2,
    .content .product-img h1 {
        font-size: 26px;
    }

    .container {
        padding-bottom: 100px !important;
    }

    .lbian tr {
        display: flex;
        flex-direction: column;
    }
    .lbian tr .ditu {
        width: auto !important;
    }
}
 @media screen and (min-width: 320px) and (max-width: 768px) {
        .pcd{display:none !important;}
        .nav {
             display: flex;
            align-items: center;
            height: 70px;
            background: #085bb0;
              }
        .logo{width: 60%;
              height: auto;
              background: none;
              clip-path: none;}
        .logo a{width: 100%;
                height: auto;
                padding-top: 6px;
                padding-left: 0;}
        .ydtb {
            display: block !important;
        }
        .solution-container{padding:10px 0 !important;}
        .section-title,.solution-title{font-size:26px !important;
            line-height: 1.6 !important;
        }
        .company-intro,.solution-subtitle{font-size:20px !important;
            line-height: 1.8 !important;
        }
        .ydtb .buildNav .ul {
            /*padding-bottom: 30px;*/
            padding-bottom: 100px;
            margin-right: 10px;
        }
        .ydtb .buildNav ul {
            flex-direction: column;
        }
        .ydtb .buildNav ul .cptx {
            padding: 0 0 20px 0 !important;
        }
        .ydtb .buildNav ul li a {
            width: 100%;
            display: inline-block;
            font-size: 16px;
            color: #6a6a6a;
            font-weight: bold;
            padding-right: 0;
        }
    
        .buildHd {
            height: 70px;
            line-height: 70px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0px 15px;
            position: relative;
            z-index: 99999;
            background: #fff;
        }
    
        .buildHd .nav {
            display: flex;
            width: 100%;
            justify-content: space-between;
            align-items: center;
        }
        .switch {width: 40%;
                 text-align: right;}
        .switch a {font-size: 20px;
                    color: #fff;
                    padding-right:1%;
        }
        .nav .buildHd_navbtn {
            display: inline-block;
            width: 33px;
            height: 18px;
            background: url(/res/caticol/a_img/26050010.png) no-repeat center;
        }
        .buildNav_meng {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: calc(100vh);
            background: rgba(0, 0, 0, .3);
            z-index: 998;
        }
    
        .buildNav {
            display: none;
            background: #FFF;
            padding: 20px 0px;
            position: fixed;
            top: 0;
            right: 0;
            z-index: 999;
            box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
            width: 240px;
            height: calc(100vh);
            overflow-y: auto;
            box-sizing: border-box;
            margin-top: 13%;
        }
    
        .buildNav .ul li {
            border-bottom: 1px solid #E2E2E2;
            position: relative;
            padding: 15px 0 !important;
            margin-left: 30px;
            margin-right: 0;
            display: block;
        }
        .buildNav .ul .cptx .cptx12 {
            line-height: 52px;
        }
        .buildNav ul li span {
            display: block;
            font-size: 14px;
            font-weight: bold;
            padding: 15px 25px;
        }
    
        .buildNav .ul li .head3 {
            position: relative;
            box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
            border-top: 1px solid #E2E2E2;
            padding-top: 0;
            padding-bottom: 0;
            background: rgba(255, 255, 255, 0);
        }
        .head2 .ul .cptx:hover .head3 {
            display: block !important;
        }
    
        .buildNav .ul .cptx .head3 ul li {
            padding: 8px 0 0 18px !important;
            margin-left: 0px;
            border-bottom: 0px solid #E2E2E2;
        }
    
        .buildNav .ul li .head3 ul li a {
            font-size: 16px;
            font-weight: 500;
        }
    
        .buildNav .ul li .head3 ul .cptx {
            padding-top: 0px !important;
        }
        .w,.product{width:95%;
            margin:auto;
            height:auto;
        }
        .section-container,.solution-container,.product-center,.product-list{padding-top:10px !important;}
        .product-item{width: calc(44% - -5.5px);
                      padding-bottom: 20px;}
        .product-img{width: 190px;
                          height:auto;
                      }
        .footer-content{padding-top:10px !important;}
        .footer-bottom{margin-top:10px !important;
        }
        .footer-content table{text-align:left;}
        .footer-content td p{font-size:16px;
            line-height:1.8;
        }
        .footer-content td p span{font-weight:600;}
        .video-banner{height:auto !important;}
        .banner1 img{width:100%;}
        .tech-section p{text-indent:0em !important;}
        .lbian{display:block !important;}
    }