.swiper-pagination1 , .page3-mobile-cont {
    display: none;
}
.mobile-page5-link , .mobile-footer , .mobile-head{
    display: none!important;
}
.pc-footer{
    display: block!important;
}
.pc-page5-link{
    display: flex!important;
}
@media screen and (max-width: 450px) {
/* 首页 */
    #ht-nav{
        display: none;
    }
    .banner1 , .aboutBanner , .aboutBanner2{
        margin-top:-60px;
    }
    .banner1 .banner-title{
        width: 80%;
        padding-left: 0px;
    }
    .banner1 .banner-title h1{
        text-align: center;
        font-size: 30px;
        line-height: 45px;
    }
    .banner1 .banner-title p{
        font-size: 15px;
    }

    .banner1 .banner-title .banner-btn{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .banner1 .banner-title .banner-btn a{
        margin: 0px!important;
        margin-top: 20px!important;
    }

    .page1 .image1 , .page4 .image1{
        height: 325px;
    }
    .page2 .image1{
        height: 667px;;
    }

    .page1 .page1-main , .page2 .page2-main , .page3 .page3-main , .page4 .page4-main , .page5 .page5-main , .footer .footer-main , .footer .copying{
        width: 100%!important;
    }

    .page1 .page1-main h1 , .page2 .page2-main .page2-title h1 , .page3 .page3-main .page3-title h1 , .page4 .page4-main h1 , .page5 .page5-main h1{
        font-size: 30px;
    }
    .page1 .page1-main p , .page2 .page2-main .page2-title p , .page3 .page3-main .page3-title p , .page4 .page4-main p , .page5 .page5-main p{
        font-size: 14px;
        text-align: center;
        line-height: 26px;
    }
    .page2 .page2-main .page2-title{
        margin-bottom: 60px;
    }
    .page2 .page2-main .circle{
        width: 240px;
        height: 240px;
        margin-top: -34px;
        left: 50%;
        margin-left: -120px;
    }

    .swiper-pagination1{
        display: block;
    }
    .swiper-button-next , .swiper-button-prev{
        display: none;
    }
    .swiper-fenye{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 90px;
    }
    .page2 .page2-main .page2-btn{
        margin-top: 30px;
    }
    .swiper-pagination1 .swiper-pagination-bullet{
        margin: 0px 5px;
        padding: 3px;
    }
    .swiper-pagination1 .swiper-pagination-bullet-active{
        background: var(--subColor);
    }
   
    .page2 .page2-main .swiper-slide img{
        width: 110px!important;
        height: 110px!important;
    }
    .page2 .page2-main .swiper-slide-active img, .page2 .page2-main .swiper-slide-duplicate-active img{
        width: 135px!important;
        height: 135px!important;
        margin-top: -20px!important;
    }
    .page2 .page2-main .swiper-slide-active .page2-info p, .page2 .page2-main .swiper-slide-duplicate-active .page2-info p{
        display: none!important;
    }
    .page2 .page2-main .swiper-slide-active .page2-info, .page2 .page2-main .swiper-slide-duplicate-active .page2-info{
        margin-top: -20px!important;
    }
    .page2 .page2-main .swiper-slide .page2-info h2{
        display: none;
    }
    .page2 .page2-main .swiper-container{
        width: 100%;

    }
    .page2 .swiper-slide-active .page2-info h2{
        display: block!important;
    }

    .page3 .image1{
        height: 667px;
    }
    .page3-cont{
        display: none;
    }
    .page3-mobile-cont{
        display: block;
    }
    .page3 .page3-main .page3-title{
        margin-bottom: 10px;
        margin-top: 110px;
    }
    .page3-mobile-cont{
        width: 240%;
        margin-left: -220px;
    }
    .page3-mobile-list{
        position: relative;
    }
    .page3-mobile-list .page3-mobile-info{
        position: absolute;
        top: 0px;
        left: 0px;
        padding: 20px;
        width:85%;
        height: 85%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .page3-mobile-list .page3-mobile-info h2{
        color:#fff;
        font-size: 26px;
    }
    .page3-mobile-list .page3-mobile-info p{
        color:hsla(0,0%,100%,.6);
        font-size: 14px;
        line-height: 26px;
        text-align: center;
        margin-top: 20px;
    }
    .page3-mobile-list .page3-mobile-info a{
        display: inline-block;
        border: 1px solid #fff;
        color:#fff;
        margin-top: 30px;
        padding: 8px 0px;
        width: 80%;
        text-align: center;
        border-radius: 35px;
    }
    .page4 .page4-main p{
        margin: 15px 0px;
    }
    .page5 .image1{
        height: 621px;
    }
    .page5 .page5-main img{
        margin-top: 15px;
    }
    .pc-page5-link{
        display: none!important;
    }
    .mobile-page5-link{
        display: flex!important;
        margin-top: 35px!important;
    }
    .page5 .page5-main p{
        margin: 20px 0px;
    }

    /* 底部 */
    .mobile-footer{
        display: block!important;
        background: var(--themeColor);
        color:hsla(0,0%,100%,.6);
        
    }
    .mobile-footer-main{
        width: 85%;
        margin: 0px auto;
        padding: 20px 0px;
    }
    .mobile-footer-main .mobile-footer-nav ul{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mobile-footer-main .mobile-footer-nav{
        border-bottom: 2px solid hsla(0,0%,100%,.2);
        padding-bottom: 20px;
    }
    .mobile-footer-main .mobile-footer-nav ul li a {
        color:#fff;
    }
    .pc-footer{
        display: none!important;
    }
    .mobile-footer-tell{
        display: flex;
       margin-top: 40px;
       padding-bottom: 40px;
       border-bottom: 2px solid hsla(0,0%,100%,.2);
    }
    .mobile-footer-tell .mobile-footer-tell-left{
        width: 40px;
        height: 40px;
       
        margin-right: 10px;
    }
    .mobile-footer-tell .mobile-footer-tell-left img{
        width: 100%;
    }
    .mobile-footer-tell-right p{
        font-size: 12px;
    }
    .mobile-footer-tell-right h5{
        font-size: 18px;
        color:#fff;
        margin-top:3px;
    }
    .mobile-footer-msg{
        margin-top: 10px;
    }
    .mobile-footer-msg ul li{
        line-height: 28px;
    }
    .mobile-footer-msg div{
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 15px 0px;
    }
    .mobile-copying{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 26px;
    }
    .mobile-copying p{
        text-align: center;
    }
    .mobile-copying a{
        color:hsla(0,0%,100%,.6);
    }
    
    /* 头部 */
    .mobile-head{
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index:99;
       transition: all 0.5s;
       display: block!important;
    }
    .mobile-open{
        background: #fff;
    }
    .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: #fff;
        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)
    }

    /* 内页 */
    .aboutBanner2 , .aboutBanner{
        height: 300px;
    }
    .ht-container{
        margin-top: 0px;
        width: 100%;
        padding-top: 40px;
    }
    .ht-container .ht-content{
        flex-wrap: wrap;
      padding: 0px;
    }
    .ht-container .ht-content .ht-cont-left{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .ht-container .ht-content .ht-cont-right{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 40px;
    }
    .ht-container .ht-content .ht-cont-left ul{
        display: flex;
        flex-wrap: wrap;
    }
    .ht-container .ht-content .ht-cont-left ul li{
        width: 31%;
        margin-right: 10px;
        margin-bottom: 15px;
        line-height: 25px;
        border-bottom: none;
    }
    .ht-container .ht-content .ht-cont-left ul li a{
        background: #f1f1f1;
        color:#333;
    }
    .ht-container .ht-content .ht-cont-left ul li:nth-child(3n){
        margin-right: 0px;
    }
    .ht-container .ht-content .ht-cont-left ul li .active{
        background: #005dc5;
        color:#fff;
    }
    .ht-container .ht-content .ht-cont-left ul li a{
        display: block;
        text-align: center;
        font-size: 14px;
        padding:8px 0px;
    }
    .ht-container .ht-content .ht-cont-right > h2{
        text-align: center;
    }
    .ht-container .ht-content .ht-cont-right{
        margin-top: 20px;
    }
    .ht-container .ht-content .ht-cont-right .ht-cont-right-content .aboutcontent2 table{
        font-size: 12px;
    }
    .ht-container .ht-content .ht-cont-right .ht-cont-right-content .aboutcontent2 table tr td:nth-child(1){
        min-width: 30px;
    }
    .ht-container .ht-content .ht-cont-right .ht-cont-right-content table{
        width: 100%!important;
    }

    .ht-container .ht-content .ht-cont-right .join-content .joinlist ul li .join-left{
        width: 20%;
    }
    .ht-container .ht-content .ht-cont-right .join-content .joinlist ul li .join-left img{
        width: 100%!important;
        height: auto!important;
    }
    .ht-container .ht-content .ht-cont-right .join-content .joinlist ul li .join-right{
        width: 76%;
    }
    .ht-container .ht-content .ht-cont-right .join-content .joinlist ul li .join-right p{
        font-size: 12px;
    }
    .ht-container .ht-content .ht-cont-right .join-content .joincont ul{
        flex-wrap: wrap;
    }
    .ht-container .ht-content .ht-cont-right .join-content .joincont ul li{
        width: 80%!important;
        margin: 0px auto;
        margin-bottom: 30px;
    }
    .ht-container{
        margin-bottom: 0px;
    }

    /* 新闻列表 */
    .ht-container .ht-content .ht-cont-right .newslist ul li a{
        padding: 20px 0px;
        flex-wrap: wrap;
    }
    .ht-container .ht-content .ht-cont-right .newslist ul li a .news-left{
        width: 42%;
    }
    .ht-container .ht-content .ht-cont-right .newslist ul li a .news-right{
        width: 54%;
        
    }
    .ht-container .ht-content .ht-cont-right .newslist ul li a .news-right h2{
        font-size: 15px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        color:#000;
    }
    .ht-container .ht-content .ht-cont-right .newslist ul li a .news-right dl dd{
        font-size: 12px;
    }

    .ht-container .ht-content .ht-cont-right .newslist ul li a .news-right p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
       font-size: 13px;
    }
    .ht-container .ht-content .ht-cont-right .newslist ul li a .news-right dl dd:nth-child(2){
        display: none;
    }
    .ht-container .ht-content .ht-cont-right .pages{
        margin-bottom: 30px;
        margin-top: 30px;
    }
    /* 新闻内容页面 */
    .ht-container .ht-content .ht-cont-right .newscont-title{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
    }
    .ht-container .ht-content .ht-cont-right .newscont-title ul li{
        color:#999;
        font-size: 13px;
    }

    .ht-container .ht-container-title p{
        font-size: 22px;
        text-align: center;
        padding: 0px 20px;
        line-height: 34px;
    }
    /* 产品列表 */
    .ht-container .productlist{
        padding: 0px 15px;
        margin-top: 50px;
    }
    .ht-container .productlist ul li{
        width: 100%!important;
        margin-right: 0px;
    }
    .ht-container .productlist ul li .pro-info h2{
        margin-top: 20px;
    }
    .ht-container .productlist ul li .pro-info p{
        margin-top: 15px;
        padding: 0px 30px;
        line-height: 27px;
        text-align: center;
    }
}