@media only screen and (max-width: 1920px){
    .navbar-nav>li{ margin-left: 15px;}

}
@media only screen and (max-width: 1440px) {
    .navbar-nav>li{ margin-left: 15px;}
    .apple-banner,.apple-banner .swiper-container{height: 680px;}
    .swiper-slide .title{width: 45%;}
    .swiper-slide .title h1{ font-size: 45px;}
    .swiper-slide .title_con{padding-top: 40%;}
    .swiper-slide .title p{ font-size: 16px;}

    .navbar-nav>li{margin-left:5px;}
    .wrapper_con{ width:90%;}
    .login_se{
        width: 75%;
    }
}
@media only screen and (max-width: 1280px) {

    .apple-banner,.apple-banner .swiper-container{height: 650px;}

    .business_box .nav-tabs{width: 80%;}
    .navbar-nav>li{margin-left:3px;}
    
    .home_aboutus,.home_services_con,.Our_services_nu,.home_news,.footer_con,.main_inner,.aboutus_con{ width: 1000px;}
    .home_aboutus_text dt{ font-size: 40px; margin-bottom: 25px; height: 46px; line-height: 46px;}
    .caseuL li{height: 180px;}
    .Service_shuilv{width: 90%; margin: 0 auto; padding: 3rem 0px;}
    .main-contact{ width: 90%;}
    .swiper-slide .title{width:50%;}

}
@media only screen and (max-width: 1000px) {
    .aboutus_con{ width: 100%;}
    .abt_wk{width: 80%; padding: 30px;}
    .aboutus_banner_text h1{font-size: 45px;}
    .aboutus_inner h1{font-size: 40px;}
    .login_se{
        width: 90%;
    }
    .contact_msg{width: 70%;}

    .huilv{padding: 0px;}
    .subpic{padding:100px 60px;}
}
@media only screen and (max-width: 800px){
    .home_aboutus,.home_services_con,.Our_services_nu,.home_news,.footer_con,.main_inner,.aboutus_con{ width: 100%;}

    .centerBox{padding: 0px 15px;}

    .navbar-brand img{height: 50px;}
    .apple-banner,.apple-banner .swiper-container{height: 580px;}
    .swiper-slide .title{width:100%;background-color: rgba(0, 159, 200,0.7);}
    .swiper-slide .title h1{ font-size: 32px;}
    .swiper-slide .title_con{padding-top: 30%;}
    .swiper-slide .title p{ font-size: 14px;}
    .swiper-slide h6{font-size: 14px; }

    .swiper-slide.slide1 .title{background-color: rgba(255, 150, 44,0.7);}
    .swiper-slide.slide2 .title{background-color: rgba(255, 84, 44,0.7);}

    .home_aboutus{ margin: 3rem auto;}
    .home_aboutus_text dt{ font-size: 36px; margin-bottom: 15px; height: 40px; line-height: 40px;}

    .home_aboutus_btn{ margin-top: 15px;}
    .home_aboutus .home_aboutus_text{ width: 76%; top: 100px;}
    .home_aboutus .home_aboutus_img{  width: 73%;}
    .home_aboutus .maohao{left: 68%; top:80px;}
    .home_aboutus .maohao img{ width: 70%;}

    .business_subpicbox{
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }
.business_contentbox{width: 90%;}

.business_box .nav-tabs{width: 100%;}
    .business_contentbox .big_title2{ height: auto; margin-top: 3rem;;}
    .caseuL li {
        margin: 0 10px 30px;
        width: calc(50% - 20px);
        transition: all 1s linear;
        overflow: hidden;
        position: relative;
        height: 150px;
        border-radius: 8px;
        flex: 1;
        min-width: calc(50% - 20px);
        max-width: calc(50% - 20px);

    }
    .main-contact{ padding: 0px;}
    .case_title h4{line-height: 1.8; margin: 0px;}
    .case_title{height: auto;}
    .big_title2 h1{font-size: 36px;}
.qg_list ul li.qg_pro h6{font-size: 14px;}

    .business_contentbox02{ padding: 3rem 15px;}
    .footerDiv{padding: 1.5rem 0px;}
    .information{display: block; width: 90%;}
    .information ul{width: 100%;}

    .apple-banner .swiper-pagination{ bottom: 0px;}
    .apple-banner .swiper-pagination-bullet{height: 8px;}
    .home_newtext ol li h4,.home_newtext ol li p{width: 80%;}

    .NewDetail .NewDetail_title h1{font-size: 28px;}
    .Service_shuilv{ padding:3rem 0;}
    .huilv table{width: 100%;}
    .login_se{
        width: 100%;margin: 0px;
    }
    .login_se img{width:auto; max-width:100%;}
    .login_se form{width: 100%;}
    .contact_msg{width: 90%;}

@media only screen and (max-width: 768px) {
    .navbar-brand img{height: 40px;}
    .apple-banner,.apple-banner .swiper-container{height: 480px;}

}
@media only screen and (max-width: 640px) {
    .swiper-slide .title_con{width: 96%;}
    .business_contentbox{ width: 100%;}
    .apple-banner,.apple-banner .swiper-container{height: 380px;}

    .home_aboutus{ width: 100%;margin: 1rem auto; height: 500px;}
    .home_aboutus_text dt{ font-size: 28px; margin-bottom: 15px; height: 40px; line-height: 40px;}
    .home_aboutus_text dd{
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:4;
        -webkit-box-orient:vertical;
        font-size: 16px;
        height: 100px;
    }
    .home_aboutus .home_aboutus_text{ width: 100%; top: 200px; padding: 20px; height: 255px;}
    .home_aboutus .home_aboutus_img{  width: 100%;}
    .home_aboutus .maohao{left: 88%; top:190px;}
    .home_aboutus .maohao img{ width: 70%;}

    .Our_services{ display: none;}


    .m_services{    background: #fff url(../image/bg2.png) no-repeat center top;
        padding-top: 60px;
        padding-bottom: 20px;
        display: block;
    }

    .m_big_title{ color: #fff; text-align:center;}
    .m_big_title p{text-align: center;}
    .m_big_title h1{ font-size: 28px;}
    .m_services_con{
        background: #fff; width: 90%; margin: 0 auto;box-shadow: 0px 2px 20px 0px rgb(233 233 233 / 60%);
        padding: 20px 0px;margin-top: 20px;
    }
    .m_services_con dl{display: flex; margin-bottom: 10px;}
    .m_services_con dl dt{width: 32%;}
    .m_services_con dl dt a h2{
        color: #fff; background: #009FC8;
    height: 65px; width: 65px; line-height:65px;
    text-align: center; border-radius: 100%; margin:20px auto;
    }
    .m_services_con dl dt a h2 span.iconfont{font-size:36px; font-weight: normal;}
    .m_services_con dl dd{width: 66%; text-align: left;}
    .m_services_con dl dd a h3{ font-size: 20px;}
    .m_services_con dl dd a p{
        font-size: 14px;
        color: #777;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-align: left;
    }


    .Our_services_nu{padding: 5px; height: auto;}
    .Our_services_nu ul li h1{ font-size: 32px;}
    .Our_services_nu ul li{width: 33%; margin: 0px;}
    .Our_services_nu ul li p{width: 90%;}

    .big_title2{height:auto; margin-bottom: 30px;}
    .big_title2 h1{font-size: 28px; margin: 10px auto;}

    .home_news{height: auto;}
    .home_news .newPic{ float:none; width: 90%; margin: 0 auto 40px;}
    .home_news .newPic .new_img{height: 260px;}
    .home_news .newPic img{width: 100%;}
    .home_newtext{float:none; width: 90%; margin: 0 auto;}


    
    .business_box .nav-tabs{width: 100%;}
    .business_box .nav-tabs li{ margin: 0 1%; width:29%;}
    .business_box .nav>li>a{ padding: 0px;}
    .business_contentbox{padding: 0px 15px;}
    .case_title h4{font-size: 16px;}
    .big_title2 p{font-size: 16px;}
    .qg_list_pc{ display: none;}
    .qg_list_mb{ display: block;}
    .qg_list ul li.qg_pro{ width: 20%; text-align: center;}
    .qg_list ul li.qg_line {
        width: 6%;
    }
    .qg_list{margin-bottom: 0px;}
    .qg_list_mb .qg_list ul li.qg_pro h5 .icon{width: 42px;height: 42px;}
    .qg_list_mb .qg_list ul li.qg_line p{padding-top: 20px;}

    .subpic{padding: 20px; height: 160px;}
    .subpic h1{font-size: 28px;}
    .NeweList_inner{padding: 20px;}
    .NeweList .NeweImg{width: 35%; height: auto; margin-right: 0;}
    .NeweList .NeweList_text{width: 65%;}
    .NeweImg img{width: 100%; height: auto;}
    .NeweList .NeweList_text p{-webkit-line-clamp: 1; margin: 3px 0;padding-left: 12px;}
    .NeweList .NeweList_text h4{font-size: 18px; padding-left: 12px; line-height: 1.2;}
    .NeweList .NeweList_text h6{padding-left: 12px;margin: 3px 0;}
    .NeweList li{margin-bottom: 5px;}

    .mb_NewDetail .subpic{display: none;}
    .mb_NewDetail .main_inner .in_nav{background: #f7f7f7;padding: 10px 15px;}
    .mb_NewDetail .NewDetail .NewDetail_title{
        text-align: left;
        margin-top: 0px;
        padding-bottom: 0px;
    }
    .mb_NewDetail .NewDetail .NewDetail_title h1{ margin: 0px;}
    .aboutus_banner_text{padding: 40px 0px;}
    .abt_wk{width:90%;}
    .aboutus_banner_text h1{font-size: 32px;}
    .aboutus_inner h1{ font-size: 28px; font-weight: bold;}
    .aboutus_con{padding: 40px 0px;margin-bottom: 0px;}
    .aboutus_inner h1{margin-bottom: 16px;}
    .contact_msg{width: 100%;}
}

@media only screen and (max-width: 480px) {
    .caseuL li{height: 100px;}

    }


@media only screen and (max-width:375px) {
    .home_news .newPic .new_img{height: 250px;}
    .caseuL li{height: 95px;}
}

}