@media (max-width: 980px) {
    .top {
        display: none;
    }

    a {
        outline: none;
    }


    .mobileNav {
        display: block;
    }

    dl dt img, .product_detail .img img {
        min-width: 100%;
        height: auto;
    }

    body {
        min-width: 100%;
        font-size: 0.18rem;
        padding-top: 0.55rem;
    }

    .mainApp {
        width: 100%;
        min-width: auto;
        overflow: hidden;
        padding: 0 0.2rem !important;
    }

    .menu_box {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: rgba(0, 0, 0, 0.7);
        transform: translateX(-100%);
        transition: all 0.3s ease;
    }

    .menu_box.into {
        transform: translateX(0);
    }

    .menu_cot {
        width: 70%;
        height: 100%;
        background: #fff;
        transform: translateX(-100%);
        transition: all 0.3s ease;
    }

    .menu_box.into .menu_cot {
        transform: translateX(0);
        transition: all 0.3s 0.2s ease;
    }

    .menu_close {
        position: absolute;
        top: 0;
        right: 0%;
        width: 30%;
        height: 50px;
        z-index: 10;
        transform: translateX(-100%);
        transition: all 0.3s ease;

    }

    .menu_box.into .menu_close {
        transform: translateX(0);
        transition: all 0.3s 0.2s ease;
    }

    .menu_close img {
        width: 0.6rem;
        margin: 0.1rem auto;
    }

    .menu_box .navMenubox .navMenu li a {
        display: block;
        width: 100%;
        padding: 0.15rem 0.1rem;
    }

    .menu_box .navMenubox .navMenu li {

        border-bottom: solid 1px #f4f4f4;
    }

    .menu_box .navMenubox .navMenu li i {
        font-size: 0.18rem;
        float: right;
    }

    .menu_box .navMenubox .navMenu li a {
        color: #666666;
    }

    .menu_box .navMenubox .search {
        width: 100%;
        text-align: center;
        padding: 0.2rem 0;
    }

    .menu_box .navMenubox .search a {
        color: #1d5bb6;
        font-size: 0.22rem;
    }

    .topBar {
        width: 100%;
        height: 0.55rem;
        background: #ffffff;
        padding: 0 0.2rem;
        position: fixed;
        top: 0;
        z-index: 999;
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    }

    .topBar .openMenu {
        float: right;
        line-height: 0.55rem;
    }

    .topBar .openMenu i {
        font-size: 0.34rem;
        color: #1d5bb6;
    }

    .topBar .logo {
        width: 1.2rem;
        height: 100%;
        background: url("../img/logo.png") no-repeat left center;
        background-size: contain;
        float: left;
    }

    .banner {
        width: 100%;
        height: 3rem;
    }

    .parents dl {
        width: 50%;
        padding: 0 0.2rem;
    }

    .parents dl dt {
        height: 1.2rem;
    }

    .product h2, .settlement h2, .users h2, .about .title h2, .news .title h2 {
        font-size: 0.24rem;
        margin-bottom: 0.1rem;
    }

    .product .title h2:after, .news .title h2:after, .settlement .title h2:after, .users .title h2:after, .about .title h2:after {
        width: 1rem;
        height: 0.04rem;
        margin-left: -0.67rem;
    }

    .product .title p, .settlement .title p, .users .title p, .news .title p {
        font-size: 0.18rem;
    }

    .product .tab, .news .tab {
        width: 100%;
        height: 0.5rem;
        overflow-x: scroll;
        white-space: nowrap;
        margin-bottom: 0.3rem;
        position: relative;
        top: auto;
        left: auto;
    }

    .product .tab ul li, .news .tab ul li {
        padding: 0;
        float: none;
        width: auto;
        display: inline-block;
    }

    .product .mainApp {
        padding: 0 0.2rem;
    }

    .product .tab ul li span, .news .tab ul li span {
        height: auto;
        font-size: 0.16rem;
        line-height: 1;
        padding: 0.08rem 0.12rem;
    }

    .product .list .box {
        padding: 0;
        width: 100%;
        margin-bottom: 0.2rem;
    }

    .users .list .box, .news .list .box, .news_list .box {
        padding: 0;
        width: 100%;
        margin-bottom: 0.2rem;
    }

    .users .list .box dl dt, .news .list .box dl dt, .news_list .box dl dt {
        height: 3rem;
    }

    .users .list .box dl dd {
        padding: 0.2rem;
    }

    .users .list .box dl dd h4 {
        font-size: 0.2rem;
    }

    .users .list .box ul li {
        font-size: 0.16rem;
    }

    .users .list .box ul li:after {
        width: 0.06rem;
        height: 0.06rem;
        top: 0.11rem;
    }

    .resource .list .box, .about_us .advantage .list .box {
        margin-bottom: 0.2rem;
    }

    .resource h2 {
        font-size: 0.24rem;
        height: 0.56rem;
    }

    .resource h2:before {
        border: solid 5px transparent;
        border-bottom-color: #1d5bb6;
        margin-left: -5px;
    }

    .resource h2:after {
        width: 1rem;
    }

    .news .title {
        padding: 0;
    }

    .about .title h2:after, .news .title h2:after {
        left: 0;
        margin: 0;
    }

    .news .list .box dl dd h4 {
        font-weight: 500;
        font-size: 0.2rem;
    }

    .news .list .box dl dd p, .news_list .box dl dd p {
        font-size: 0.17rem;
    }

    .about .box dl dt {
        margin: 0 0 0.2rem 0;
        width: 100%;
        height: 3rem;
        float: left;
    }

    .about .box dl dd {
        width: 100%;
        padding: 0;
    }

    .about .box dl dd h4 {
        font-size: 0.22rem;
    }

    .about .box dl dd p {
        font-size: 0.18rem;
        padding-bottom: 20px;
    }

    .settlement .list .box dl dd a, .about .box dl dd a {
        width: 1.2rem;
        height: 0.44rem;
        line-height: 0.44rem;
        font-size: 0.18rem;
        position: relative;
    }

    .settlement .list {
        padding: 0.2rem;
    }

    .settlement .list .box dl dt {
        width: 100%;
        height: 2.8rem;
    }

    .settlement .list .box dl dd {
        padding: 0;
        width: 100%;
        clear: both;
    }

    .settlement .list .box dl dd h4 {
        font-size: 0.24rem;
    }

    .settlement .list .box dl dd p {
        font-size: 0.16rem;
        margin-bottom: 0.2rem;
    }

    .settlement .tab ul li {
        width: auto;
        padding: 0 0.05rem;
        font-size: 0.16rem;
        display: inline-block;
        float: none;
    }

    .settlement .tab ul li span {
        height: auto;
        line-height: 1;
        padding: 0.1rem;
    }

    .settlement .tab ul li.active {
        padding: 0 0.1rem;
        width: auto;
    }

    .settlement .list .cut-over {
        width: 100%;
        height: auto;
        left: 0;
        top: 50%;
        margin-top: -0.22rem;
    }

    .settlement .list .cut-over div {
        width: 0.45rem;
        height: 0.45rem;
        line-height: 0.45rem;
        background: #1d5bb6;
        margin: 0;
    }

    .settlement .list .cut-over div i {
        font-size: 0.18rem;
        color: #ffffff;
    }

    .settlement .list .cut-over div.prev {
        left: -0.15rem;
        position: absolute;
    }

    .settlement .list .cut-over div.next {
        right: -0.15rem;
        position: absolute;
    }

    .footer .footerNav {
        display: none;
    }

    .footer .companyInfo {
        clear: both;
        float: none;

    }

    .footer {
        padding: 0.2rem 0;
    }

    .footer .companyInfo p strong {
        font-size: 0.24rem;
    }

    .copy {
        font-size: 0.14rem;
    }

    .footer .companyInfo dl dt {
        padding: 0;
    }

    .footer .companyInfo dl img {
        width: 30%;
        height: auto;
        margin: 0 auto;
        min-width: auto;
    }

    .footer .companyInfo dl dd {
        text-align: center;
        font-size: 0.14rem;
        padding-top: 0.05rem;
    }

    .about_banner {
        height: 2.4rem;
    }

    .about_banner .title h2 {
        font-size: 0.28rem;
    }

    .about_banner .title p {
        font-size: 0.2rem;
    }

    .about_banner .title p.small {
        font-size: 0.16rem;
    }

    .news_tab {
        height: 0.6rem;
        overflow: hidden;
    }

    .news_tab ul {
        width: 100%;
        overflow-x: scroll;
        display: inline-block;
        height: 0.62rem;
        white-space: nowrap;
    }

    .news_tab ul li {
        display: inline-block;
        width: 1.3rem;

        float: none;
        padding: 0.14rem;
        font-size: 0.18rem;
    }

    .about_us .info h2, .about_us .advantage h2, .about_us .history h2, .aboutUsers h2, .about_us .contact h2 {
        font-size: 0.28rem;
    }

    .about_us .info dl.plan {
        padding: 0;
    }

    .about_us .info dl.plan dt {
        width: 100%;
        height: 3rem;
        margin-bottom: 0.2rem;
    }

    .about_us .info dl.plan dd {
        width: 100%;
        padding: 0;
    }

    .about_us .info dl.plan dd h4 {
        font-size: 0.24rem;
        line-height: 1.5em;
    }

    .about_us .info dl.plan dd p {
        font-size: 0.16rem;
    }

    .about_us .info .list .box {
        width: 100%;
        padding: 0;
        margin-bottom: 0.2rem;
    }

    .about_us .info .list .box dt {
        height: 3.2rem;
    }

    .about_us .advantage .box h4 {
        font-size: 0.22rem;
    }

    .about_us .advantage .box p {
        font-size: 0.16rem;
        width: 100%;
    }
    
    .about_us .advantage .box img{
        max-width: 100%;
        width: auto;
        height: auto;
    }

    .about_us .advantage .box {
        padding: 0;
    }
    
    .about_us .advantage .list .box{
        width: 31%;
        margin: 0px 1%;
    }
    

    .about_us .advantage .box.substances .list_ .box_ {
        width: 50%;
        padding: 0 0.2rem;
        margin-bottom: 0.2rem;
    }

    .about_us .advantage .box.substances .list_ .box_ dl dd h6 {
        font-size: 0.24rem;
    }

    .about_us .contact .card {
        width: 100%;
        padding: 0;
        margin-bottom: 0.2rem;
    }

    .about_us .contact .card dl dd h4 {
        font-size: 0.24rem;
    }

    .about_us .contact .card dl dd p {
        font-size: 0.18rem;
    }

    .about_us .contact .card dl {
        padding: 0.4rem;
    }

    .about_us .aboutUsers .list .box div {
        margin: 0;
    }

    .about_us .aboutUsers .list .box {
        width: 50%;
        padding: 0 0.1rem;
        margin-bottom: 0.2rem;
    }

    .about_us .historyBox dl dt {
        width: 100%;
        margin-bottom: 0.2rem;
    }

    .about_us .historyBox {
        padding: 0;
        margin-bottom: 0.2rem;
    }

    .about_us .historyBox dl dd {
        width: 100%;
        padding: 0;
    }

    .about_us .historyBox dl dd h4 {
        font-size: 0.26rem;
        height: 0.45rem;
    }

    .about_us .historyBox dl dd p {
        font-size: 0.16rem;
    }

    .about_us .history .year_list ul {
        padding: 0;
    }

    .about_us .history .year_list {
        white-space: nowrap;
        width: 100%;
        overflow-x: scroll;
    }

    .about_us .history .year_list ul li {
        display: inline-block;
        float: none;
        width: 1.2rem;
        font-size: 0.22rem;
    }

    .video_banner {
        height: 2.4rem;
    }

    .news_banner .title h2, .contact_banner .title h2 {
        font-size: 0.28rem;
    }

    .news_banner .title p, .contact_banner .title p {
        font-size: 0.18rem;
    }

    .video h2 {
        font-size: 0.28rem;
    }

    .video .tab {
        width: 100%;
        white-space: nowrap;
        overflow-x: scroll;
        height: 0.65rem;
    }

    .video .tab ul li {
        padding: 0 0.05rem;
        float: none;
        display: inline-block;
        width: 1.3rem;
    }

    .video .tab ul li span {
        line-height: 0.4rem;
        height: 0.4rem;
        font-size: 0.17rem;
    }

    .pagination ul li {
        font-size: 0.2rem;
        padding: 0 0.2rem;
    }

    .pagination ul li.prev a, .pagination ul li.next a {
        font-size: 0.18rem;
    }

    .service .service_title h2 {
        font-size: 0.28rem;
    }

    .service .service_title p {
        font-size: 0.16rem;
        width: 100%;
    }

    .service .serviceBox dl dt {
        width: 100%;
        font-size: 0.22rem;
        padding-bottom: 0.15rem;
    }

    .service .serviceBox dl dd {
        width: 100%;
    }

    .service .serviceBox dl dd {
        font-size: 0.16rem;
    }

    .service .serviceBox .box {
        width: 100%;
        padding: 0;
        margin-bottom: 0.1rem;
    }

    .case_banner {
        height: 2.4rem;
    }

    .navigation {
        font-size: 0.17rem;
    }

    .case_list .list {
        padding: 0;
    }

    .case_list .list dl dt {
        width: 100%;
        height: 2.8rem;
    }

    .case_list .list dl dd {
        padding: 0;
        width: 100%;
        font-size: 0.16rem;
    }

    .case_list .list dl dd h4 {
        font-size: 0.24rem;
        padding: 0.15rem 0;
    }

    .case_list .list dl dd p {
        margin-bottom: 0.25rem;
    }

    .case_list .leftBar {
        display: none;
    }

    .case_list .video {
        padding: 0.25rem 0;
    }

    .case_list .video .mainApp {
        padding: 0 !important;
    }

    .case_list .video .tab ul li {
        width: auto;
    }

    .case_list .video .tab ul li span {
        padding: 0 0.1rem;
    }

    .contact_banner {
        height: 2.4rem;
    }

    .about_us .contact .online_message p, .about_us .contact .online_message ul li {
        font-size: 0.16rem;
    }

    .about_us .contact .online_message label {
        font-size: 0.16rem;
    }

    .about_us .contact .online_message form p {
        font-size: 0.18rem;
    }

    .about_us .contact .online_message form ul li {
        width: 100%;
        font-size: 0.16rem;
    }

    .news_banner {
        height: 2.4rem;
    }

    .news_list .box dl dd h4 {
        font-size: 0.2rem;
        height: 0.65rem;
    }

    .news_page {
        padding: 0.2rem;
    }

    .news_page .pageTitle h2 {
        font-size: 0.26rem;
    }

    .news_page .pageTitle p {
        font-size: 0.17rem;
    }

    .news_page .detail p {
        font-size: 0.16rem !important;
    }

    .news_page .prev_next ul li a {
        font-size: 0.16rem;
    }

    .news_page a.back {
        font-size: 0.18rem;
        padding: 0.09rem 0.2rem;
        float: left;
    }

    .product01_banner {
        height: 1.55rem;
    }

    .product_list .list dl dt {
        width: 100%;
        height: 3rem;
    }

    .product_list .list dl dd {
        width: 100%;
        padding: 0;
        height: auto;
    }

    .about_us .productUsers h2, .product_news h2 {
        font-size: 0.28rem;
    }

    .product_list .list dl dd h4 {
        font-size: 0.22rem;
        padding: 0.1rem 0;
    }

    .product_list .list dl dd p {
        font-size: 0.16rem;
        margin-bottom: 0.2rem;
    }

    .product_list .list dl dd .btns {
        position: relative;
        margin: 0;
        transform: none;
    }

    .product_list .list dl dd .btns a {
        display: inline-block;
        width: auto;
        padding: 0.1rem 0.15rem;
        font-size: 0.16rem;
        margin-right: 0.1rem;
    }

    .navigation i {
        font-size: 0.18rem;
    }

    .product_detail .detail .info dl dt {
        width: 100%;
        height: 3rem;
        margin-bottom: 0.2rem;
    }

    .product_detail .detail .info {
        padding: 0.2rem;
    }

    .product_detail .detail .info dl dd {
        width: 100%;
        padding: 0;
    }

    .product_detail .detail .info dl dd h4 {
        line-height: 1.8em;
        font-size: 0.26rem;
    }

    .product_detail .detail .info dl dd h4 {
        padding-bottom: 0.1rem;
    }

    .product_detail .detail .info dl dd p {
        font-size: 0.16rem;
        line-height: 1.5em;
    }

    .product_detail .detail dl dd a {
        font-size: 0.16rem;
        padding: 0.1rem 0.2rem;
    }

    .product_detail .download .icon {
        width: 0.42rem;
        height: 0.4rem;
        line-height: 0.4rem;
        margin-top: 0.04rem;
    }

    .product_detail .download .icon i {
        font-size: 0.28rem;
    }

    .product_detail .detail .tab {
        width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
    }

    .product_detail .detail .tab ul li {
        width: auto;
        float: none;
        padding: 0 0.2rem;
        display: inline-block;
        font-size: 0.18rem;
    }

    .product_detail .detail .tab ul li:after {
        right: 0;
    }
    
    .product_detail .detail .detail_box{
        overflow-x: auto;
    }

    .product_detail .detail .detail_box h2 {
        font-size: 0.24rem;
    }

    .product_detail .detail .detail_box h2:before {
        height: 0.18rem;
    }

    .product_detail .detail .detail_box .box ul li {
        width: 100%;
        padding: 0.08rem 0 0.08rem 0.2rem;
        font-size: 0.16rem;
    }

    .product_detail .detail .detail_box .box ul li i {
        top: 0.16rem;
    }

    .product_detail .detail .detail_box .box p {
        font-size: 0.16rem;
    }

    .product_detail .detail .detail_box .box div.al, .range .list div.al {
        width: 100%;
        padding: 0;
        margin-bottom: 0.2rem;
    }

    .product_detail .detail .detail_box .al dl dd p, .range .list div.al dl dd p {
        font-size: 0.18rem;
    }

    .product_detail .detail .detail_box .box ul li h4 {
        font-size: 0.16rem;
        padding-bottom: 0.05rem;
    }

    .product_detail .detail .detail_box .box .list_box div {
        width: 100%;
        padding: 0;
        margin-bottom: 0.2rem;
    }

    .product_detail .detail .detail_box .box .list_box div dl dt {
        width: 100%;
    }

    .product_detail .detail .detail_box .box .list_box div dl dd {
        width: 100%;
        padding: 0;
    }

    .product_detail .detail .detail_box .box .list_box div dl dd h4 {
        font-size: 0.16rem;
    }

    .product_detail .detail .detail_box .box .box_list div {
        width: 100%;
        padding: 0;
        margin-bottom: 0.25rem;
    }

    .product_detail .detail .detail_box .box .box_list.fiveBox div {
        width: 100%;
    }

    .product_detail .img {
        width: 100%;
    }

    .product_detail .detail .detail_box .box .box_list {
        padding-bottom: 0.3rem;
    }

    .product_detail .lastUL {
        width: 100%;
        padding: 0;
    }

    .product_detail .detail .detail_box .box ul li h4 {
        padding: 0;
    }

    .product_detail .lastUL li p {
        margin: 0;
    }

    .product_detail .detail .detail_box .box .img_left .lastUL {
        padding: 0;
    }

    .product_detail .detail .detail_box .box .img_left .lastUL li p {
        margin-bottom: 0.3rem;
    }

    .product_detail .detail .detail_box .box .box_list.products div dl dd, .product_detail .detail .detail_box .box .box_list.sortBox div dl dd {
        font-size: 0.16rem;
    }

    .detail table, td, th {
        font-size: 0.16rem;
    }

    .product_detail .detail .detail_box .video {
        width: 100%;
        height: 3rem;
        position: relative;
    }

    .product_detail .detail .detail_box .video i {
        font-size: 0.38rem;
    }

    .product_detail .detail .detail_box .video .video_bg {
        width: 100%;
        height: 100%;
        line-height: 3rem;
        position: absolute;
        z-index: 99;
        text-align: center;
    }

    .product_detail .detail_box .box .select {
        width: 100%;
        margin-bottom: 0.2rem;
        padding: 0.2rem;
    }

    .product_detail .detail_box .box .select h3 {
        font-size: 0.22rem;
    }

    .product_detail .detail_box .box .select .parents_list .parents_box {
        width: 50%;
        padding: 0 0.05rem;
    }

    .product_detail .detail .detail_box .box .box_list.products div {
        width: 100%;
        padding: 0;
    }

    .product_detail .detail_box .box .prev, .product_detail .detail_box .box .next {
        left: 0.2rem;
        background: #ffffff;
    }

    .product_detail .detail_box .box .next {
        right: 0.2rem;
        left:auto;
    }

    .line_banner .title {
        width: 100%;
        padding: 0 0.2rem;
        left: 0;
    }

    .line_banner .title h2 {
        padding-bottom: 0.1rem;
        font-size: 0.26rem;
    }

    .case_banner .title p {
        font-size: 0.16rem;
        line-height: 1.5em;
    }

    .equipment h2, .range h2, .equipments h2, .lineStep h2 {
        font-size: 0.24rem;
        padding-bottom: 0.15rem;
    }

    .range, .lineStep, .equipment, .caseStep {
        padding: 0.3rem 0;
    }

    .range p, .lineStep p, .equipment p, .caseStep .step p {
        font-size: 0.16rem;
        text-align: left;
    }

    .range .list div.al dl dt {
        height: 3rem;
    }

    .equipments .list .box.half, .lineStep .list .box.half {
        width: 100%;
        padding: 0;
    }

    .equipments .list .box, .lineStep .list .box {
        width: 100%;
        padding: 0;
    }

    .equipments .list .box dl dt, .lineStep .list .box dl dt {
        height: auto;
    }

    .caseStep .step h6, .tables h6, .equipment h4 {
        font-size: 0.2rem;
    }

    .caseStep .step h6:before, .tables h6:before, .equipment h4:before {
        height: 0.16rem;
    }

    .equipment .list .box {
        width: 100%;
        padding: 0;
    }

    .equipment .list .box dl dd {
        font-size: 0.16rem;
    }

    .casesUsers h2 {
        font-size: 0.24rem !important;
    }

    .line_detail .detail .about_us h2, .line_detail .detail .detail_box h5 {
        font-size: 0.24rem;
        padding-bottom: 0.1rem;
    }

    .recommend {
        padding: 0.3rem 0 !important;
    }

    .case_banner .title {
        width: 100%;
        left: 0;
        padding: 0 0.2rem;
    }

    .case_banner .title h2 {
        font-size: 0.26rem;
    }

    .attribute h4, .caseStep h4, .highlights h4, .tables h4, ._advantage h4, .cases h4, .programme h4, .recommend h5 {
        font-size: 0.24rem;
        padding-bottom: 0.2rem;
    }

    .tableBox {
        width: 100%;
        overflow-x: scroll;
    }

    .tableBox table {
        width: 10rem !important;
    }

    .detail .pic_txt dl dd h5 {
        font-size: 0.18rem;
        padding-bottom: 0.1rem;
    }

    .detail .pic_txt dl dd {
        width: 100%;
        padding: 0;
    }

    .detail .pic_txt dl dt {
        width: 100%;
        margin-bottom: 0.2rem;
    }

    .detail .pic_txt {
        padding: 0.2rem 0;
    }

    .highlights ul li {
        width: 100%;
        padding: 0.2rem 0.2rem 0.2rem 0.44rem;
        font-size: 0.16rem;
        line-height: 1.6em;
    }

    .highlights ul li:before {
        top: 0.3rem;
    }

    .detail .pic_txt dl dt p {
        font-size: 0.16rem;
    }

    .detail .pic_txt dl dd h5 i, .detail ._txt p i {
        vertical-align: 0.04rem;
    }

    ._advantage .detail_box dl dd {
        font-size: 0.16rem !important;
    }

    .detail ._txt p {
        font-size: 0.18rem;
        padding-bottom: 0.1rem;
    }

    .product_detail .detail ._advantage .detail_box .other_box .box_list div {
        width: 100%;
        padding: 0;
    }

    .product_detail .detail ._advantage .detail_box .other_box .box_list div dl dt {
        height: 2.6rem;
    }

    .product_detail .detail ._advantage .detail_box .other_box {
        padding-bottom: 0.2rem;
    }

    .detail .pic_txt dl dd {
        font-size: 0.16rem;
    }

    .cases .list .box {
        width: 100%;
    }

    .programme p {
        font-size: 0.16rem;
        text-align: left;
    }

    .settlement .tab ul li.active:first-child {
        width: auto;
    }

    .settlement .tab {
        height: 0.6rem;
        overflow-x: scroll;
        width: 100%;
        white-space: nowrap;
    }

    .settlement .tab ul {
        display: inline-block;
    }

    .banner_pagination ul li.swiper_ {
        width: 0.2rem;
    }

    .banner_pagination ul li.swiper_:after {
        width: 0.2rem;
    }

    .banner_pagination ul li {
        font-size: 0.16rem;
        width: 0.35rem;
    }

    .banner_pagination ul li i {
        font-size: 0.16rem;
    }

    .banner_pagination {
        width: 100%;
        min-width: 100%;
        height: 0.4rem;
    }

    .news .title p {
        margin-bottom: 0.2rem;
    }
    .videoPlay .videoPlan{
        width:100%;
        height:100%;
    }
    .service .serviceBox{
        padding:0.2rem 0;
    }
    .service .serviceBox .info{
        padding-bottom:0.2rem;
    }
    .product_detail .detail .detail_box .box .list_box.three_box div{
        width: 100%;
    }
    .product_detail .detail .detail_box .box .list_box.three_box div dl dt{
        width:100%;
        height:2.54rem;
    }
    .product_detail .detail .detail_box .box .list_box.three_box div dl dd{
        width:100%;
    }
    .product_detail .detail .detail_box .box .list_box.three_box div dl dd h4{
        padding:10px 0;
    }
}

@media (min-width: 981px) and (max-width: 1360px) {
    .product_detail .detail_box .box .prev {
        left: 20px;
        background: #ffffff;
    }

    .product_detail .detail_box .box .next {
        right: 20px;
        background: #ffffff;
    }
}
@media (min-width: 981px) and (max-width:1100px){
    .menuBar .nav ul li a{
        font-size:14px;
    }
}
@media (min-width: 981px) and (max-width: 1440px){
    .mainApp{
        max-width: 1280px;
    }
    .menuBar .nav ul li {
        padding: 0 10px;
    }
}