@media screen and (max-width: 1620px) {
    .wrap{width: 1400px;}
    .header{padding: 0 15px;}
    .banner .swiper-slide{height: 780px;}
    .banner .titBan p{font-size: 66px;line-height: 74px;}

    .footer .ft-logo{width: 380px;}
    .footer .ft-nav a{font-size: 28px;margin-right: 30px;}
    .footer .rig .mes h1{font-size: 40px;line-height: 44px;}

    .serveIn-list .serveDet{width: 720px;height: 580px;margin-right: 20px;}
    .serveIn-list .serveItem{width: 320px;margin-right: 20px;}
    .serveIn-list .serveItem .item{height: 275px;}
    .serveIn-list .itemLast{width: 320px;height: 580px;}

    .f-banner{height: 650px;}
    .current h1{font-size: 50px;line-height: 60px;}
    .titIn{font-size: 32px;line-height: 42px;padding: 45px 0;}
    .aboutData li .num em{font-size: 56px;line-height: 56px;}
    .aboutData li .num i{font-size: 36px;line-height: 36px;}
    .aboutData li .num p{font-size: 16px;line-height: 40px;}
    .swiper-list .swiper-slide .img{width: 60%;}
    .swiper-list .swiper-slide .info{padding: 0 40px;}
    .swiper-list .swiper-navigation{width: 40%;bottom: 50px;padding: 0 40px;}
    .swiper-list .swiper-button-prev, .swiper-list .swiper-button-next{width: 54px;height: 54px;background-size: 32px;}
    .swiper-list .swiper-slide .info p{font-size: 30px;line-height: 38px;}
    #container{height: 540px;}
    .addrMap{top:50px;}
    .addrBox{width: 500px;height: 400px;padding: 0 35px;}
    .addrBox .addr{padding-top: 35px;margin-bottom: 40px;}
    .addrBox .addr h2{font-size: 30px;line-height: 36px;margin-bottom: 30px;}
    .addrBox .addr em,.addrBox .lst em{font-size: 14px;line-height: 24px;}
    .addrBox .addr p{font-size: 18px;line-height: 28px;}
    .addrBox .lst a{font-size: 20px;line-height: 34px;}
    .news-hot .mes{padding: 0 40px;}
    .news-list li .mes h3{font-size: 22px;line-height: 42px;height: 42px;}
    .news-list li .mes span{font-size: 18px;line-height: 18px;}
    .product-list li .mes h2{font-size: 36px;line-height: 40px;}
    .product-list li .mes h3{font-size: 22px;line-height: 24px;}
    .product-list li .mes p{font-size: 18px;line-height: 22px;height: 44px;}
    .project-list li .mes {padding: 30px 40px;}
    .technical-data li a{padding: 30px 90px;}
    .technical-data li .pdf{left: 20px;width: 44px;height: 44px;margin-top: -22px;}
    .technical-data li .load{right: 20px;width: 44px;height: 44px;margin-top: -22px;}
    .viImg{width: 50%;}

}
@media screen and (max-width: 1460px){
    .wrap{width: 1100px;}
    .header{height: 58px;}
    .header .nav>li>a{padding: 10px 0;}
    .header .logo a{padding: 14px 0;}
    .header .logo img{height: 30px;}
    .banner .swiper-slide{height: 560px;}
    .banner .titBan .ani{width: 550px;}
    .banner .titBan p{font-size: 48px;line-height: 56px;}
    .banner .swPage{bottom: 40px;}
    .footer{padding-top: 80px;padding-bottom: 80px;}
    .footer .lef{width: 550px;}
    .footer-link{margin-top: 60px;}
    .footer .rig{width: 500px;}
    .footer .rig .mes{width: 420px;}
    .footer .rig .goback{width: 40px;}
    .footer .ft-logo{width: 200px;}
    .footer .ft-nav{margin-top: 20px;}
    .footer .ft-nav a{font-size: 20px;margin-right: 15px;}
    .footer .rig .mes h1{font-size: 28px;line-height: 32px;}
    .footer .copyright{margin-top: 70px;}
    .indexTitle{padding-top: 50px;padding-bottom: 40px;max-width: 80%;}
    .indexTitle h2 {font-size: 40px;line-height: 50px;}

    .productIndex{padding-bottom: 80px;}
    .proSwiper{padding: 0 70px;}
    .proSwiper .mesBx .proMes{padding-right: 30px;}
    .proSwiper .mesBx .proMes h2 {font-size: 36px;margin-bottom: 20px;}
    .proSwiper .mesBx .proMes h2 span{font-size: 22px;}
    .proSwiper .mesBx .proMes p {font-size: 16px;line-height: 22px;}
    .proSwiper .mesBx .proMes a{width: 160px;font-size: 16px;line-height: 44px;margin-top: 70px;}
    .proSwiper .imgBx .proImg, .proSwiper .imgShadow{padding-left: 180px;}
    .proSwiper .swiper-button-prev, .proSwiper .swiper-button-next {width: 36px;height: 36px;margin-top: -18px;}

    .aboutIndex{padding-top: 80px;padding-bottom: 150px;}
    .aboutCont{width: 550px;}
    .aboutCont h2 {font-size: 40px;line-height: 50px;}
    .aboutCont p {font-size: 18px;line-height: 26px;margin-top: 20px;}
    .aboutCont a {width: 140px;font-size: 14px;line-height: 36px;margin-top: 85px;}

    .newsIndex{padding-top: 10px;padding-bottom: 50px;}
    .newsIn-list li .mes{padding-top: 30px;}
    .newsIn-list li .mes h3 {font-size: 22px;line-height: 26px;height: 52px;}
    .newsIn-list li .mes p{font-size: 14px;line-height: 24px;}
    .serveIndex{padding-bottom: 80px;}
    .serveIn-list .serveDet{width: 540px;height: 400px;margin-right: 20px;padding: 20px 35px;}
    .serveIn-list .serveDet .mes h1{font-size: 40px;line-height: 60px;}
    .serveIn-list .serveDet .mes h2{font-size: 24px;line-height: 34px;}

    .serveIn-list .serveDet .look{width: 140px;font-size: 14px;line-height: 36px;}
    .serveIn-list .serveItem{width: 260px;margin-right: 20px;}
    .serveIn-list .serveItem .item{height: 190px;margin-bottom: 20px;}
    .serveIn-list .serveItem .item h3,.serveIn-list .itemLast h3{font-size: 26px;line-height: 34px;}
    .serveIn-list .serveItem a{padding: 20px 15px 0 15px;}
    .serveIn-list .serveItem .item .mes{padding-left: 15px;bottom: 30px;}
    .serveIn-list .serveItem .item .mes span{font-size: 14px;line-height: 24px;}
    .serveIn-list .serveItem .item .mes p{font-size: 24px;line-height: 30px;}
    .serveIn-list .itemLast{width: 260px;height: 400px;padding: 20px 15px 0 15px;}
    .serveIn-list .itemLast .list{padding: 0 20px 0 15px;bottom: 30px;}
    .serveIn-list .itemLast .list a{margin-bottom: 10px;line-height: 22px;}
    .serveIn-list .itemLast .list a img{width: 16px;}

    .f-banner{height: 460px;}
    .current h1{font-size: 40px;line-height: 50px;}
    .fnav .f-navlist li a{padding: 0 15px;}
    .fnav .f-navlist li a span{font-size: 18px;line-height: 56px;}
    .fnav .curr a{padding: 18px 0;}
    .fnav .curr img{max-width: 16px;}
    .fnav .curr a span{font-size: 14px;}
    .aboutW {padding-top: 60px;padding-bottom: 80px;}
    .introduceAbout{width: 800px;}

    .introduceAbout .aboutTit {padding-bottom: 30px;margin-bottom: 20px;}
    .introduceAbout .aboutTit h1{font-size: 40px;line-height: 50px;}
    .introduceAbout .aboutTit span{font-size: 24px;line-height: 34px;}
    .introduceAbout h2{font-size: 24px;line-height: 32px;margin-bottom: 20px;}
    .introduceAbout p{font-size: 14px;line-height: 26px;}
    .aboutData{margin-top:80px;}
    .aboutData li{float: left;padding-right: 25px;margin-right: 90px;}
    .aboutData li p{font-size: 18px;}

    .swiper-list .swiper-slide .info{padding: 0 30px;}
    .swiper-list .swiper-navigation{bottom: 30px;padding: 0 30px;}
    .swiper-list .swiper-button-prev, .swiper-list .swiper-button-next{width: 44px;height: 44px;background-size: 26px;}
    .swiper-list .swiper-slide .info p{font-size: 26px;line-height: 32px;}


    #container{height: 460px;}
    .addrMap{top:70px;}
    .addrBox{width: 400px;height: 320px;padding: 0 20px;}
    .addrBox .addr{padding-top: 20px;margin-bottom: 20px;}
    .addrBox .addr h2{font-size: 24px;line-height: 30px;margin-bottom: 20px;}
    .addrBox .addr em,.addrBox .lst em{font-size: 12px;line-height: 22px;}
    .addrBox .addr p{font-size: 16px;line-height: 26px;}
    .addrBox .lst a{font-size: 16px;line-height: 32px;}
    .productW{padding-top: 20px;padding-bottom: 80px;}
    .product-list li{margin-bottom: 30px;}
    .product-list li .mes {padding: 20px 15px 30px 15px;height: 190px;}
    .product-list li .mes h2 {font-size: 28px;line-height: 32px;height: 32px;}
    .product-list li .mes h3 {font-size: 18px;line-height: 22px;height: 22px;}
    .product-list li .mes p {font-size: 16px;line-height: 20px;height: 40px;margin-top: 20px;}
    .product-list li .img{height: 300px;}

    .project-list li{margin-bottom: 35px;}
    .project-list li .mes {padding: 30px 20px;}
    .project-list li .mes h2 {font-size: 28px;line-height: 36px;height: 36px;}
    .project-list li .mes p {font-size: 14px;line-height: 24px;height: 48px;margin-top: 20px;}
    .project-list li .look {margin-top: 20px;width: 100px;font-size: 14px;line-height: 28px;border-radius: 20px;}

    .serveW .sec01{padding-top: 20px;padding-bottom: 40px;}
    .serveW .sec02{padding: 60px 0;}
    .technical-data li a{padding: 20px 70px;}
    .technical-data li .pdf, .technical-data li .load{width: 36px;height: 36px;margin-top: -18px;}
    .technical-data li .pdf{left: 15px;}
    .technical-data li .load{right: 15px;}
    .technical-data li p{font-size: 22px;line-height: 32px;}
    .technical-data li span{font-size: 16px;}

    .serve-list li {height: 300px;padding: 40px 0;border-radius: 25px;background-position: right 20px bottom 30px;background-size: 150px;}
    .serve-list li:last-child{background-size: 120px;}
    .serve-list li .mes,.serve-list li .mes .bt{padding: 0 30px;}
    .serve-list li .mes h3 {font-size: 28px;line-height: 38px;}
    .serve-list li .mes p {font-size: 18px;line-height: 26px;max-height: 78px;-webkit-line-clamp: 3;}
    .serve-list li .mes .bt em {font-size: 14px;line-height: 24px;}
    .serve-list li .mes .bt a {font-size: 24px;line-height: 34px;}

    .news-hot .img{width: 55%;}
    .news-hot .mes {width: 45%;}
    .news-hot .img, .news-hot .mes {height: 400px;}
    .news-hot .mes span{font-size: 18px;margin-bottom: 10px;}
    .news-hot .mes h3{font-size: 24px;line-height: 40px;max-height: 80px;margin-bottom: 25px;}
    .news-hot .mes p{font-size: 14px;line-height: 28px;max-height: 84px;margin-top: 25px;}
    .news-hot .mes .detail{bottom: 30px;width: 100px;font-size: 12px;line-height: 28px;}
    .news-hot .mes .detail img{width: 20px;margin-right: 6px;}
    .news-list li{margin-bottom: 50px;}
    .news-list li .mes{padding: 20px 0;}
    .news-list li .fx{padding-bottom: 15px;margin-bottom: 15px;}
    .news-list li .mes h3{font-size: 18px;line-height: 36px;height: 36px;}
    .news-list li .fx span{width: 90px;}
    .news-list li .mes span{font-size: 14px;line-height: 14px;}
    .news-list li .mes .info{padding-right: 20px;}
    .news-list li .mes p{font-size: 14px;line-height: 26px;height: 78px;}
    .detailW{padding-top: 110px;}
    .detail-wrap{padding: 0 80px;}
    .detailW .content{padding: 50px 40px;}
    .dLef{width: 850px;}
    .detail-title{padding-bottom: 60px;}
    .detail-title span{font-size: 16px;line-height: 26px;margin-bottom: 10px;}
    .detail-title p{font-size: 32px;line-height: 52px;}
    .detail-cont{font-size: 18px;line-height: 34px;padding-bottom: 60px;}

    .prodel-wrap{padding: 0 80px;}
    .detailW .cont-wrap{padding:0 50px 60px 50px;}
    .prodel-info .mes h2{font-size: 44px;line-height: 46px;}
    .prodel-info .mes p{font-size: 16px;line-height: 24px;}
    .prodel-info .img{padding-right: 20px;}
    .prodel-info .img p{font-size: 14px;line-height: 24px;}
    .chara-list li .mes{padding: 30px 30px 10px 30px;}
    .data-cont .data-block{padding: 35px 35px;}
    .case-list li .mes {padding: 30px 20px 45px 20px;}
    .prodel-info .mes h3,.proj-info .mes h3{font-size: 36px;line-height: 46px;}
    .prodel-info .mes h4{font-size: 20px;line-height: 30px;}
    .prodel-tit{font-size: 36px;line-height: 46px;padding-top: 60px;padding-bottom: 40px;}
    .chara-list li .mes h3{font-size: 26px;line-height: 36px;}
    .chara-list li .mes p{font-size: 20px;line-height: 26px;}
    .recommend-list li a{font-size: 26px;line-height: 46px;}
    .solu-list li{height: 420px;}
    .solu-list li .mes h3{font-size: 28px;line-height: 34px;}
    .solu-list li .mes p{font-size: 20px;line-height: 34px;}
    .data-tit{font-size: 26px;line-height: 46px;}
    .recommend-list li {height: 230px;}
    .recommend-list li .tt{font-size: 18px;line-height: 50px;}

    .cs-table table{font-size: 18px;line-height: 28px;}
    .cs-table table .th{line-height: 50px;}
    .cs-table table .pd{padding: 30px 50px;}



}



@media screen and (max-width: 1024px) {
    .header{width: 100%;padding: 0 0;height: 58px;}
    .wrap{width: 94%;padding: 0 0;}
    .header .wrapIn{width: 94%;margin: 0 auto;}
    .header .rig,.header .lef{display: none;}
    .menu-handler,.topfixed{display: block;}
    .header {background: #fff;}
    .header .logo {width: auto;position: static;margin-left: 0;}
    .header .logo a{padding: 13px 0;text-align: left;}
    .header .logo img{margin: 0 0;}
    .header .logo a .icon{display: none;}
    .header .logo a .icon2{display: block;}
    .header .logo img{height: 32px;}

    .banner .swiper-slide{height: 400px;}
    .banner .titBan .ani{width: 54%;}
    .banner .titBan p{font-size: 38px;line-height: 46px;}
    .banner .swPage{bottom: 15px;}
    .banner .swiper-pagination-bullet{width: 35px;}
    .footer{padding-top: 45px;padding-bottom: 45px;}
    .footer .wrap{position: relative;}
    .footer .lef{width: 100%;text-align: center;}
    .footer .ft-logo{margin: 0 auto; }
    .footer-link{margin-top: 35px;display: flex;flex-direction: row;align-items: center;justify-content: center;}
    .footer-link a{float: none;margin:0 10px;}
    .footer-link a>img{width: 32px;}
    .footer-link a .wx{width: 90px;}
    .footer .rig{width: 100%;margin-top: 30px;}
    .footer .rig .mes{width: 100%;text-align: center;}
    .footer .ft-logo{width: 100%;}
    .footer .ft-logo img{width: auto;height: 36px;}

    .footer .ft-nav{margin-top: 20px;display: flex;flex-direction: row;align-items: center;justify-content: center;text-align: center}
    .footer .ft-nav a{float: none;font-size: 18px;line-height: 36px;margin:0 6px;}
    .footer .rig .mes h1{font-size: 24px;line-height: 28px;}
    .footer .copyright{margin-top: 20px;}
    .footer .rig .goback{width: 36px;position: absolute;top:0;right: 0;}
    .indexTitle{padding-top: 40px;padding-bottom: 30px;max-width: 100%;}
    .indexTitle h2 {font-size: 28px;line-height: 38px;}
    .indexTitle p{font-size: 14px;line-height: 22px;}

    .productIndex{padding-bottom: 60px;}
    .proSwiper{padding: 0 50px;}

    .proSwiper .mesBx{width: 55%;}
    .proSwiper .imgBx{width: 45%}
    .proSwiper .imgBx .proImg, .proSwiper .imgShadow{padding-left: 120px;}
    .proSwiper .mesBx .proMes{padding-right: 30px;}
    .proSwiper .mesBx .proMes h2 {font-size: 28px;margin-bottom: 20px;}
    .proSwiper .mesBx .proMes h2 span{font-size: 18px;}
    .proSwiper .mesBx .proMes p {font-size: 14px;line-height: 20px;}
    .proSwiper .mesBx .proMes a{width: 110px;font-size: 14px;line-height: 32px;margin-top: 40px;}
    .proSwiper .swiper-button-prev, .proSwiper .swiper-button-next {width: 28px;height: 28px;margin-top: -14px;}
    .proSwiper .imgShadow span{font-size: 12px;}
    .proSwiper .swiper-pagination .swiper-pagination-bullet{height: 8px;}
    .proSwiper .swiper-pagination .swiper-pagination-bullet-active{width: 34px;}
    .aboutIndex{padding-top: 40px;padding-bottom: 100px;}
    .aboutCont{width: 80%;}
    .aboutCont h2 {font-size: 28px;line-height: 38px;}
    .aboutCont p {font-size: 16px;line-height: 24px;margin-top: 20px;}
    .aboutCont a {width: 110px;font-size: 12px;line-height: 30px;margin-top: 45px;}
    .newsIndex{padding-top: 10px;padding-bottom: 50px;}
    .newsIn-list li .img{border-radius: 20px;}
    .newsIn-list li .mes{padding-top: 20px;}
    .newsIn-list li .mes h3 {font-size: 18px;line-height: 22px;height: 44px;margin-top: 10px;}
    .newsIn-list li .mes p{font-size: 12px;line-height: 22px;margin-top: 15px;}

    .serveIndex{padding-bottom: 40px;}

    .serveIn-list .serveDet{width: 100%;height: auto;margin-right: 0;padding: 40px 20px;border-radius: 10px;margin-bottom: 25px;}
    .serveIn-list .serveDet .mes{position: static;}
    .serveIn-list .serveDet .mes h1{font-size: 30px;line-height: 50px;}
    .serveIn-list .serveDet .mes h2{font-size: 20px;line-height: 30px;}

    .serveIn-list .serveDet .look{position: static;width: 120px;font-size: 12px;line-height: 30px;margin-top: 30px;}

    .serveIn-list .serveItem{width: 100%;margin-right: 0;display: flex;flex-direction: row;}

    .serveIn-list .serveItem .item{width: 49%;height: auto;margin-right: 2%;margin-bottom: 25px;border-radius: 10px;background-position: right -30px bottom -20px;background-size: 30%;}
    .serveIn-list .serveItem .item:last-child{margin-right: 0;margin-bottom: 25px;}
    .serveIn-list .serveItem .item h3,.serveIn-list .itemLast h3{font-size: 24px;line-height: 34px;}
    .serveIn-list .serveItem a{padding: 30px 20px;}

    .serveIn-list .serveItem .item .mes{position: static;padding-left:0;margin-top: 30px;}
    .serveIn-list .serveItem .item .mes span{font-size: 14px;line-height: 24px;}
    .serveIn-list .serveItem .item .mes p{font-size: 24px;line-height: 30px;}
    .serveIn-list .itemLast{width: 100%;padding: 30px 20px;background-size: 100px;height: auto;}
    .serveIn-list .itemLast .list{padding:0 0;position: static;margin-top: 30px;max-height: initial;}
    .serveIn-list .itemLast .list a{margin-bottom: 10px;line-height: 22px;}
    .serveIn-list .itemLast .list a img{width: 16px;}


    .f-banner{height: 340px;}
    .current{top:38%;}
    .current h1{font-size: 30px;line-height: 40px;}
    .fnav .f-navlist li a{padding: 0 10px;}
    .fnav .f-navlist li a span{font-size: 14px;line-height: 40px;}
    .fnav .curr a{padding: 10px 0;}
    .fnav .curr img{max-width: 12px;margin-right: 5px;}
    .fnav .curr a span{font-size: 12px;}
    .titIn {font-size: 28px;line-height: 38px;padding: 30px 0;}

    .productW{padding-top: 20px;padding-bottom: 50px;}
    .product-list li .img{height: 220px;}
    .product-list li{margin-bottom: 25px;}
    .product-list li .mes {padding: 15px 10px 20px 10px;height: 150px;}
    .product-list li .mes h2 {font-size: 24px;line-height: 28px;height: 28px;}
    .product-list li .mes h3 {font-size: 16px;line-height: 20px;height: 20px;}
    .product-list li .mes p {font-size: 14px;line-height: 18px;height: 36px;margin-top: 15px;}

    .project-list li{margin-bottom: 25px;}
    .project-list li .mes {padding: 15px 10px;}
    .project-list li .mes h2 {font-size: 24px;line-height: 30px;height: 30px;}
    .project-list li .look {width: 90px;font-size: 12px;line-height: 26px;border-radius: 20px;}


    .technical-data li a{padding: 15px 50px;}
    .technical-data li .pdf, .technical-data li .load{width: 28px;height: 28px;margin-top: -14px;}
    .technical-data li .pdf{left: 10px;}
    .technical-data li .load{right: 10px;}
    .technical-data li p{font-size: 18px;line-height: 28px;}
    .technical-data li span{font-size: 14px;}

    .serve-list li {height: 240px;padding: 30px 0;border-radius: 20px;background-position: right 10px bottom 15px;background-size: 120px;}
    .serve-list li:last-child{background-size: 100px;}
    .serve-list li .mes,.serve-list li .mes .bt{padding: 0 20px;}
    .serve-list li .mes h3 {font-size: 24px;line-height: 34px;}
    .serve-list li .mes p {font-size: 16px;line-height: 24px;max-height: 72px;}
    .serve-list li .mes .bt em {font-size: 14px;line-height: 24px;}
    .serve-list li .mes .bt a {font-size: 20px;line-height: 30px;}

    .news-hot .img, .news-hot .mes {height: 300px;}
    .news-hot .mes{padding: 0 20px;}
    .news-hot .mes span{font-size: 16px;}
    .news-hot .mes h3{font-size: 20px;line-height: 36px;max-height: 72px;margin-bottom: 15px;}
    .news-hot .mes p{font-size: 12px;line-height: 24px;max-height: 72px;margin-top: 15px;}
    .news-hot .mes .detail{bottom: 20px;width: 90px;line-height: 28px;}
    .news-hot .mes .detail img{width: 20px;margin-right: 6px;}

    .news-list li{margin-bottom: 35px;}
    .news-list li .mes{padding: 15px 0;}
    .news-list li .fx{padding-bottom: 10px;margin-bottom: 10px;}
    .news-list li .mes h3{font-size: 16px;line-height: 30px;height: 30px;}
    .news-list li .fx span{width: 70px;}
    .news-list li .mes span{font-size: 12px;line-height: 12px;}
    .news-list li .mes .info{padding-right: 0;}
    .news-list li .mes p{font-size: 12px;line-height: 24px;height: 72px;}

    .detailW{padding-top: 50px;}
    .detail-wrap{padding: 0 30px;}
    .detailW .content{padding: 30px 20px;}
    .dLef{float: none;flex: 1;}
    .dRig{float: none;}
    .detail-title{padding-bottom: 30px;}
    .detail-title span{font-size: 14px;line-height: 24px;}
    .detail-title p{font-size: 28px;line-height: 48px;}
    .detail-img img{max-width: 60%}
    .detail-cont{font-size: 16px;line-height: 32px;padding-bottom: 35px;}
    .pshare-main {top: 10px;right: 80px;-webkit-transform: translateY(0);transform: translateY(0);}
    .wx-share{top:10px;right:80px;width: 100px;padding-bottom: 10px;}
    .wx-share img{width: 80px;}
    .aboutW {padding-top: 40px;padding-bottom: 60px;}
    .introduceAbout{width: 100%;}
    .introduceAbout .aboutTit {padding-bottom: 20px;margin-bottom: 15px;}
    .introduceAbout .aboutTit h1{font-size: 30px;line-height: 40px;}
    .introduceAbout .aboutTit span{font-size: 20px;line-height: 30px;}
    .introduceAbout h2{font-size: 20px;line-height: 28px;margin-bottom: 15px;}

    .aboutData{margin-top:45px;}
    .aboutData li{padding-right: 20px;margin-right: 20px;}
    .aboutData li p{font-size: 16px;}
    .aboutData li .num em{font-size: 40px;line-height: 40px;}
    .aboutData li .num i{font-size: 30px;line-height: 30px;}
    .aboutData li .num p{font-size: 14px;line-height: 30px;}

    .aboutSwiper{padding-top: 45px;padding-bottom: 20px;}
    .swiper-list .swiper-slide .img{width: 50%;}
    .swiper-list .swiper-slide .info{padding: 0 15px;}
    .swiper-list .swiper-navigation{width: 50%;bottom: 15px;padding: 0 15px;}
    .swiper-list .swiper-button-prev, .swiper-list .swiper-button-next{width: 30px;height: 30px;background-size: 18px;}
    .swiper-list .swiper-slide .info p{font-size: 22px;line-height: 28px;}
    .content-map{}
    #container{width: 94%;margin: 0 auto;height: 240px;}
    .addrMap{position: static;margin-top:20px;margin-bottom: 30px;}
    .addrBox{width: 100%;padding: 20px 20px 60px 20px;height: auto;box-shadow: 0 0 20px rgba(0,0,0,0.1);background-size: 50%;}

    .prodel-wrap{padding: 0 30px;}
    .detailW .cont-wrap{padding:0 30px 40px 30px;}
    .chara-list li .mes{padding: 20px 15px 10px 15px;}
    .data-cont .data-block{padding: 20px 20px;float: none;width: 100%;margin-right: 0;margin-bottom: 25px;height: auto;}

    .case-list li .mes {padding: 20px 15px 35px 15px;}
    .prodel-info .mes h2{font-size: 40px;line-height: 42px;}
    .prodel-info .mes p{font-size: 14px;line-height: 22px;}
    .prodel-info .img p{font-size: 12px;line-height: 22px;}
    .prodel-info .mes h3,.proj-info .mes h3{font-size: 32px;line-height: 42px;margin-bottom: 15px;}
    .prodel-info .mes h4{font-size: 18px;line-height: 28px;}
    .prodel-tit{font-size: 32px;line-height: 42px;padding-top: 40px;padding-bottom: 25px;}
    .chara-list li{height: 220px;width: 49%;margin-bottom: 25px;}
    .chara-list li:nth-child(2n){margin-right: 0;}
    .chara-list li .mes h3{font-size: 22px;line-height: 32px;}
    .chara-list li .mes p{font-size: 18px;line-height: 24px;}
    .recommend-list li {height: 210px;}
    .recommend-list li .tt{font-size: 16px;line-height: 44px;}
    .recommend-list li a{font-size: 20px;line-height: 40px;}
    .solu-list li{height: 360px;}
    .solu-list li .mes h3{font-size: 24px;line-height: 30px;}
    .solu-list li .mes p{font-size: 18px;line-height: 32px;}
    .data-tit{font-size: 22px;line-height: 42px;}

    .case-list li .mes h3{font-size: 20px;line-height: 28px;height: 56px;}
    .proj-info{padding-top: 60px;}
    .proj-info .mes p{font-size: 16px;line-height: 24px;}
    .prodel-top .curr{display: block;padding: 5px 0;}
    .prodel-top .curr a, .prodel-top .curr span{display: inline-block;padding: 3px 0;}
    .cs-table table{font-size: 16px;line-height: 26px;}
    .cs-table table .th{line-height: 46px;}
    .cs-table table .pd{padding: 20px 30px;}
    .cs-table table .pl{padding-left: 10px;}

}


@media screen and (max-width: 768px) {

    .banner .swiper-slide{height: 375px;}
    .banner .titBan p{font-size: 32px;line-height: 40px;}
    .banner .swPage{bottom: 10px;}
    .banner .swiper-pagination-bullet{width: 30px;}
    .proSwiper .mesBx h3 {font-size: 24px;line-height: 34px;margin-bottom: 20px;}
    .proSwiper .mesBx .proMes h2{font-size: 24px;}
    .proSwiper .mesBx .proMes h2 span{font-size: 16px;}
    .proSwiper .imgBx .proImg, .proSwiper .imgShadow{padding-left: 40px;}
    .serveIn-list .serveItem a,.serveIn-list .itemLast{padding: 20px 10px;}
    .f-banner{height: 280px;}
    .current{top:32%;}
    .current h1{font-size: 24px;line-height: 34px;}
    .fnav .f-navlist li a{padding: 0 6px;}
    .fnav .f-navlist li a span{font-size: 12px;line-height: 36px;}
    .fnav .curr a{padding: 8px 0;}
    .titIn {font-size: 24px;line-height: 34px;padding: 20px 0;}
    .product-list li .mes h2{font-size: 20px;line-height: 24px;height: 24px;}
    .product-list li .img img{max-width: 80%}
    .project-list li .mes h2 {font-size: 20px;line-height: 26px;height: 26px;}
    .news-hot .img, .news-hot .mes{height: 240px;}
    .news-list li{width:48.5%;margin-right: 3%; }
    .news-list li:nth-child(3n){margin-right: 3%;}
    .news-list li:nth-child(2n),.news-list li:nth-child(6n){margin-right: 0;}
    .detail-title p{font-size: 24px;line-height: 34px;}
    .detail-pager{width: 30px;}
    .introduceAbout .aboutTit h1{font-size: 24px;line-height: 34px;}
    .swiper-list .swiper-slide .info p{font-size: 18px;line-height: 24px;}
    #container{height: 200px;}

    .proj-info{flex-direction: column;}
    .proj-info .img{max-width: 100%;width: 100%;padding-right: 0;margin-bottom: 20px;}
    .proj-info .img img{max-width: 100%;width: 100%;border: 10px solid #fff;}
    .proj-info .mes{width: 100%;}
    .solu-list li,.case-list li{width: 49%;margin-bottom: 25px;}
    .solu-list li:nth-child(3n),.case-list li:nth-child(3n){margin-right: 2%;}
    .solu-list li:nth-child(2n),.solu-list li:nth-child(6n){margin-right: 0;}
    .case-list li:nth-child(2n),.case-list li:nth-child(6n){margin-right: 0;}
    .recommend-list li{width: 49%;margin-bottom: 25px;}
    .recommend-list li:nth-child(3n){margin-right: 2%;}
    .recommend-list li:nth-child(2n),.recommend-list li:nth-child(6n){margin-right:0;}
    .prodel-wrap{padding: 0 30px;}
    .detailW .cont-wrap{padding:0 20px 30px 20px;}
    .chara-list li .mes{padding: 15px 10px 10px 10px;}
    .data-cont .data-block{padding: 15px 10px;}
    .case-list li .mes {padding: 15px 10px 25px 10px;}
    .prodel-info .mes h2{font-size: 32px;line-height: 34px;}
    .prodel-info .mes h3,.proj-info .mes h3{font-size: 24px;line-height: 34px;}
    .prodel-info .mes h4{font-size: 16px;line-height: 26px;}
    .prodel-tit{font-size: 24px;line-height: 34px;padding-top: 30px;padding-bottom: 20px;}
    .chara-list li{height: 200px;}
    .chara-list li .mes h3{font-size: 20px;line-height: 30px;}
    .chara-list li .mes p{font-size: 16px;line-height: 22px;}
    .recommend-list li {height: 180px;}
    .recommend-list li .tt{font-size: 14px;line-height: 36px;}
    .recommend-list li a{font-size: 18px;line-height: 36px;}
    .solu-list li{height: 300px;}
    .solu-list li .mes{padding: 20px 10px 0 10px;}
    .solu-list li .mes h3{font-size: 20px;line-height: 26px;}
    .solu-list li .mes p{font-size: 14px;line-height: 26px;}
    .data-tit{font-size: 20px;line-height: 40px;}

    .case-list li .mes h3{font-size: 18px;line-height: 26px;height: 52px;}
    .proj-info{padding-top: 50px;}
    .pro-cs .pro-xn{width: 100%;margin-bottom: 35px;}
    .pro-cs .pro-gg{width: 100%;}
    .prodel-info{flex-direction: column;}
    .prodel-info .mes{width: 100%;margin-bottom: 25px;}
    .prodel-info .img{padding-right: 0;max-width: 100%;}
    .prodel-info .img img{max-width: 100%;width: 100%;}
    .data-list a span{font-size: 16px;line-height: 46px;}
    .cs-table table{font-size: 14px;line-height: 24px;}
    .cs-table table .th{line-height: 38px;}
    .cs-table table .pd{padding: 10px 15px;font-size: 12px;line-height: 24px;}
    .cs-table table .pl{padding-left: 10px;}
    .cs-table table tr td{padding-top: 6px;padding-bottom: 6px;}


}



@media screen and (max-width: 640px) {
    .footer .rig .mes h1{font-size: 20px;line-height: 24px;}
    .aboutIndex{background-position: right 50% center;background-size: cover;}
    .productIndex{padding-bottom: 45px;}
    .proSwiper {padding: 0 35px;}
    .proSwiper .mesBx,.proSwiper .imgBx{width: 100%;display: flex;flex-direction: column;align-items: center;}
    .proSwiper .mesBx .proMes{padding-right: 0;}
    .proSwiper .mesBx .proMes a {width: 90px;font-size: 12px;line-height: 26px;margin-top: 20px;}
    .proSwiper .mesBx .proMes h2{margin-bottom: 10px;}
    .proSwiper .mesBx h3{margin-bottom: 5px;}
    .proSwiper .imgBx{margin-top: 25px;}
    .proSwiper .imgBx .proImg, .proSwiper .imgShadow {padding-left:0;text-align: center;}
    .proSwiper .imgBx .proImg img,.proSwiper .imgShadow img{width: 50%}
    .aboutCont{width: 100%;}
    .aboutCont h2 {font-size: 24px;line-height: 34px;}
    .aboutCont p {font-size: 14px;line-height: 22px;margin-top: 15px;}
    .newsIn-list li{width: 49%;}
    .newsIn-list li:nth-child(3n){margin-right: 0;}
    .newsIn-list li:nth-child(2n),.newsIn-list li:nth-child(6n){margin-right: 0;}
    .product-list li{width: 49%;margin-right: 2%;}
    .product-list li:nth-child(3n){margin-right: 2%;}
    .product-list li:nth-child(2n),.product-list li:nth-child(6n){margin-right: 0;}
    .technical-data li{width: 100%;margin-right: 0;margin-bottom: 20px;}
    .news-hot .img, .news-hot .mes{height: 220px;}
    .news-hot .mes span{margin-bottom: 5px;}
    .news-hot .mes h3 {line-height: 30px;max-height: 60px;}
    .news-hot .mes .detail{bottom: 10px;line-height: 24px;}
    .serveIn-list .serveDet{padding: 25px 15px;margin-bottom: 20px;}
    .serveIn-list .serveDet .mes h1{font-size: 24px;line-height: 34px;}
    .serveIn-list .serveDet .mes h2{font-size: 16px;line-height: 24px;}
    .serveIn-list .serveDet .look{width: 90px;line-height: 24px;}
    .serveIn-list .serveItem{flex-direction: column;}
    .serveIn-list .serveItem .item{width: 100%;margin-right: 0;margin-bottom: 20px;}
    .serveIn-list .serveItem .item h3, .serveIn-list .itemLast h3{font-size: 20px;line-height: 24px;}
    .serveIn-list .serveItem .item .mes p{font-size: 20px;line-height: 24px;}
    .fnav .f-navlist{width: 100%;}
    .fnav .curr{display: none;}
    .serve-list li .mes, .serve-list li .mes .bt{padding: 0 10px;}
    .detailW{padding-top: 35px;}
    .detail-wrap{padding: 0 0;width: 94%;margin: 0 auto;}
    .detailW .content{padding: 20px 15px;}
    .dRig{width: 60px;}
    .detail-title p{font-size: 30px;line-height: 38px;}
    .detail-pager{width: 24px;}
    .detail-cont{font-size: 14px;line-height: 28px;}
    .swiper-list{width: 94%;margin:0 auto;padding: 0 40px;box-sizing: border-box;}
    .aboutSwiper .swiper-container{overflow: hidden;}
    .swiper-list .swiper-navigation{position: static;}
    .swiper-list .swiper-button-prev, .swiper-list .swiper-button-next{position: absolute;z-index: 100;}
    .swiper-list .swiper-button-prev{left: 0;}
    .swiper-list .swiper-button-next{right: 0;}
    .swiper-list .swiper-slide .info p{font-size: 16px;line-height: 22px;}
    .aboutData li .num em {font-size: 32px;line-height: 32px;}
    .aboutData li p{font-size: 14px;}
    .addrBox {padding: 20px 10px 40px 10px;}
    .addrBox .addr{padding-top: 0;}
    .addrBox .addr h2{font-size: 20px;}
    .addrBox .addr p{font-size: 14px;line-height: 20px;}
    .addrBox .lst a{font-size: 16px;line-height: 20px;}

    .introduceAbout .aboutTit span{font-size: 18px;line-height: 28px;}

    .proSwiper .swiper-button-prev, .proSwiper .swiper-button-next{width: 24px;height: 24px;margin-top: -12px;}
    .detail-ft a{font-size: 12px;line-height: 18px;}
    .detail-ft a p{margin-top: 5px;}
    .detail-ft a img{height: 18px;}
    .detail-ft a span{font-size: 14px;line-height: 18px;}
    .prodel-wrap{width: 94%;padding: 0 0;margin: 0 auto;}
    .detailW .cont-wrap {padding: 0 15px 20px 15px;}
    .chara-list li{width: 100%;margin-right: 0;height: auto;padding-bottom: 20px;min-height: 150px;box-sizing: border-box;}
    .chara-list li .bg{width: 100px;background-size: 120px;}
    .solu-list li,.case-list li{width: 100%;margin-right: 0;}
    .solu-list li:nth-child(3n),.case-list li:nth-child(3n){margin-right: 0;}
    .recommend-list li{width: 100%;margin-right: 0;height: auto;min-height: 100px;padding-bottom: 20px;box-sizing: border-box;}
    .recommend-list li:nth-child(3n){margin-right: 0;}
    .recommend-list li .tt{margin-bottom: 15px;}

    .prodel-info .mes h2{font-size: 26px;line-height: 30px;}
    /*.prodel-info .mes h3,.proj-info .mes h3{font-size: 20px;line-height: 30px;}*/
    .prodel-info .mes h4{font-size: 14px;line-height: 24px;}
    .prodel-tit{font-size: 22px;line-height: 32px;padding-top: 25px;padding-bottom: 15px;}
    .prodel-tit span{margin-right: 16px;width: 7px;height: 7px;}
    .chara-list li .mes h3{font-size: 18px;line-height: 28px;}
    .chara-list li .mes p{font-size: 14px;line-height: 20px;}
    .recommend-list li .tt{font-size: 12px;line-height: 30px;}

    .recommend-list li a{font-size: 16px;line-height: 32px;}
    .solu-list li .mes h3{font-size: 18px;line-height: 24px;}
    .solu-list li .mes p{font-size: 12px;line-height: 24px;}
    .data-tit{font-size: 20px;line-height: 40px;}

    .case-list li .mes h3{font-size: 18px;line-height: 26px;height: 52px;}
    .data-list a{padding-left: 18px;}
    .data-list a img{width: 14px;margin-top: -7px;}

}

@media screen and (max-width: 481px) {
    .footer {padding-top: 30px;padding-bottom: 30px;}
    .footer .ft-logo img{height: 32px;}
    .footer .ft-nav a{font-size: 14px;line-height: 24px;}
    .footer-link{margin-top: 25px;}
    .footer .rig .mes h1{font-size: 16px;line-height: 20px;}
    .footer .copyright, .footer .copyright a{font-size: 12px;line-height: 20px;}
    .footer .rig .goback{width: 30px;}
    .banner .swiper-slide{height: 320px;}
    .banner .titBan p {font-size: 24px;line-height: 34px;}
    .indexTitle {padding-top: 30px;padding-bottom: 20px;}
    .aboutCont h2 {font-size: 20px;line-height: 28px;}
    .aboutIndex{padding-bottom: 45px;}
    .indexTitle h2{font-size: 24px;line-height: 34px;}
    .indexTitle p{margin-top: 10px;}

    .proSwiper .mesBx .proMes h2 {font-size: 20px;}
    .proSwiper .mesBx .proMes h2 span{font-size: 14px;margin-left: 5px;}
    .proSwiper .mesBx .proMes a{font-size: 12px;line-height: 24px;margin-top: 15px;}
    .aboutCont a{line-height: 24px;}
    .newsIn-list li{width: 100%;margin-right: 0;}
    .newsIn-list li .mes{padding-top: 15px;}
    .newsIn-list li .mes span{font-size: 16px;line-height: 20px;}
    .newsIn-list li .mes h3{margin-top: 5px;}
    .newsIn-list li .mes p{margin-top: 10px;}
    .proSwiper .swiper-button-prev, .proSwiper .swiper-button-next{width: 20px;height: 20px;margin-top: -10px;}
    .proSwiper .mesBx .proMes p{font-size: 12px;line-height: 20px;}
    .productW{padding-bottom: 20px;}
    .product-list{margin-bottom: 10px;}
    .product-list li{width: 100%;margin-right: 0;}
    .product-list li:nth-child(3n){margin-right: 0;}
    .product-list li .img{height: 180px;}
    .product-list li .mes{height: auto;}
    .titIn{font-size: 20px;line-height: 28px;}
    .product-list li .mes h2{font-size: 18px;line-height: 22px;height: 22px;}
    .product-list li .mes h3{font-size: 14px;line-height: 18px;height: 18px;}
    .product-list li .mes p{font-size: 12px;line-height: 16px;line-height: 32px;}
    .f-banner{height: 240px;}
    .current h1{font-size: 22px;line-height: 30px;}
    .project-list li{width: 100%;margin-right: 0;margin-bottom: 20px;}
    .project-list li .mes h2{font-size: 18px;line-height: 24px;height: 24px;}
    .project-list li .mes p{margin-top: 15px;}
    .technical-data li{margin-bottom: 15px;}
    .technical-data li p{font-size: 16px;line-height: 26px;}
    .technical-data li .pdf, .technical-data li .load {width: 22px;height: 22px;margin-top: -11px;}
    .technical-data li a {padding: 10px 38px;}
    .serveW .sec01{padding-top: 10px;}
    .serveW .sec02 {padding: 35px 0;}
    .serve-list li {width: 100%;height: auto;margin-right: 0;padding: 20px 0;border-radius: 15px;background-position: right 5px bottom 5px;background-size: 80px;margin-bottom: 20px;}
    .serve-list li:last-child{background-size: 70px;}
    .serve-list li .mes .bt{position: static;padding: 0 0;margin-top: 15px;}
    .serve-list li .mes h3{font-size: 20px;line-height: 30px;}
    .serve-list li .mes p{font-size: 14px;line-height: 20px;max-height: 80px;-webkit-line-clamp: 4;}
    .serve-list li .mes .bt em{font-size: 12px;line-height: 18px;}
    .serve-list li .mes .bt a{font-size: 18px;line-height: 28px;}
    .news-hot .img, .news-hot .mes{width: 100%;height: auto;}
    .news-hot .img, .news-hot .mes{padding: 0 0;}
    .news-hot .cont{padding: 20px 0;}
    .news-hot .mes .detail{position: static;margin-top: 15px;}
    .news-hot .mes h3 {font-size: 18px;line-height: 28px;max-height: 56px;}
    .news-list li{width: 100%;margin-right: 0;margin-bottom: 25px;}
    .news-list li:nth-child(3n) {margin-right: 0;}
    .news-list li .fx {padding-bottom: 5px;margin-bottom: 5px;}
    .dRig{width: 40px;}
    .detail-title p{font-size: 30px;line-height: 48px;}
    .detail-pager{width: 20px;}
    .detail-cont{font-size: 14px;line-height: 24px;}
    .pshare-body{padding: 15px 10px;}
    .introduceAbout .aboutTit h1{font-size: 20px;line-height: 30px;}
    .introduceAbout h2{font-size: 16px;line-height: 24px;}
    .introduceAbout p{font-size: 12px;line-height: 20px;}
    .aboutData li{margin-bottom: 15px;}
    .aboutData{margin-top: 30px;}
    .aboutData li .num em{font-size: 26px;line-height: 26px;}
    .aboutData li .num i{font-size: 24px;line-height: 24px;}
    .aboutData li .num p{font-size: 12px;line-height: 24px;}
    .aboutW{padding-bottom: 45px;}
    .swiper-list{padding: 0 30px;}
    .swiper-list .swiper-slide{flex-direction: column;}
    .swiper-list .swiper-slide .img{width: 100%;}
    .swiper-list .swiper-slide .info{text-align: center;margin-top: 15px;}
    .swiper-list .swiper-slide .info p{font-size: 28px;line-height: 20px;}
    .swiper-list .swiper-button-prev, .swiper-list .swiper-button-next {width: 20px;height: 20px;background-size: 12px;}
    #container{height: 160px;}
    .addrBox .addr h2{font-size: 18px;line-height: 24px;}
    .addrBox .lst{width: 100%;padding-right: 0;margin-bottom: 10px;}
    .introduceAbout .aboutTit span{font-size: 16px;line-height: 24px;}
    .introduceAbout .aboutTit{padding-bottom: 10px;margin-bottom: 10px;}
    .detail-ft{padding-bottom: 60px;margin-top: 25px;}
    .detail-ft a.prevP, .detail-ft a.nextP{max-width: 48%;}
    .detail-ft a.back{top:auto;bottom: 0;}
    .detail-title{padding-bottom: 15px;}
    .detail-img{padding: 15px 0;margin-bottom: 20px;}

    .cs-table table{font-size: 12px;line-height: 22px;}
    .cs-table table .th{line-height: 36px;}
    .cs-table table .pd{padding: 10px 10px;}
    .cs-table table .pl{padding-left: 6px;}



}


@media screen and (max-width: 320px) {



}