/*
函信网络 设计编写 原创设计 请勿仿制
公司网址:www.hanett.com
HMM编写
*/

@media screen and (max-width:1920px){
    .block{ width: 1100px;}
    header{ height: 100px; }
    .height{height: 100px;}
    .warp{ margin:80px auto; }
    .about .about-right{ padding: 50px 0; }
    .servicebox{ margin-top: 120px; }
    .customer{ padding: 70px 0; }
    header .logo{ width: 200px;margin-top: 20px; }
    header .nav{margin-top: 42px;}
    header .nav li{ font-size: 1.6rem;}


    .indextitle .line{ width: 50px; height: 4px; }
    .service-right li .icon{ width: 90px; height: 90px; }
    .service-right li .icon span{ font-size: 5rem; }
    .service-right li .title{ font-size: 1.6rem; }
    .service-right li{ padding: 40px 0; }
    .about .about-right .content{ font-size: 1.6rem; }
    .more{ font-size: 1.6rem }
    .product .tabs a{ font-size: 1.6rem;width: 140px; }

    .product .content li .subtitle{ font-size:14px; }
    .servicebox .list .icon{ width: 100px; height: 100px; font-size: 5rem; top: -50px;margin-left: -50px;}
    .servicebox .list .title{ font-size: 18px; margin-top: 80px;}
    .servicebox .list .entitle{ font-size: 1.4rem; }
    .servicebox .list .text{ font-size: 14px; margin-top: 30px; height: 160px; }
    .news .title{ font-size: 1.6rem; }
    .news .time{ font-size: 1.2rem;}
    .news .time img{ width: 16px; }
    .news .subtitle{ font-size: 1.3rem }
    .news .swiper-button-next, .news .swiper-button-prev{ width: 50px; height: 80px;background-size: 19px 44px; }
    .case2 .swiper-button-next, .case2 .swiper-button-prev{ width: 50px; height: 80px;background-size: 19px 44px; }
    .customer .jianjie{ font-size: 14px; }
    .contact span{ font-size: 3rem; height: 70px; width: 70px; line-height: 70px; }
    .contact .p1{ font-size: 1.6rem; }
    .contact .p2{ font-size: 1.3rem; }
    footer{ padding: 50px 0; }
    footer .title{ font-size: 2rem; }
    footer .mnav a{ font-size: 1.4rem; }

    .newmore{ margin-top: 70px; }
    footer .mnav{ margin: 60px auto 40px auto;}
    .about{ min-height: 600px; }
    .about .about-left{min-height: 600px}
    .banner .textbox{ width: 320px; }
    .banner .p3{ font-size: 2rem;padding-bottom: 10px;margin-bottom: 10px; }
    .banner .num .num-right .p1{ font-size: 2rem; }
    .banner .num .num-right .p2{ font-size: 1.4rem; }
    .banner .textbox .slogo{ width: 50px;}

    .inner-banner .text h1{  font-size: 4rem; }
    .inner-banner .text p{ font-size: 1.6rem;}
    .about-tabs a{padding: 0px 15px; line-height:48px;margin:0 40px;}


    .innertitle .p1{font-size:3.2rem;}
    .innertitle .p2{  font-size:3.2rem; margin-top: -12px;}
    .innertitle .line{ width:50px; height: 4px;  margin-top:25px;}
    .innertitle .title{ font-size: 1.6rem;  margin-top: 25px; }
    .inner-about .content{ font-size: 1.6rem }
    .culture .list .title{ font-size: 1.8rem; }
    .qualification .list .title{ font-size: 2rem }
    .bggary{ padding: 80px 0; }
    .inner-about .content .ul1 li .title{ font-size:2rem; }
    .production-right .content{ font-size: 1.6rem; }
    .adv-tabs a{ font-size: 1.8rem;margin: 0 30px; }
    .advantage .listbox .list .advleft p{ font-size: 2.2rem; }

    .advantage .listbox .list1 .advleft .p1{ font-size: 2rem; margin-bottom:10px; margin-top: 15px;}
    .advantage .listbox .list1 .advleft .p2{font-size:1.4rem; }
    .advantage .listbox .list1 .pic p{ font-size: 1.8rem }


    .advantage .listbox .list2 .lists .text span{ font-size: 3.8rem; padding: 12px; }
    .advantage .listbox .list2 .lists .text .p1{ font-size: 1.8rem; margin-top:30px; }
    .advantage .listbox .list2 .lists .text .p2{ font-size: 1.4rem; margin-top: 15px; }
    .shehuibox .shehui-left{ padding: 40px 60px; }
    .nav-tab{ font-size: 2.8rem }
    .shehuibox .shehui-left h3{ font-size: 2.8rem }
    .shehuibox .shehui-left h5{ font-size: 1.4rem }
    .shehuibox .shehui-left .p3{ font-size: 1.6rem }
    .shehuibox .shehui-left .p1{ font-size: 1.8rem }
    .shehuibox .shehui-left .p2{ font-size: 1.6rem }

    .shehuibox .shehui-left .p4{ width:80%;font-size: 1.5rem; margin: 60px 0 60px 0;}


    .innertitles .line{width: 40px;height: 3px;    margin: 20px auto;}
    .advantages li .title{ font-size: 1.6rem }
    .advantages li .icon{ width: 90px; height: 90px; }
    .advantages li .icon span{ font-size: 5rem }
    .advs .ul1 li .title{ font-size: 1.6rem }
    .experience .list .text .title{ font-size: 2.8rem }
    .experience .list .text .subtitle{ font-size: 1.8rem; line-height: 1.5; }
    .experience .list .text .p{ font-size: 1.6rem }
    .development p{ font-size: 1.6rem }
    .development .pic .text{ font-size: 2.4rem }
    .advs .lists .title{ font-size: 1.6rem }
    .case-tabs a{ font-size: 1.6rem;margin: 0 30px; }

    .bars li{ font-size: 1.8rem }
    .feedback textarea{ font-size: 1.5rem }
    .feedback input{ font-size: 1.5rem }
    .feedback button{ font-size: 1.8rem; width: 180px; height: 50px; }
    .contacts p{font-size:1.6rem}
    .contactt .cleft .title{ font-size: 2.2rem }
    .contactt .cleft p{ font-size: 1.4rem }

    .newdetail h1{ font-size: 2.4rem }
    .newdetail .time{ font-size: 1.4rem }
    .newdetail .content{ font-size: 1.4rem }
    .bart{ font-size: 1.6rem }
    .inner-fenye li{ font-size: 1.4rem }
    .news .list .texts .title{ font-size: 14px;}
    .news .list .texts .times{ font-size: 10px;}
    .news .list .texts .intro{ font-size: 12px }
    .mores{ font-size: 1.2rem }

    .case1 .list p{ font-size: 1.6rem; line-height: 1.5; }

    .case2 .swiper-slide .text .right .p1{ font-size: 2rem }
    .case2 .swiper-slide .text .left img{ width: 80px }

    .case-show .title p{ font-size: 2.4rem }
    .case-show .titles{font-size: 1.8rem}
    .case-show .boxs1 .list .num{ font-size: 4.2rem;width:70px;height:70px;line-height:70px; }
    .case-show .boxs1 .list .subtitle{ font-size: 1.6rem }

    .product-top .right .title{ font-size: 2.8rem }
    .product-top .right .subtitle{ font-size: 1.6rem }
    .nav-tab{ margin:70px auto; }
    .advantages{margin-top: 50px}
    .case-tabs{ margin-top: 50px }
    .advs{ margin-top: 40px }
    .experience{ margin-top: 50px }
    .development p{ margin-top: 70px }
    .case1{ margin-top: 50px }
    .case2{   margin-top: 50px;}
    .case-show .boxs{ margin-top: 70px }
    .contactt{ margin-top: 90px }
    .news{ margin-top: 70px }
    .contactt .cleft{ padding:0px; }

}

@media screen and (max-width:1560px){
    .block{ width: 1100px;}
    .banner .textbox{ width: 320px; }
    .banner .p3{ font-size: 2rem;padding-bottom: 10px;margin-bottom: 10px; }
    .banner .num .num-right .p1{ font-size: 1.8rem; }
    .banner .num .num-right .p2{ font-size: 1.4rem; }
    .banner .textbox .slogo{ width: 50px;}
    .about-tabs a{padding: 0px 15px; line-height:45px;margin:0 35px;}

    
}


@media screen and (max-width:1440px){
    .sp{margin-top: 50px !important;}
    .bpink{background-color: #FFFAF1;margin:120px auto 0 auto;padding: 80px 0px;}
    .sps{display: flex;flex-direction: column;align-items: center;justify-content: center;margin: 0 auto;}
    .sps video{width: 300px;}
    .aboutus img{position: relative;}
    .aboutus .zw{height: 0px;}
    .about-text{width: 100%;margin: 15px 0;padding-top: 0px !important;}
    .list_title{
        display: none;
    }
    .block{ width:1000px;  }
    header{ height: 90px; }
    .height{height: 90px;}
    .warp{ margin:70px auto; }
    .about .about-right{ padding: 40px 0; }
    .servicebox{ margin-top: 100px; }
    .customer{ padding: 60px 0; }
    header .logo{ width: 180px;margin-top: 20px; }
    header .nav{margin-top: 42px;margin-left: 0px !important;}
    header .nav li{ font-size: 1.5rem;}

    .indextitle h3{ font-size: 1.6rem }
    .indextitle .line{ width: 50px; height: 4px; }
    .service-right li .icon{ width: 80px; height: 80px; }
    .service-right li .icon span{ font-size: 4rem; }
    .service-right li .title{ font-size: 1.5rem; }
    .service-right li{ padding: 30px 0; }
    .about .about-right .content{ font-size: 1.4rem; }
    .more{ font-size: 1.4rem; width: 130px; }
    .product .tabs a{ font-size: 1.4rem;width: 120px; }

    .product .content li .subtitle{ font-size: 14px; }
    .servicebox .list .icon{ width: 90px; height: 90px; font-size: 4rem; top: -45px;margin-left: -45px;}
    .servicebox .list .title{ font-size: 18px; margin-top: 70px;}
    .servicebox .list .entitle{ font-size: 1.3rem; }
    .servicebox .list .text{ font-size: 14px; margin-top: 30px; height: 160px;border-bottom: 3px solid #F08519;}
    .news .title{ font-size: 1.5rem; }
    .news .time{ font-size: 1.2rem;}
    .news .time img{ width: 16px; }
    .news .subtitle{ font-size: 1.2rem }
    .news .swiper-button-next, .news .swiper-button-prev{ width: 40px; height: 70px;background-size: 19px 44px; }
    .news .swiper-button-next{ right: -60px } 
    .news .swiper-button-prev{left: -60px}
    .customer .jianjie{ font-size: 1.4rem; }
    .contact span{ font-size: 3rem; height: 70px; width: 70px; line-height: 70px; }
    .contact .p1{ font-size: 1.5rem;margin-top: 15px; }
    .contact .p2{ font-size: 1.2rem;margin-top: 10px; }
    footer{ padding: 50px 0; }
    footer .title{ font-size: 1.8rem; }
    footer .mnav a{ font-size: 1.2rem; }

    .newmore{ margin-top: 50px; }
    footer .mnav{ margin: 50px auto 30px auto;}
    .about{ min-height: 500px; }
    .about .about-left{min-height: 500px}

    .banner .textbox{ width: 300px; }
    .banner .p3{ font-size: 2rem;padding-bottom: 10px;margin-bottom: 10px; }
    .banner .tops .p1{ font-size: 2.8rem; }
    .banner .tops .p2{ font-size: 2rem; }
    .banner .num .num-right .p1{ font-size: 1.8rem; }
    .banner .num .num-right .p2{ font-size: 1.3rem; }
    .banner .textbox .slogo{ width: 50px;}
    .inner-banner .text h1{  font-size: 3rem; }
    .inner-banner .text p{ font-size: 1.4rem;}

    .about-tabs a{padding: 0px 15px; line-height:44px;margin:0 30px;}

    .innertitle .p1{font-size:2.8rem;}
    .innertitle .p2{  font-size:2.8rem; margin-top: -12px;}
    .innertitle .line{ width:45px; height: 4px;  margin-top:20px;}
    .innertitle .title{ font-size: 1.4rem;  margin-top: 20px; }

    .inner-about .content{ font-size: 1.4rem }
    .culture .list .title{ font-size: 1.6rem; }
    .qualification .list .title{ font-size: 1.8rem }


    .bggary{ padding: 60px 0; }
    .inner-about .content .ul1 li .title{ font-size:1.8rem; }
    .production-right .content{ font-size: 1.4rem; }
    .adv-tabs a{ font-size: 1.6rem;margin: 0 30px; }
    .advantage .listbox .list .advleft p{ font-size: 2rem; }
    .production-right{ width: 44% }

    .advantage .listbox .list1 .advleft .p1{ font-size:1.8rem; margin-bottom:10px; margin-top: 15px;}
    .advantage .listbox .list1 .advleft .p2{font-size:1.4rem; }
    .advantage .listbox .list1 .pic p{ font-size: 1.6rem }


    .advantage .listbox .list2 .lists .text span{ font-size: 3.6rem; padding: 10px; }
    .advantage .listbox .list2 .lists .text .p1{ font-size: 1.6rem; margin-top:30px; }
    .advantage .listbox .list2 .lists .text .p2{ font-size: 1.3rem; margin-top: 15px; }

    .shehuibox .shehui-left{ padding: 30px 50px; }
    .nav-tab{ font-size: 2.4rem }
    .shehuibox .shehui-left h3{ font-size: 2.4rem }
    .shehuibox .shehui-left h5{ font-size: 1.3rem }
    .shehuibox .shehui-left .p3{ font-size: 1.4rem }
    .shehuibox .shehui-left .p1{ font-size: 1.6rem }
    .shehuibox .shehui-left .p2{ font-size: 1.4rem }
    .shehuibox .shehui-left .p4{ width:80%;font-size: 1.4rem; margin: 50px 0 50px 0;}


    .innertitles .p2{ font-size: 2.4rem }
    .innertitles .p1{ font-size: 1.4rem }
    .innertitles .line{width: 40px;height: 3px;    margin: 20px auto;}
    .advantages li .title{ font-size: 1.4rem }
    .advantages li .icon{ width: 70px; height: 70px; }
    .advantages li .icon span{ font-size: 4rem }
    .advs .ul1 li .title{ font-size: 1.5rem }
    .experience .list .text .title{ font-size: 2.4rem }
    .experience .list .text .subtitle{ font-size: 1.6rem; }
    .experience .list .text .p{ font-size: 1.4rem }
    .development p{ font-size: 1.4rem }
    .development .pic .text{ font-size: 2rem }
    .advs .lists .title{ font-size: 1.5rem }
    .case-tabs a{ font-size: 1.4rem;margin: 0 20px; }

    .bars li{ font-size: 1.6rem }
    .feedback textarea{ font-size: 1.4rem }
    .feedback input{ font-size: 1.4rem }
    .feedback button{ font-size: 1.6rem; width: 150px; height: 50px; }

    .contacts p{font-size:1.6rem}
    .contactt .cleft{ padding:0px;  width: 45%}
    .contactt .cleft .title{ font-size: 1.8rem }
    .contactt .cleft p{ font-size: 1.4rem; padding-top:10px; }
    .contactt .cright{ width: 55% }


    .newdetail h1{ font-size: 2rem }
    .newdetail .time{ font-size: 1.4rem }
    .newdetail .content{ font-size: 1.4rem }
    .bart{ font-size: 1.6rem }


    .news .list .texts .times{ font-size: 10px;}
    .news .list .texts .intro{ font-size: 12px }

    .case1 .list p{ font-size: 1.4rem; line-height: 1.5; }
    .case1 .list{ padding:20px 0; }

    .case2 .swiper-button-next, .case2 .swiper-button-prev{ width: 40px; height: 70px;background-size: 19px 44px; }
    .case2 .swiper-button-next{ right: -60px } 
    .case2 .swiper-button-prev{left: -60px}


    .case2 .swiper-slide .text .right .p1{ font-size: 1.6rem; margin-top:10px}
    .case2 .swiper-slide .text .right .p2{ font-size: 1.2rem }
    .case2 .swiper-slide .text .left img{ width: 60px }


    .case-show .title p{ font-size: 2rem }
    .case-show .titles{font-size: 1.6rem}
    .case-show .boxs1 .list .num{ font-size: 4rem;width:70px;height:70px;line-height:70px; }
    .case-show .boxs1 .list .subtitle{ font-size: 1.4rem }

    .sp_center_pic .picbox{ width: 400px;    margin-left: 90px; }
    .btns span{ width:70px;}
    .product-top .right{ width: calc(100% - 530px);  }
    .product-top .right .title{ font-size: 2.4rem }
    .product-top .right .subtitle{ font-size: 1.4rem }


    .nav-tab{ margin:60px auto; }
    .shehuibox1{margin: 50px auto 120px auto;}
    .advantages{margin-top: 40px}
    .case-tabs{ margin-top: 40px }
    .advs{ margin-top: 30px }
    .experience{ margin-top: 40px }
    .development p{ margin-top: 60px }
    .case1{ margin-top: 40px }
    .case2{   margin-top: 40px;}
    .case-show .boxs{ margin-top: 60px }
    .contactt{ margin-top: 80px }
    .bars ul{ margin-top: 70px }
    .news{ margin-top: 60px }
}











@media screen and (max-width:1200px){
    .bpink{background-color: #FFFAF1;margin:120px  auto 0 auto;padding: 60px 0px;}
    .indextitle .jc-pic .row{display: flex;align-items: center;flex-direction: column;justify-content: center;}
    .indextitle .jc-pic .row img:nth-child(1){margin-right: 0px !important;}
    .indextitle .jc-pic .row .ps2{display: none;}
    .indextitle .jc-pic .row .ps3{display: none;}
    .d_m{
        width: 100%;
    }

    .block{ width: 90%;}
    .contactt{ margin-top: 70px }
    .news .swiper-button-next, .news .swiper-button-prev{ display: none }
    .news .swiper-pagination{ display: block;left: 50%;transform:translateX(-50%);  }
    .news .swiper-pagination span{ margin:0 5px; margin-top: 25px; }
    .news .swiper-pagination-bullet-active{ background:rgba(145,196,47,1)  }

    .case2 .swiper-button-next, .case2 .swiper-button-prev{ display: none }
    .case2 .swiper-pagination{ display: block;left: 50%;transform:translateX(-50%);  }
    .case2 .swiper-pagination span{ margin:0 5px; margin-top: 25px; }
    .case2 .swiper-pagination-bullet-active{ background:rgba(145,196,47,1)  }

    header{ height: 80px; }
    .height{height: 80px;}
    .warp{ margin:60px auto; }
    .about .about-right{ padding: 40px 0; }
    .servicebox{ margin-top: 100px; }
    .customer{ padding: 60px 0; }
    header .logo{ width: 150px;margin-top: 20px; }
    header .nav{margin-top: 32px;}
    header .nav li{ font-size: 1.5rem;}
    .indextitle h1{ font-size: 2.4rem; }
    .indextitle h3{ font-size: 1.4rem }
    .indextitle .line{ width: 50px; height: 4px; }
    .about{ min-height: 400px }

    .banner .textbox{ width: 290px; }
    .banner .boxs{ padding:0 20px; }
    .banner .p3{ font-size: 2rem;padding-bottom: 10px;margin-bottom: 10px; }
    .banner .tops .p1{ font-size: 2.4rem; }
    .banner .tops .p2{ font-size: 1.6rem; }
    .banner .num .num-right .p1{ font-size: 1.8rem; }
    .banner .num .num-right .p2{ font-size: 1.3rem; }
    .banner .textbox .slogo{ width: 50px;}
    .banner .swiper-slide{ height: 600px; }
    .inner-banner .text h1{  font-size: 2.4rem; }
    .inner-banner .text p{ font-size: 1.2rem;}
    .about-tabs a{padding: 0px 15px; line-height:44px;margin:0 20px; }

    .innertitle .p1{font-size:2.4rem;}
    .innertitle .p2{  font-size:2.4rem; margin-top: -12px;}
    .innertitle .line{ width:40px; height:3px;  margin-top:20px;}
    .innertitle .title{ font-size: 1.4rem;  margin-top: 20px; }

    .inner-about .content{ font-size: 1.4rem }
    .culture .list .title{ font-size: 1.5rem; }
    .qualification .list .title{ font-size: 1.6rem }


    .inner-about .content .ul1 li .title{ font-size:1.6rem; }
    .production-right .content{ font-size: 1.4rem; }
    .adv-tabs a{ font-size: 1.4rem;margin: 0 25px; }
    .advantage .listbox .list .advleft p{ font-size: 1.8rem; }

    .advantage .listbox .list1 .advleft .p1{ font-size:1.6rem; margin-bottom:10px; margin-top: 15px;}
    .advantage .listbox .list1 .advleft .p2{font-size:1.3rem; }
    .advantage .listbox .list1 .pic p{ font-size: 1.4rem }


    .shehuibox .shehui-left{ padding: 20px 40px; }
    .nav-tab{ font-size: 2rem }
    .shehuibox .shehui-left h3{ font-size: 2rem }
    .shehuibox .shehui-left h5{ font-size: 1.2rem }
    .shehuibox .shehui-left .p3{ font-size: 1.3rem }
    .shehuibox .shehui-left .p1{ font-size: 1.5rem }
    .shehuibox .shehui-left .p2{ font-size: 1.3rem }
    .about-tabs{ margin-top: 50px }
    .nav-tab{ margin:50px auto; }
    .shehuibox1{margin: 50px auto 100px auto;}

    .advantages{margin-top: 30px}
    .case-tabs{ margin-top: 30px }
    .advs{ margin-top: 30px }
    .experience{ margin-top: 30px }
    .development p{ margin-top: 50px }
    .case1{ margin-top: 30px }
    .case2{   margin-top: 30px; padding-bottom: 80px;}
    .case-show .boxs{ margin-top: 50px }
    .bars ul{ margin-top: 60px }
    .news{ margin-top: 50px }
    
}

@media screen and (max-width:992px){
    .mb20{margin: 10px 0;}
    .news .list .texts .title{ font-size: 14px;flex-direction: column;align-items: flex-start;}
    .zyyw{flex-direction: column;}
    .zyyw .left_content{width: 100%;}
    .zyyw .right_content_pic{width: 100%;margin-top: -30px;}

    .zyyw .right_content_pic2{width: 100%;margin-right: 0;}
    .zyyw .right_content_pic2 .content_pic{width: 100%;}
    .zyyw .left_content2{width: 100%;color: #605D60;font-size: 14px;line-height: 36px;text-align: left;}

    .zyyw .right_content_pic3{width: 100%;}
    .zyyw .right_content_pic3 .content_pic{width: 100%;}
    .zyyw .left_content3{width: 100%;color: #605D60;font-size: 14px;line-height: 36px;text-align: left;margin-right: 0;}


    .advans .advan{justify-content: space-around;}
    .advans .advan .advan_item{width: 140px;}
    .advans .advan_img img{width: 0;}
    .advans .advan .advan_item{margin: 0 !important;margin-top: 20px !important;}
    .advans .advan .advan_item p:nth-child(2){margin-top: 10px;line-height: 20px;}
    .bpink{background-color: #FFFAF1;margin:120px auto 0 auto;padding: 40px 0px;}
    .hs .right{display: none;}
    .fire{width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
    .fire .left{width: 100%;padding: 0;}
    .fire .right{width: 100%;padding: 0;}
    .fire img{display: none;}
    .container > .row1,.row2,.row3{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
    .container  .row1 .column1{display: flex;flex-direction: column;justify-content: space-between;}
    .container  .row1 div:nth-child(1){margin-right: 10px;}
    .container  .row1 div:nth-child(2){margin-right: 10px;}
    .container  .row1 .column1 div:nth-child(1){margin-bottom: 10px;}
    .container  .row2 div:nth-child(1){margin-right: 10px;}
    .container  .row3 div:nth-child(1){margin-right: 10px;}
    .container  .row3 div:nth-child(2){margin-right: 10px;}




    .jiance .index{font-size: 24px;}
    .jiance .text{font-size: 12px;}
    .about-tips{display: none;}
    .news .new-menus{display: flex;flex-direction: column;}
    .news .new-menus .new-items{width: 100%;}
    .product .content .list ul{margin-left: 0px;width: 100%;}
    .product {background: none;}
    .product .content li a{width: auto;}
    .about{background: none !important;}
    .about .about-left{width: 100%;}
    .bggary{padding:50px 0;}
    .contactt{ margin-top: 60px }
    .warp{ margin:50px auto; }
    .about-tabs{ margin-top: 40px }
    header .logo{ width: 130px;margin-top: 20px; }
    header .nav{margin-top: 32px;}
    header .nav li{ font-size: 1.4rem;}
    .indextitle h1{ font-size: 2rem; }
    .indextitle h3{ font-size: 1.2rem }
    .indextitle .line{ width: 40px; height: 3px; margin-top: 20px }
    .service-right li .icon{ width: 60px; height: 60px; }
    .service-right li .icon span{ font-size: 3rem; padding-top: 15px}
    .service-right li .title{ font-size: 1.4rem; }
    .service-right li{ padding: 30px 0; }
    .product .tabs a{ margin:0 30px; }

    .product .content li .subtitle{ font-size: 14px; }
    .servicebox .list .icon{ width: 70px; height: 70px; font-size: 3rem; top: -35px;margin-left: -35px;}
    .servicebox .list .icon span{ padding-top: 20px }
    .servicebox .list .title{ font-size: 18px; margin-top: 70px;}
    .servicebox .list .entitle{ font-size: 1.3rem; }
    .servicebox .list .text{width: 80%; font-size: 14px; margin-top: 30px; height:200px;border-bottom: 3px solid #F08519;}
    .more{ font-size: 1.2rem; width: 100px; }
    .customer .jianjie{ font-size: 14px; }
    .contact span{ font-size: 2.4rem; height: 60px; width: 60px; line-height: 60px; }
    .contact .p1{ font-size: 1.4rem;margin-top: 15px; }
    .contact .p2{ font-size: 1.2rem;margin-top: 10px; line-height: 1.8 }
    .servicebox{ margin-top: 60px; }
    .service{ padding:60px 0; }
    .about-tabs a{padding: 0px 15px; line-height:44px;margin:0 15px;}

    .innertitle .p1{font-size:2rem;}
    .innertitle .p2{  font-size:2rem; margin-top: -8px;}
    .innertitle .line{ width:40px; height:3px;  margin-top:20px;}
    .innertitle .title{ font-size: 1.2rem;  margin-top: 20px; }
    footer{ padding: 40px 0 }


    .inner-about .content .ul1 li .title{ font-size:1.5rem; }
    .production-right .content{ font-size: 1.3rem; }
    .adv-tabs a{ font-size: 1.3rem;margin: 0 20px; }
    .advantage .listbox .list .advleft p{ font-size: 1.6rem; }


    .innertitles .p2{ font-size: 2rem }
    .innertitles .p1{ font-size: 1.2rem }
    .innertitles .line{width: 40px;height: 3px;    margin: 15px auto;}
    .advantages li{ padding: 30px 0; width: 30.333%; margin-bottom:3%;}
    .advantages li .title{ font-size: 1.4rem }
    .advantages li .icon{ width: 60px; height: 60px; }
    .advantages li .icon span{ font-size: 3.6rem;padding-top: 13px }
    .advs .ul1 li .title{ font-size: 1.5rem }
    .experience .list .text .title{ font-size: 2rem }
    .experience .list .text .subtitle{ font-size: 1.4rem; }
    .experience .list .text .p{ font-size: 1.3rem;margin-top:30px }
    .development p{ font-size: 1.3rem }
    .development .pic .text{ font-size: 1.6rem }
    .advs .lists .title{ font-size: 1.4rem }
    .advs .ul1 li{ width: 30.333%; margin-bottom:3%; }
    .contactt .cleft{ width: 100%; float: none;padding:0px; }
    .contactt .cright{ float: none; width: 100%;transform: translateY(0); }

    .news .list .texts .intro{ display: none }
    .news .list .texts .mores{ margin-top:5px }
    .case-show .boxs1 .list .num{ font-size: 3rem;width:60px;height:60px;line-height:60px; }

    .sp_center_pic .picbox{ width: 350px;margin-left: 75px; }
    .btns span{ width:60px;}
    .product-top .right{ width: calc(100% - 450px);  }
    .product-top .right .title{ font-size: 2.4rem }
    .product-top .right .subtitle{ font-size: 1.4rem }
    .nav-tab{ margin:40px auto; }
    .shehuibox1{margin: 40px auto 90px auto;}


    .advantages{margin-top: 25px}
    .case-tabs{ margin-top: 25px }
    .advs{ margin-top: 25px }
    .experience{ margin-top: 25px }
    .development p{ margin-top: 40px }
    .case-show .boxs{ margin-top: 40px }
    .bars ul{ margin-top: 50px }
    .news{ margin-top: 40px }
}


@media screen and (max-width:768px){
    video{margin: 20px 0;}
    .news .text{padding: 0;}
    .news .text .new_index_img{width: 80px;}
    .about-tabs{margin: 0;justify-content:space-around;flex-wrap: wrap;}
    .about-tabs a{padding: 0 5px;margin: 0 !important;}
    .dzjjfa{width: 100%;}
    .product .content .list ul{max-width:800px;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-around;margin: 0 auto;}
    .product .content .list ul li{display: flex;flex-direction: column;align-items: center;justify-content: center;width:40% !important;margin:10px 0 ;}
    .bpink{background-color: #FFFAF1;margin:20px auto 0 auto;padding: 20px 0px;}
    .jjfa{height: 300px;}
    .cases{display: none;}
    .cases-mobile{display: block;width: 100%;}
    .cases-mobile .case-mobile{margin-bottom: 5px;display: flex;align-items: center;border: 1px solid #f3f3f3;}
    .case-mobile .left{width: 140px;height: 100px;}
    .zss{margin: 0 auto;}
    .cases-mobile .case-mobile .right{text-align: left;margin-left: 10px;width: 100%;margin-right: 1px;}
    .cases-mobile .case-mobile .right .title{color: #000;line-height: 24px;font-size: 16px;}
    .cases-mobile .case-mobile .right .seo{color: #808080;line-height: 15px;font-size: 14px;overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        position: relative;}
    .cases-mobile .case-mobile .date{font-size: 12px;text-align: right;color: #808080;margin-top: 5px;}
    .product .content li{margin: 10px auto !important;height: auto!important;}
    .customer{padding: 20px 0 !important;}
    .product .content li a{height: auto !important;}
    .about_menu li{width: 100%;margin: 20px 0;}
    .advs .ul1 li{ width: 175px;margin-right:30px;}
    .advs .ul1 li img{width: 140px !important;height: 140px !important;}
    .shows{display: block;}
    .m120{margin-top: -20px !important;}
    .m100{margin-top: 10px;}
    .m50{margin-top: 10px !important;}
    .m30{margin-top: 10px !important;}
    .mb50{margin: 15px !important;}
    .service-right li{width: 50%;padding: 10px 0px !important;}
    .service-right li img{width: 90%;}
    .pc{
        display: none;
    }
    .mobile{
        display: block;
    }
    .news{ margin-top: 10px }
    .contactt{ margin-top: 50px }
    .bars ul{ margin-top: 40px }
    .adv-tabs{    margin: 50px auto 30px auto;}
    .nav-tab{ margin:30px auto; }
    .nav-tab span{ margin:0 20px; }
    .shehuibox1{margin: 30px auto 80px auto;}
    .bggary{padding:40px 0;}
    .warp{ margin:40px auto; }
    .about-tabs{ margin-top: 30px }
    .height{ height: 50px; }
    header{ display: none }
    .mobiles{ display: block; }

    .service-left{ float: none; width: 100%; }
    .service-right{ width: 100%; float: none; margin-top: 40px; }
    .service-right li{ width: 48%; margin-right: 4%; }
    .service-right li:nth-child(2n){ margin-right: 0; }
    .service-right li:nth-child(5){ margin-bottom:4%; }
    .service-right li:nth-child(6){ margin-bottom:4%; }
    .about{ min-height: auto;padding-bottom: 30px; }
    .about .about-left{ float: none; width: 100%;min-height: 240px;padding: 30px 0;}
    .about .about-left .content{margin-top: 15px;}
    .about .about-left .more{margin-top: 15px}
    .about .about-right{ width: 100%; float: none; }
    .servicebox .list{ width: 100%; float: none }
    .servicebox .list:nth-child(2){ margin:0; }
    .servicebox .list .title{ padding-top: 70px; font-size: 18px}
    .servicebox .list .entitle{ font-size: 1.2rem; }
    .servicebox .list .text{ height: 120px; }
    .contact li{ width: 50%; }
    .contact li:nth-child(1),.contact li:nth-child(2){ margin-bottom:20px; }
    .contact .p2{ height: 45px }
    .banner .swiper-pagination .swiper-pagination-bullet{ width: 8px;height: 8px; margin:0 5px; }
    .banner .blocks{ display: none; }
    .banner .swiper-slide{ height: 300px;background-size: cover; }
    .about-tabs a{padding: 0px 15px; line-height:40px;margin:5px 10px; font-size:1.5rem;}
    .culture .list{ width: 48%; margin-right:4%;margin-bottom:4%; }
    .culture .list:nth-child(2n){ margin-right: 0 }

    .inner-about .content{ font-size: 1.3rem }
    .culture .list .title{ font-size: 1.4rem; }
    .qualification .list .title{ font-size: 1.5rem; line-height: 1.8; height: 55px; }
    footer{ padding: 30px 0 }
    .production-left{ width: 100%; float: none;  }
    .production-right{ float: none; width: 100%;margin-top: 20px }
    .inner-about .content .ul3 li{ width: 48%;margin-right:4%; }
    .inner-about .content .ul3 li:nth-child(2n){ margin-right: 0 }
    .advantage .listbox .list2 .lists{ width: 50%; }
    .shehuibox .shehui-left{ width: 100%; float: none }
    .shehuibox .shehui-right{ position: static; width: 100% }
    .shehuibox .shehui-right .pic{ position: static; transform: translateY(0); }
    .shehuibox3{ padding: 15px; }
    .shehuibox4 .shehui-right .pic img{ width: 100% }
    .shehuibox .shehui-left .p4{ width: 100%;font-size: 1.3rem; margin: 30px 0 0px 0;}
    .experience .list .pic{ float: none; width: 100%; }
    .experience .list .text{ width: 100%; float: none }

    .advs .lists{ width: 48%; margin-right: 4%; }
    .advs .lists:nth-child(3n){ margin-right: 4%; }
    .advs .lists:nth-child(2n){ margin-right: 0 }
    .experience .list{ margin-bottom: 40px; }
    .development .pic .text{ font-size: 1.2rem;padding:10px; }
    .case-tabs a{ font-size: 1.4rem;margin: 0 8px; width: 110px; height: 40px; line-height: 40px; }
    .feedback input{ width: 100%;margin-right:0; margin-bottom: 4.5% }
    .bars li{ padding-bottom: 20px; margin-right:20px; }

    .contacts .pic{ width: 140px;}

    .newdetail h1{ font-size: 1.8rem }
    .newdetail .time{ font-size: 1.2rem }
    .newdetail .content{ font-size: 1.2rem }
    .bart{ font-size: 1.5rem }
    .inner-fenye li{ font-size: 1.2rem }
    .product .content li{ width: 48%; margin-right:4%; }
    .product .content li:nth-child(3n){ margin-right: 4% }
    .product .content li:nth-child(2n){ margin-right: 0 }
    .case .list .pic{ width: 30.333%; margin-right: 4.5% }
    .case .list .pic:nth-child(5n){ margin-right: 4.5% }
    .case .list .pic:nth-child(3n){ margin-right: 0 }


    .sp_center_pic .picbox{ width: 300px;margin-left: 0; }
    .btns{position:absolute;left: 0; right:0; bottom:-60px; top: auto}
    .btns span{ width:53px;float: left;margin-right:5px;}
    .product-top .right{ width: calc(100% - 330px);  }
    .product-top .right .title{ font-size: 2rem }
    .product-top .right .subtitle{ font-size: 1.4rem }
    .product-top{ padding:20px; padding-bottom:70px }

    .advantages{margin-top: 20px}
    .case-tabs{ margin-top: 20px }
    .advs{ margin-top: 20px }
    .experience{ margin-top: 20px }
    .development p{ margin-top: 30px }

}


@media screen and (max-width:600px){
    .ditu{width:100%;height: 300px;}
    .footers{display: flex;flex-direction: column;align-items: center;justify-content: center;}
    .footers .right{align-items: flex-start;width: 100%;}
    .footers .left{align-items: flex-start;width: 100%;}
    .topMenus .topMenu{height: auto;width: 100%;margin:20px 0  50px  0;flex-wrap: wrap;}
    .topMenus .pics{background: none !important;height: 0 !important;display: none;}
    .topMenus .topMenu p{border: 1px solid #F08519;color: #000;width: max-content;margin-top: 10px;padding: 10px 5px;border-radius: 10px;color: #F08519;}
    .bars{border:none;}
    footer .mnav a{ line-height: 2.4 }
    .copyright{ line-height: 25px; height: auto; padding: 10px 10px;box-sizing: border-box; }
    .product .tabs a{ width: 80px; margin:0 10px; }
    .product .content{ margin-top: 20px; }
    .inner-banner{ height: 240px }
    .inner-banner img{ height: 240px; width: auto; position: absolute;left: 50%;  transform: translateX(-50%); }
   

    .qualification .list{ width: 44%; margin:0 1%; margin-bottom: 40px }
    .inner-about .content .ul1 li{ width: 60%; margin:0 auto; float: none; margin-bottom: 20px; }
    .inner-about .content .ul1 li:last-child{  margin:0 auto;   }
    .inner-about .content .ul1 li .title{ margin-top: 10px }
    .inner-about .content .ul2 li{width: 60%; margin:0 auto; float: none; margin-bottom: 20px;}
    .inner-about .content .ul2 li:last-child{  margin:0 auto;   }
    .adv-tabs a{ margin:0 5px; margin-bottom:15px; }

    .advantage .listbox .list .advleft{ position: static; width: 80%; margin:0 auto;transform: translateY(0); }
    .advantage .listbox .list .advleft p{ margin:0 auto; margin-bottom: 5px; }
    .advantage .listbox .list .img{ float: none; width: 80%; margin:0 auto; }
    .advantage .listbox .list1 .advleft{ width: 100%; float: none }
    .advantage .listbox .list1 .pic{ width: 49% }
    .advantage .listbox .list2 .lists{ width: 100%; }
    
    .advantages li{ width: 48%;margin-right:4% }
    .advantages li:nth-child(2n){ margin-right:0; }
    .advantages li:nth-child(5){ width: 100% }
    .advs .ul1 li{ width: 175px;margin-right:4%;}
    .advs .ul1 li:nth-child(2n){ margin-right:0; }
    .advs .list:nth-child(2){ width: 100%; }
    .experience{ width: 100% }
    .experience .list{ margin-bottom: 30px; }
    .bars li{ margin-bottom:30px; }
    .news .list{ width: 100%; }
    .news .list .pic{ width: 100%; float: none }
    .news .list .texts{ float: none; width: 100%;}
    .inner-fenye li{ font-size: 1rem }
    .banner .swiper-slide{ height: 240px; }
    .case-tabs a{ margin-bottom:15px}

    .case .list .pic{ width: 48%; margin-right: 4% }
    .case .list .pic:nth-child(5n){ margin-right: 4% }
    .case .list .pic:nth-child(3n){ margin-right: 4% }
    .case .list .pic:nth-child(2n){ margin-right: 0 }

    .case1 .list{ width: 48%; margin-right: 4% }
    .case1 .list:nth-child(2n){ margin-right: 0 }

    .case2 .swiper-slide .text .right .p1{ font-size: 1.5rem; margin-top:10px}
    .case2 .swiper-slide .text .right .p2{ font-size: 1.2rem }
    .case2 .swiper-slide .text .left img{ width: 50px }

    .case-show .boxs1 .list{ width: 100%; margin-bottom: 20px }
    .case-show .title img{ width: 150px }
    .case-show .boxs img{ width: 100%; float: none; margin-right:0;margin-bottom: 2%; }
    .case-show  .boxs img:nth-child(1){ margin-right: 0;width: 100%;margin-bottom: 2%; }
    .case-show  .boxs img:nth-child(2){ margin-right: 0; width: 100%;margin-bottom: 2%; }
    .case-show  .boxs img:nth-child(3){ width: 100%; }
    .case-show .boxs1 .list .subtitle{ height: 70px }
    .case-shows{ width: 100% }
    .product-top .left{ width: 100%; float: none }
    .sp_center_pic{ width: 100%; }
    .sp_center_pic .picbox{ width: 100% }
    .product-top .right{ float: none; width: 100%; margin-top: 80px }
    .btns span{ width: 50px }
}