.mobile-banner , .mobile-head , .mobile-status{
    display: none;
}
.pc-status{
    display: block;
}
@media screen and (max-width: 450px) {

    .top1 , .header , .nav , .banner1 , .ht-search{
        display: none;
    }
    .swiper-pagination-bullet{
        padding:3px;
    }
    .mobile-banner{
        display: block;
        margin-top: -38px;
    }
        /* 头部 */
        .mobile-head{
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            z-index:99;
           transition: all 0.5s;
           display: block!important;
        }
        .mobile-open{
            background: #fff;
        }
        .title3 .title3-main{
            width: 350px;
        }
        .mobile-head {
            display: block;
        }
        .mobile-head .mobile-head-main{
            width: 85%;
            margin: 0px auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 5px 0px;
        }
        .mobile-head .mobile-head-btn .mobile-san{
            display: flex;
            flex-direction: column;
         
        }
        .mobile-head-btn{
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .mobile-head-btn .mobile-close{
            display: none;
            font-size: 30px;
            color:#9c9c9c;
            width: 30px;
            height: 30px;
            justify-content: center;
            align-items: center;
            margin-top: -10px;
            margin-left: 20px;
            font-weight: 600;
        }
        .mobile-head .mobile-head-btn span{
            width: 20px;
            height: 2px;
            background: var(--themeColor);
            display: inline-block;
            margin-bottom: 4px;
        }
        .mobile-head .mobile-head-btn span:last-child{
            margin-bottom: 0px;
        }
        .mobile-haed-nav{
           
            overflow: hidden;
            transition: all 0.5s;
            visibility: hidden;
            opacity: 0;
            height: 0px;
        }
        
        .mobile-haed-nav ul li{
            padding: 0px 30px;
            border-bottom: .5px solid #f3f3f3;
            height: 70px;
            line-height: 70px;
            position: relative;
        }
        .mobile-haed-nav ul li a{
            color:#666;
            font-size: 15px;
            display: block;
        }
        .mobile-haed-nav ul li:last-child{
            border-bottom: 0px;
        }
        .mobile-open .mobile-haed-nav {
            visibility: visible;
            height: auto;
            opacity: 1!important;
        }
        .mobile-open  .mobile-san{
            display: none!important;
        }
        .mobile-open .mobile-close{
            display: flex!important;
        }
        .mobile-haed-nav ul li form input[type="text"]{
            width: 80%;
            padding: 10px;
            border-radius: 35px;
            border: 1px solid #ddd;
        }
        .mobile-haed-nav ul li form span{
            width: 30px;
            height: 30px;
            background: url(../images/ico13.png) no-repeat;
            display: block;
            position: absolute;right: 5px;
            top:20px;
            right: 30px;
            background-size: 100%;
            cursor: pointer;
            transform: rotateY(180deg)
        }

        .index-pro .index-pro-main , .youshi .youshi-item-div .youshi-group{
            width: 96%;
        }
        .index-pro .index-pro-main .index-pro-nav ul{
            justify-content: flex-start;
        }
        .index-pro .index-pro-main .index-pro-nav ul li{
            width: 48%;
            margin-right: 10px;
            margin-top: 10px;
        }
        .index-pro .index-pro-main .index-pro-nav ul li:nth-child(2n){
            margin-right: 0px;
        }
        .index-pro .index-pro-main .index-pro-nav ul li a{
            margin: 0px;
            padding: 10px 0px;
            text-align: center;
        }
        /* 首页产品中心 */
        .index-pro .index-pro-main .index-pro-list ul li{
            width: 48.5%;
            margin-right: 10px!important;
            margin-bottom: 20px;
        }
        .index-pro .index-pro-main .index-pro-list ul li:nth-child(2n){
            margin-right: 0px!important;
        }

        .mobile-status{
            display: block;
        }
        .pc-status , .youshi .youshi-item-div .youshi-item-div-right , .youshi .youshi-item-div .youshi-item-div-left{
            display: none;
        }
        /* 优势 */
        .youshiTitle{
            margin-bottom: 10px;
        }
        .youshi .youshi-item-div .youshi-group{
            flex-wrap: wrap;   
            position: relative;
        }
        .youshi .youshi-item-div{
            border-bottom: 1px solid #ddd;
            padding-bottom: 15px;
            margin-bottom: 15px;
        }
        .youshi .youshi-item-div:last-child{
            border: none;
            padding-bottom: 0px;
            margin-bottom: 0px;
        }
        .youshi .youshi-item-div .youshi-group .youshi-item-left , .youshi .youshi-item-div .youshi-group .youshi-item-right{
            width: 100%;
        }
        .youshi .youshi-item-div .youshi-group .youshi-item-right .youshi-ico-row{
            padding-top: 20px;
            padding-left: 0px;
        }
        .youshi .youshi-item-div .youshi-group .youshi-item-right ul{
            padding-top: 10px;
            padding-left: 20px;
            padding-right: 10px;
        }
        .youshi .youshi-item-div .youshi-group .youshi-item-right ul li{
            line-height: 32px;
            font-size: 13px;
        }
        .youshi .youshi-item-div .youshi-group .youshi-item-right .youshi-ico-row p{
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
        }

        /* 首页关于我们 */
        .index-about2{
            width: 100%;
            background: var(--themeColor);
        }

        .index-about2 .index-about2-main{
            width: 88%;
            margin: 0px auto;
            padding: 25px 20px;
        }
        .index-about2 .index-about2-main p{
            color:#fff;
            text-align: justify;
            line-height: 32px;
        }
        .index-about2 .index-about2-main .index-about2-right{
            display: flex;
            flex-direction: column;justify-content: center;
            align-items: center;
        }
        .index-about2 .index-about2-main a{
            display: inline-block;
            color:#000;
            margin-top: 20px;
            background: var(--subColor);
            padding: 8px 35px;
            font-size: 14px;
            border-radius: 35px;
        }

        /* 首页相关证书 */
        .index-honor{
            margin-top: 30px;
        }
        .index-honor .index-honor-main , .index-case .index-case-main , .index-news .index-news-main , .links .links-main , .footer .footer-main{
            width: 96%;
        }
        .index-case .index-case-main ul li{
            width: 42%;
            padding: 10px;
            margin-right: 10px!important;
        }
        .index-case .index-case-main ul li:nth-child(2n){
            margin-right: 0px!important;
        }
        .index-case .index-case-main ul li p a , .index-case .index-case-main ul li .index-case-btn a{
            font-size: 14px;
        }

        .index-case .index-case-main ul li .index-case-btn span{
            margin: 0px 15px;
        }
        .index-case .index-case-main ul li .index-case-btn{
            margin-top: 15px;
        }

        /* 首页新闻 */
        .index-news{
            margin-top: 30px;
        }
        .index-news .index-news-main .index-news-head{
            flex-wrap: wrap;
        }
        .index-news .index-news-main .index-news-head .index-news-head-right , .index-news .index-news-main .index-news-head .index-news-head-left{
            width: 100%;
        }
        .index-news .index-news-main .index-news-head .index-news-head-right{
            margin-top: 20px;
        }
        .index-news .index-news-main .index-news-list ul li{
            width: 100%;
            margin-right: 0px;
        }
        .links .links-main .links-right ul{
            margin-left: 10px;
        }

        /* 底部 */
        .footer .footer-main{
            flex-wrap: wrap;
        }
        .footer .footer-main .footer-left{
            width: 100%;
        }
        .footer .footer-main .footer-right{
            width: 100%;
        }
        .footer .footer-main .footer-right .footer-right-nav ul{
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
        }
        .footer .footer-main .footer-right .footer-right-nav ul li{
            width: 30%!important;
        }
        .footer .footer-main .footer-right .footer-right-navGroup{
            flex-wrap: wrap;
        }
        .foot-nav , .copying .copying-main{
            width: 96%;
            margin: 0px auto;
        }
        .foot-nav ul{
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .foot-nav ul li{
            width: 23%;
            margin-bottom: 10px;
        }
        .footer .footer-main .footer-right .footer-right-navGroup .footer-right-lianxi{
            padding-left: 10px;
        }
        .copying .copying-main{
            flex-wrap: wrap;
            flex-direction: column;
        }
        .copying .copying-main p{
            font-size: 13px;
            text-align: center;
        }
        .copying .copying-main a{
            font-size: 14px;
        }
        .copying .copying-main a:nth-child(2){
            margin: 10px 0px;
        }

        /* 内页开始 */
        .position .position-main , .ht-container{
            width: 96%;
        }
        .ht-container .ht-nav2 ul li{
            width: 45%;
            margin-right: 15px;
        }
        .ht-container .ht-nav2 ul li:nth-child(2n){
            margin-right: 0px;
        }
        .ht-container .ht-nav2 ul li a{
            padding: 12px 0px;
            text-align: center;
            margin: 0px;
            font-size: 13px;
        }
        .ht-container .ht-nav2 ul li{
            margin-bottom: 15px;
        }
        .redian .redian-top{
            flex-wrap: wrap;
        }
        .redian .redian-top .redian-topLeft{
            width: 100%;
        }
        .redian .redian-top .redian-topRight{
            width: 100%;
            margin-top: 20px;
        }
        .redian ul li{
            width: 100%;
            margin-right: 0px;
        }

        .ht-container{
            padding-bottom: 0px;
        }
        /* 内页产品中心 */
        .productlist ul li{
            width: 100%;
            margin-right: 0px;
        }
        .productlist ul li a .proimg img{
            height: auto;
        }
        .ht-container .page{
            flex-wrap: wrap;
        }
        .ht-container .page span{
            margin-bottom: 15px!important;
            display: inline-block;
        }
        .ht-container .page .page-status, .ht-container .page a{
            font-size: 12px;
        }

        /* 产品内容页 */
        .product .proTop{
            flex-wrap: wrap;
        }
        .product .proTop .proLeft{
            width: 100%;
            margin-right: 0px;
        }
        .product .proTop .proRight{
            width: 100%;
            margin-top: 15px;
        }
        .product .proTop .proRight ul li{
            font-size: 12px;
        }

        /* 新闻列表 */
        .ht-container .newslist ul li .newslink{
            flex-wrap: wrap;
            padding: 25px 5px;
        }
        .ht-container .newslist ul li .newslink .news-left{
            flex: none;
            width: 100%;
        }
        .ht-container .newslist ul li .newslink .news-left img{
            border: 1px solid #ddd;
        }
        .ht-container .newslist ul li .newslink .news-container{
            flex: none;
            width: 100%;
            padding-left: 0px;
            margin-top: 10px;
        }
        .ht-container .newslist ul li .newslink .news-container .news-title-row p{
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            margin-bottom: 10px;
        }
        .ht-container .newslist{
            margin-top: 0px;
            padding-top: 0px;
        }
        /* 内页推荐服务项目 */
        .fuwu1 .swiper-container_fuwu1{
            margin-top: 20px;
        }
        .fuwu1{
            margin-top: 30px;
        }
        /* 新闻内容页 */
        .ht-container .title2 h2{
            font-size: 23px;
        }
        .title2 ul{
            flex-wrap: wrap;
        }
        .title2 ul li{
            font-size: 14px;
            margin-right: 15px;
            margin-bottom: 8px;
        }
        .preNext{
            flex-wrap: wrap;
        }
        .preNext a{
            font-size: 13px;
        }
        .preNext a:nth-child(1){
            margin-bottom: 8px;
        }

        /* 案例列表*/
        .caselist ul li{
            width: 42%;
            padding:10px;
            margin-right: 10px!important;
        }
        .caselist ul li:nth-child(2n){
            margin-right: 0px!important;
        }
        .caselist ul li p a{
            font-size: 14px;
        }
        .caselist ul li .index-case-btn{
            margin-top: 10px;
        }
        .caselist ul li .index-case-btn a{
            font-size: 12px;
        }
        .caselist ul{
            margin-top: 20px;
        }
        
        #contact iframe{
            width: 100%!important;
            height: 500px;
        }
        .ht-liuyan{
            width:100%!important;
        }
        .form-group{
            flex-wrap: wrap;
        }
        .form-group .form-item{
            width: 100%!important;
        }
        .yzm{
            flex-direction: column;
            align-items: flex-start!important;
            justify-content: flex-start!important;
        }
        .yzm label{
            margin-top: 10px;
        }
        .ht-container .aboutcontent img{
            margin-top: 10px;
        }
        .ht-liuyan form{
            padding: 18px!important;
        }
        input[type="button"], input[type="submit"], input[type="reset"] {
            -webkit-appearance: none;
            }
            textarea { -webkit-appearance: none;}
}