@media screen and (max-width: 1460px){
    .wrap{width: 1240px;}
    .header .logo a{width: 260px;}
    .header .nav li{margin: 0 15px;}
    .header .nav li>a{padding: 22px 5px;}
    .header .h-search{padding: 30px 0;}
    .header .right:before{top:31px;}
    .banner .swiper-slide,.banner .img{height:600px;}
    .banner .titBan{top:80px;}
    .banner .titBan h3{font-size: 50px;line-height: 60px;}
    .banner .titBan p{font-size: 20px;  line-height: 44px;}
    .banner .titBan a{margin-top: 40px;}

    .title{padding-top: 45px;margin-bottom: 35px;}
    .titF h3{font-size: 30px;line-height: 40px;}
    .titF p{font-size: 12px;line-height: 20px;}
    .title .more{width: 110px;}
    .more a{line-height: 22px;}
    .more a img{width: 22px;}
    .inProduct{padding-bottom: 55px;}
    .inProduct .tab li .icons img{width: 44px;height: 44px;}
    .inProduct .tab li p{font-size: 16px;line-height: 22px;height: 22px;}
    .inProduct .chainCon .inPro-intro{width: 300px;}
    .inProduct .chainCon .inPro-intro .intro{padding: 20px 25px 0 25px;}
    .inProduct .chainCon .inPro-intro h3{font-size: 26px;line-height: 36px;}
    .inProduct .chainCon .inPro-intro a{padding-bottom: 8px;margin-top: 50px;}
    .inProduct .chainCon .inPro-intro a img{margin-left: 30px;}
    .inProduct .chainCon .inPro-intro .iconImg{margin-top: 50px;}
    .inProduct .chainCon .inPro-intro .iconImg img{width: 56px;}
    .inProduct .chainCon .inPro-intro .bgIcon{background-size: 190px auto;}
    .inProduct .chainCon .inPro-detail{width: 800px;}
    .inProduct .chainCon .inPro-detail li{width: 300px;height: 230px;}
    .inProduct .chainCon .inPro-detail li.first{100%}
    .inProduct .chainCon .inPro-intro, .inProduct .chainCon .inPro-detail,.inProduct .chainCon .inPro-detail li.first{height: 460px;}
    .inProduct .chainCon .inPro-detail li h3{font-size: 16px;line-height: 28px;height: 28px;}
    .inProduct .chainCon .inPro-detail li.first h3,.inProduct .chainConThr .inPro-detail li h3{font-size: 22px;}
    .inProduct .chainCon .inPro-detail li .mes{padding: 20px 20px;}
    .inProduct .chainCon .inPro-detail li.first .mes{padding: 20px 30px;}
    .inProduct .chainCon .inPro-detail li p{margin-bottom: 25px;}

    .inProduct .chainConTwo .inPro-detail li{height: 460px;}
    .inProduct .chainConThr .inPro-detail li{width: 100%;height: 460px;}

    .inAbout .profile{margin-bottom: 55px;}
    .inAbout .aboutLink li{padding: 15px 0;}
    .inAbout .aboutLink li h3{font-size: 18px;line-height: 26px;}
    .inAbout .inAbout-list li .mes{padding: 0 15px;}
    .inAbout .inAbout-list{margin-top: 110px;padding-bottom: 85px;}
    .inAbout .inAbout-list li em{font-size: 30px;line-height: 60px;margin-bottom: 12px;}
    .inAbout .inAbout-list li p{font-size: 12px;line-height: 20px;}
    .inService .service-list{margin-bottom: 35px;}
    .inService .service-list li .con{padding: 35px 15px;background-size: 35%;background-position: right 15px center;}
    .inService .service-list li .titN img{width: 36px;}
    .inService .service-list li .titN{font-size: 18px;line-height: 36px;padding-left: 50px;padding-bottom: 12px;margin-bottom: 15px;}
    .inService .service-list li p{width: 60%;font-size: 12px;line-height: 20px;height: 40px;}
    .inService .service-list li .bg img{width: 180px;}

    .inService .titCase h3{font-size: 20px;line-height: 32px;}
    .inService .titCase a{font-size: 14px;}
    .serviceCase li img{height: 46px;}
    .serviceCase li{width:16.266%;padding: 20px 0.2%; }
    .news-list{padding-bottom: 35px;}
    .news-list li .mes h3{font-size: 18px;line-height: 30px;height: 30px;}

    .footer-mes .footer-logo{width: 260px;}
    .footer-mes .footer-tel{margin-left: 40px;}
    .footer-mes .footer-tel em{line-height: 20px;}
    .footer-mes .footer-tel a{font-size: 22px;line-height: 22px;}
    .footer-nav{margin: 20px 0;padding-top:30px; }
    .footer-nav dl {margin-right:175px;}
    .footer-nav dt{margin-bottom: 10px;}
    .footer-nav a{line-height: 28px; }


    .f-banner .img{height: 240px;}
    .bannerTit .cont{margin-top: 80px;padding-left: 150px;}
    .bannerTit .cont h3{font-size: 40px;line-height: 50px;}
    .bannerTit .cont p{font-size: 14px;line-height: 20px;}
    .proNav ul li img{width: 44px;height: 44px;}
    .proNav ul li p{font-size: 16px;line-height: 22px;height: 22px;margin-top: 12px;}
    .proName h3{font-size: 30px;line-height: 54px;}
    .product-list li .mes{padding: 25px 25px;}
    .product-list li .mes h3{font-size: 18px;line-height: 28px;height: 28px;}
    .product-list{padding: 0 35px;}
    .proDetail{padding-top: 45px;}
    .proDetail .product-title{font-size: 30px;line-height: 50px;margin-bottom: 35px;}
    .proDetail .sec-tit{font-size: 22px;line-height: 32px;padding: 20px 0;}
    .proDetail .system-des{font-size: 16px;line-height: 28px;padding: 0 35px;margin-bottom: 45px;}
    .proDetail .system-comp{width: 90%;margin: 0 auto 40px;}
    .proDetail .functions li{height: 220px;}
    .proDetail .functions li .con{padding: 30px 25px 0 25px;}
    .proDetail .functions li img{height: 46px;}
    .proDetail .functions li h3{margin-top: 25px;font-size: 16px;line-height: 20px;height: 20px;}
    .proDetail .functions li p{font-size: 12px;line-height: 18px;max-height: 54px;}

    .service-net .net-map{width: 650px;}
    .service-net .net-tel{width: 100%;padding-top: 15px;}
    .service-net .net-tel h4{font-size: 18px;line-height: 26px;}
    .service-net .net-tel .hot a{font-size: 32px;line-height: 32px;}
    .service-net .net-tel .province{font-size: 16px;line-height: 28px;margin-top: 25px;}
    .service-net .net-tel .word{line-height: 30px;margin-top: 25px;}

    .serContent .net-list{padding: 55px 0;}
    .serContent .net-list dl{}
    .serContent .net-list dl dd{padding: 15px 0;width: 100%;margin-right: 0;}
    .serContent .net-list dl p{font-size: 14px;line-height: 20px;height: auto;position: relative;padding-left: 285px;white-space: normal;}
    .serContent .net-list dl dd em, .serContent .net-list dl dd span{position: absolute;top:50%;height: 20px;margin-top: -10px;}
    .serContent .net-list dl dd em{left: 0;}
    .serContent .net-list dl dd span{left: 126px;}
    .customer .customer-intro{font-size: 18px;line-height: 30px;}
    .customer-list{margin-bottom: 55px;}
    .customer-list li{width: 16.466%; padding: 10px 0.1%;}
    .customer-list li img{height: 46px;}
    .customer-list li p{margin-top: 10px;}

    .news{padding: 0 0;margin-bottom:70px;}
    .news .year span, .news .year a{padding: 6px 15px;margin: 0 15px;font-size: 16px;line-height: 30px;}
    .news .hotNews .mes h3{font-size: 20px;line-height: 32px;height: 32px;}

    .news .newsList{padding-bottom: 10px;}
    .news .newsList li{margin-bottom: 25px;padding: 0 15px;}
    .news .newsList li a{padding-left: 125px;padding-bottom: 25px;}
    .news .newsList li .mes{height: 100px;}
    .news .newsList li .mes h3{font-size: 22px;line-height: 32px;height: 32px;margin-bottom: 8px;}
    .news .newsList li .date{width: 100px;height: 100px;}
    .news .newsList li .date em{font-size: 40px;line-height: 40px;}
    .news .newsList li .date span{font-size: 14px;line-height: 18px;}

    .pages{margin: 35px 0;}
    .pages .prevpage{left: 25px;}
    .pages .nextpage{right: 25px;}
    .pages .prevpage, .pages .nextpage{width: 38px;background-size: 28px;}

    .newsDetail{padding: 0 0;margin-top: 45px;}
    .newsDetail-title h3{font-size: 30px;line-height: 44px;}
    .aboutTit{font-size: 30px;line-height: 40px;padding: 30px 0;}
    .aboutIntro .intro .company{padding-top: 20px;}
    .aboutIntro .intro .company h3{font-size: 56px;line-height: 56px;}
    .aboutIntro .intro .company h4{font-size: 18px;line-height: 22px;}
    .aboutIntro .intro p{font-size: 12px;line-height: 22px;}
    .aboutIntro .intro-img{padding-right: 25px;padding-bottom: 30px;}
    .aboutIntro .intro-img .img:after{right: -25px;bottom: -30px;}

    .aboutIntro, .aboutIntro .Intro{margin-bottom: 45px;}
    .aboutIntro .intro-num li h3{font-size: 60px;line-height: 44px;}
    .aboutIntro .intro-num li h3 em{font-size: 20px;line-height: 20px;}
    .aboutIntro .intro-num li p{font-size: 16px;line-height: 22px;height: 22px;}
    .contact{padding: 40px 0;}

    .contact .contactList .tel-list, .contact .contact-general{padding-left: 35px;}
    .contact .contactList .tel-list{height: 230px;}
    .contact .contactList .tel-list li{padding-top: 20px;padding-bottom: 15px;}
    .contact .contactList .tel-list li h3{font-size: 20px;line-height: 32px;height: 32px;margin-bottom: 5px;}
    .contact .contactList .tel-list li a{font-size: 16px;line-height: 20px;height: 20px;}
    .contact .contactList .tel-list li a img{width: 20px;margin-right: 10px;}
    .contact .contact-link a{font-size: 22px;line-height: 74px;height: 74px;}
    .contact .contact-general .general{font-size: 18px;line-height: 34px;margin-bottom: 45px;}
    .feedback .form-mes h3{font-size: 30px;line-height: 44px;padding: 35px 0;}
    .feedback .form-mes{margin-bottom: 50px;padding: 0 0;}
    .feedback .form-mes form .group{margin-bottom: 15px;}
    .feedback .form-mes form .fb input, .feedback .form-mes form .group textarea, .feedback .form-mes form .fb select{font-size: 16px;padding: 10px 15px;}
    .feedback .form-mes form .fb input{height: 54px;}
    .feedback .form-mes form a{width: 250px;font-size: 16px;line-height: 54px;}



}



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

    .wrap{width: 94%;padding: 0 0;}
    .menu-handler {display:block;}
    .header {position:fixed;top:0;height: 58px;width: 100%;box-shadow: 3px 4px 5px rgba(0,0,0,0.03);background: #fff;z-index: 999;}
    .topH,.header .nav,.header .headerNav{display:none;}

    .header .logo {width: 100%;padding: 0 0;}
    .header .logo a{width: 100%;height: 40px;margin-top: 12px;}
    .header .logo a img {width: 232px;}
    .banner,.f-banner{margin-top: 58px;}
    .header .nav{display: none;}
    .footer{padding-top: 15px;padding-bottom: 30px;}
    .footer-mes .lef,.footer-mes .footer-logo,.footer-mes .footer-tel,.footer .code,.footer .code .code-img{float: none;}
    .footer-mes .footer-logo{margin: 0 auto;margin-bottom: 20px;}
    .footer-mes .footer-tel{margin-left: 0;width: 100%;text-align: center;margin-bottom: 20px;}
    .footer .code{text-align: center;margin-bottom: 20px;}
    .footer .code .code-img{display: inline-block;margin:0 10px;}
    .footer-nav{display: none;}
    .footer .copyright .copy,.footer .copyright .addr{width: 100%;float: none;text-align: center;}

    .banner .swiper-slide{height: auto;}
    .banner .img{display: none;}
    .banner .imgApp{display: block;}
    .banner .titBan{top:30%;}
    .banner .titBan h3{font-size: 44px;line-height: 54px;}
    .banner .titBan p{font-size: 18px;  line-height: 40px;}
    .banner .titBan a{margin-top: 40px;}

    .title{padding-top: 30px;margin-bottom: 25px;}
    .titF h3{font-size: 24px;line-height: 30px;}
    .titF p{font-size: 12px;line-height: 20px;}
    .title .more{width: 100px;}
    .more a{font-size: 12px;line-height: 20px;}
    .more a img{width: 20px;}

    .inProduct .tab li{padding-top: 24px;padding-bottom: 20px;}
    .inProduct .tab li .icons img{width: 34px;height: 34px;}
    .inProduct .tab li p{font-size: 14px;line-height: 20px;height: 20px;}
    .inProduct .chainCon .inPro-intro .bgIcon{background-size: 140px auto;}
    .inProduct .chainCon .inPro-intro{float: none;width: 100%;height: auto;}
    .inProduct .chainCon .inPro-intro .intro{padding: 20px 25px;}
    .inProduct .chainCon .inPro-intro h3{font-size: 22px;line-height: 32px;}
    .inProduct .chainCon .inPro-intro a{font-size: 14px;line-height: 14px;margin-top: 35px;}
    .inProduct .chainCon .inPro-intro a img{width: 14px;height: 14px;margin-left: 20px;}
    .inProduct .chainCon .inPro-intro .iconImg{margin-top: 35px;margin-bottom: 15px;}
    .inProduct .chainCon .inPro-intro .iconImg img{width: 36px;}
    .inProduct .chainCon .inPro-intro .bgRec{background-image: none;}
    .inProduct .chainCon .inPro-detail{float: left;width: 100%;}
    .inProduct .chainCon .inPro-detail li{width: 40%;height: 180px;}
    .inProduct .chainCon .inPro-detail li.first{width: 100%;}

    .inProduct .chainCon .inPro-detail, .inProduct .chainCon .inPro-detail li.first{height: 360px;}
    .inProduct .chainCon .inPro-detail li .mes{padding: 15px 15px;}
    .inProduct .chainCon .inPro-detail li.first .mes{padding: 15px 25px;}
    .inProduct .chainCon .inPro-detail li h3{font-size: 14px;line-height: 24px;height: 24px;}
    .inProduct .chainCon .inPro-detail li.first h3, .inProduct .chainConThr .inPro-detail li h3{font-size: 18px;}
    .inProduct .chainCon .inPro-detail li p{font-size: 12px;line-height: 22px;}
    .inProduct .chainCon .inPro-detail li a{font-size: 12px;line-height: 14px;}
    .inProduct .chainCon .inPro-detail li a img{width: 14px;height: 14px;margin-left: 15px;}
    .inProduct .chainConTwo .inPro-detail li{height: 360px;}
    .inProduct .chainConThr .inPro-detail li{width: 100%;height: 360px;}
    .inAbout .profile{width: 80%;}
    .inAbout .aboutLink{width: 50%;}
    .inAbout .aboutLink li{width: 100%;margin-right: 0;}
    .inAbout .aboutLink li:first-child{border-bottom: none;}
    .inAbout .aboutLink li img{width: 30px;margin-top: -15px;}
    .inAbout .aboutLink li p{font-size: 12px;line-height: 16px;}

    .inAbout .inAbout-list{margin-top: 70px;padding-bottom: 50px;}
    .inAbout .inAbout-list li{width: 50%;margin-bottom: 25px;}
    .inAbout .inAbout-list li em{font-size: 50px;line-height:40px;}
    .inAbout .inAbout-list li p:last-child{height: 40px;overflow: hidden;}

    .inService .service-list li p{width: 100%;}
    .inService .service-list li .con{background-size: 35%;background-position: right 15px center;}

    .serviceCase li{width: 24.6%;padding: 15px 0.2%;}
    .inService .titCase h3{font-size: 18px;line-height: 30px;}
    .news-list li .mes{margin-top: 10px;}
    .news-list li .mes h3{font-size: 16px;line-height: 28px;height: 28px;margin-bottom: 5px;}
    .news-list li .mes p, .news-list li .mes span{font-size: 12px;line-height: 18px;}
    .news-list li .mes p{height: 36px;}
    .news-list li .mes span{margin-top: 10px;}

    .f-banner .img{height: 200px;}
    .bannerTit .cont{margin-top: 60px;}
    .bannerTit .cont h3{font-size: 34px;line-height: 44px;}
    .bannerTit .cont p{font-size: 14px;line-height: 20px;}
    .current .curr{padding: 10px 0;}
    .current .curr a, .current .curr em{padding: 5px 0;}

    .proNav ul li img{width: 34px;height: 34px;}
    .proNav ul li p{font-size: 14px;line-height: 20px;height: 20px;margin-top: 10px;}

    .proContent{padding: 35px 0;}
    .proName{margin-bottom: 35px;}
    .proName h3{font-size: 24px;line-height: 48px;}
    .proName p{width: 100%;}
    .product-list{padding: 0 0;}
    .product-list li .mes{padding: 15px 15px;}
    .product-list li .mes h3{font-size: 16px;line-height: 26px;height: 26px;}
    .proDetail{padding-top: 35px;}
    .proDetail .proBox{padding: 0 0;}
    .proDetail .product-title{font-size: 24px;line-height: 44px;margin-bottom: 15px;}
    .proDetail .system-des{padding: 0 0;}
    .proDetail .sec-tit{font-size: 20px;line-height: 30px;}
    .proDetail .functions li{width: 49.4%;margin-right: 1.2%;}
    .proDetail .functions li:nth-child(3n){margin-right: 1.2%;}
    .proDetail .functions li:nth-child(2n),.proDetail .functions li:nth-child(6n){margin-right: 0;}


    .service-net .net-map{float: none;width: 100%;text-align: center;}
    .service-net .net-map img{width: 85%;}
    .service-net .net-tel{float: none;width: 100%;}
    .service-net .net-tel h4{font-size: 16px;line-height: 24px;}
    .service-net .net-tel .hot a{font-size: 28px;line-height: 28px;}
    .customer .customer-intro{font-size: 16px;line-height: 28px;margin-bottom: 35px;padding: 0 0;}
    .customer-list{padding: 0 0;}
    .customer-list li{width: 24.8%;padding: 10px 0.1%;margin-bottom: 10px;}
    .customer-list li p{margin-top: 6px;}
    .newsContent{padding-top: 35px;}

    .news .hotNews .img{width: 35%;}
    .news .hotNews .mes{width: 65%;}
    .news .hotNews .mes .info{padding-left: 25px;}
    .news .hotNews .mes span{font-size: 22px;line-height: 28px;margin-bottom: 10px;padding-top: 5px;}

    .news .hotNews .img, .news .hotNews .mes{}
    .news .hotNews .mes .more{left: 25px;width: 120px;line-height: 20px;}
    .news .hotNews .mes .more img{width: 20px;}
    .news .newsList li .mes h3{font-size: 20px;line-height: 30px;height: 30px;}

    .pages{margin: 25px 0;}
    .newsDetail{margin-top: 35px;}
    .newsDetail-title{margin-bottom: 25px;}
    .newsDetail-title h3{font-size: 24px;line-height: 38px;}
    .newsDetail-cont{font-size: 14px;line-height: 30px;padding: 30px 0;}
    .nomore a{font-size: 14px;line-height: 30px;height: 30px;}
    .aboutIntro, .aboutIntro .Intro{margin-bottom: 25px;}
    .aboutIntro .intro .company{padding-top: 10px;}
    .aboutIntro .intro .company h3{font-size: 46px;line-height: 46px;}
    .aboutIntro .intro-img{padding-right: 15px;padding-bottom: 20px;}
    .aboutIntro .intro-img .img:after{right: -15px;bottom: -20px;}
    .aboutIntro .intro-num{margin-bottom: 40px;}
    .aboutIntro .intro-num li h3{font-size: 40px;line-height: 30px;}
    .aboutIntro .intro-num li h3 em{font-size: 18px;line-height: 18px;}
    .aboutIntro .intro-num li p{font-size: 14px;line-height: 20px;height: 20px;}
    .aboutTit{font-size: 24px;line-height: 34px;padding: 20px 0;}

    .feedback .form-mes h3{font-size: 24px;line-height: 38px;}
    .contact{padding: 30px 0;}
    .contact .contactList .tel-list{height: 200px;}
    .contact .contactList{padding-right: 260px;}
    .contact .contact-link{width: 260px;}
    .contact .contactList .tel-list li h3{font-size: 18px;line-height: 30px;height: 30px;}
    .contact .contactList .tel-list li a{font-size: 14px;line-height: 18px;height: 18px;}
    .contact .contactList .tel-list li a img{width: 18px;}
    .contact .contact-link a{font-size: 20px;line-height: 64px;height: 64px;}
    .contact .contact-link a:hover em:after{bottom: 14px;}
    .contact .contact-general .general{font-size: 16px;line-height: 32px;margin-bottom: 35px;}

}


@media screen and (max-width: 768px) {
    .banner .titBan .ani{width: 75%;}
    .titF h3{font-size: 22px;line-height: 28px;}
    .inProduct .tab li{padding-top: 15px;padding-bottom:10px; }
    .inProduct .tab li .icons img{width: 30px;height: 30px;}
    .inProduct .tab li p{font-size: 12px;line-height: 18px;height: 18px;}
    .inProduct .chainCon .inPro-detail li{height: 140px;}
    .inProduct .chainCon .inPro-detail, .inProduct .chainCon .inPro-detail li.first,.inProduct .chainConTwo .inPro-detail li,.inProduct .chainConThr .inPro-detail li{height: 280px;}

    .inService .service-list li{width: 100%;}
    .inService .service-list li .bg img{width: 110px;}
    .inService .service-list li .con{padding: 25px 15px;}
    .news-list li{width: 49%;}
    .news-list li:nth-child(3n){margin-right: 2%;}
    .news-list li:nth-child(2n),.news-list li:nth-child(6n){margin-right: 0;}
    .proNav{padding: 30px 0; }
    .proNav ul li p{font-size: 12px;line-height: 18px;height: 18px;margin-top: 5px;}
    .proNav ul li img{width: 30px;height: 30px;}

    .proName h3{font-size: 22px;line-height: 46px;}
    .product-list li{width: 49.3%;}
    .product-list li:nth-child(3n){margin-right: 1.4%;}
    .product-list li:nth-child(2n),.product-list li:nth-child(6n){margin-right: 0;}
    .proNav{box-shadow: 3px 5px 30px rgba(0,0,0,0.06);}
    .proDetail{background-image: none;}
    .proDetail .product-title{font-size: 22px;line-height: 42px;}
    .news{margin-bottom: 45px;}
    .news .hotNews{padding: 15px 15px;margin-bottom: 35px;}
    .news .hotNews .img{width: 40%;}
    .news .hotNews .mes{width: 60%;}
    .news .hotNews .mes .info{padding-left: 15px;}
    .news .hotNews .mes span{font-size: 20px;line-height: 26px;}
    .news .hotNews .mes h3{font-size: 18px;line-height: 30px;height: 30px;}
    .news .hotNews .mes p{font-size: 12px;line-height: 22px;height: 88px;}
    .news .hotNews .mes .more{left: 15px;}
    .news .hotNews .img, .news .hotNews .mes{height: 230px;}
    .news .newsList li{padding: 0 10px;margin-bottom: 15px;}
    .news .newsList li a{padding-left: 110px;padding-bottom: 15px;}
    .news .newsList li .date{width: 90px;height: 90px;}
    .news .newsList li .mes{height: 90px;}
    .news .newsList li .mes h3{font-size: 18px;line-height: 28px;height: 28px;margin-bottom: 5px;}
    .news .newsList li .mes p{font-size: 12px;line-height: 18px;height: 36px;}
    .pages .prevpage, .pages .nextpage{background-size: 22px;}
    .newsDetail-title h3{font-size: 22px;line-height: 36px;}
    .newsDetail-title{margin-bottom: 20px;}
    .newsDetail-cont{padding: 20px 0;}
    .aboutTit{font-size: 22px;line-height: 32px;}
    .aboutIntro .intro{width: 100%;}
    .aboutIntro .intro-img{display: none;}
    .aboutIntro .intro-num li h3{font-size: 34px;line-height: 26px;}
    .aboutIntro .intro-num li h3 em{font-size: 14px;line-height: 14px;}
    .aboutIntro .intro-num li p{font-size: 12px;line-height: 18px;height: 18px;}
    .feedback .form-mes h3{font-size: 22px;line-height: 36px;padding: 25px 0;}
    .feedback .form-mes{margin-bottom: 35px;}
    .contact .contactList .tel-list, .contact .contact-general{padding-left: 15px;}

    .news .year span, .news .year a{padding: 6px 10px;margin: 0 10px;}

    .bannerTit .cont{padding-left: 100px;}

}



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

    .banner .titBan{top:30%;}
    .banner .titBan h3{font-size: 36px;line-height: 46px;}
    .banner .titBan p{font-size: 16px;  line-height: 38px;}
    .banner .titBan a{margin-top: 40px;padding: 10px 18px;}

    .titF h3{font-size: 20px;line-height: 26px;}
    .inProduct{padding-bottom: 35px;}
    .inProduct .tab{margin-bottom: 25px;}
    .inProduct .tab li{width:24.5%;margin-right: 0.666%;margin-bottom:10px; }
    .inProduct .tab li:nth-child(4n){margin-right: 0;}
    .inProduct .chainCon .inPro-intro .intro{padding: 15px 20px;}
    .inProduct .chainCon .inPro-intro h3{font-size: 20px;line-height: 30px;}
    .inProduct .chainCon .inPro-detail li.first .mes{padding: 15px 20px;}
    .inAbout .profile{width: 100%;}
    .inAbout .aboutLink li h3{font-size: 16px;line-height: 24px;}
    .inAbout .aboutLink li img{width: 26px;margin-top: -13px;}
    .inAbout .aboutLink li a{padding-left: 40px;}
    .inAbout .aboutLink li{padding: 10px 0;}
    .inAbout .inAbout-list li em{font-size: 44px;line-height: 34px;}
    .inAbout .inAbout-list{margin-top: 50px;padding-bottom: 35px;}
    .serviceCase li{width: 32.93%;padding: 10px 0.2%;}
    .serviceCase li p{margin-top: 3px;}
    .news-list li{width: 100%;margin-right: 0;}
    .news-list li:nth-child(3n){margin-right: 0;}

    .f-banner .img{height: 160px;}
    .bannerTit .cont{margin-top: 50px;padding-left: 80px;}
    .bannerTit .cont h3{font-size: 30px;line-height: 40px;}
    .bannerTit .cont p{font-size: 12px;line-height: 18px;}

    .current .curr{padding: 5px 0;}
    .proNav{padding: 10px 0;}
    .proNav ul li{width: 25%;margin-bottom: 15px;}
    .proNav ul li p{margin-top: 5px;}
    .proContent{padding: 25px 0;}
    .proName h3{font-size: 20px;line-height: 44px;}
    .proDetail{padding-top: 25px;}
    .proDetail .product-title{font-size: 20px;line-height: 40px;margin-bottom: 10px;}
    .proDetail .sec-tit{font-size: 18px;line-height: 28px;padding: 15px 0;}
    .proDetail .system-des{font-size: 12px;line-height: 26px;margin-bottom: 25px;}
    .proDetail .system-comp{margin: 0 auto 25px;}
    .proDetail .functions{padding-bottom: 25px;}
    .proDetail .pro-recom{padding-bottom: 25px;}
    .proDetail .functions li h3{font-size: 16px;line-height: 18px;height: 18px;}
    .proDetail .functions li .con{padding: 20px 15px 0 15px;}
    .proDetail .functions li{height: 200px;}
    .serContent{padding-top: 20px;}
    .serContent .net-list dl p{padding-left: 230px;}
    .serContent .net-list dl dd em{margin-left: 10px;}
    .serContent .net-list dl dd span{margin: 0 10px;width: 100px;left: 110px;}
    .serContent .net-list dl dd em, .serContent .net-list dl dd span{margin-top: -10px;}


    .customer .customer-intro{font-size: 14px;line-height: 26px;margin-bottom: 25px;}
    .customer-list li{width: 33.13%;padding: 6px 0.1%;}
    .customer-list li p{margin-top: 3px;}
    .newsContent{padding-top: 20px;}
    .news .year span, .news .year a{padding: 3px 5px;margin: 0 6px;font-size: 14px;line-height: 28px;}
    .news .year{margin-bottom: 20px;}

    .news .hotNews .img, .news .hotNews .mes{float: none;width: 100%;}
    .news .hotNews .img{height: 240px;}
    .news .hotNews .mes{height: auto;}
    .news .hotNews .mes .more{position: static;left: 0;margin-top: 15px;}
    .news .hotNews .mes .info{padding-left: 0;padding-top: 5px;}
    .news .hotNews .mes span{margin-bottom: 5px;}
    .pages{margin: 15px 0;}
    .pages .prevpage{left: 0;}
    .pages .nextpage{right: 0;}
    .pages a{font-size: 16px;}
    .newsDetail-title h3{font-size: 20px;line-height: 34px;}
    .newsDetail-title p{line-height: 26px;}
    .nomore{margin-top: 20px;margin-bottom: 25px;}
    .aboutIntro .intro .company{padding-top: 0;}
    .aboutIntro .intro .company h3{font-size: 40px;line-height: 40px;}
    .aboutIntro .intro-num li h3{font-size: 32px;line-height: 24px;}
    .aboutIntro .intro .company h4{font-size: 16px;line-height: 20px;}
    .culture{padding-top: 15px;}
    .feedback .form-mes form .fb input, .feedback .form-mes form .group textarea, .feedback .form-mes form .fb select{padding: 6px 10px;font-size: 14px;}
    .feedback .form-mes form .fb input{height: 46px;}
    .feedback .form-mes form a{font-size: 14px;line-height: 46px;width: 180px;}
    .feedback .form-mes form .fb select{background-position: right 10px center;background-size: 12px;}
    .feedback .form-mes h3{font-size: 20px;line-height: 34px;padding: 20px 0;}
    .contact{padding: 20px 0;}
    .contact .contactList{padding-right: 200px;}
    .contact .contact-link{width: 200px;}
    .contact .contact-link a{font-size: 18px;line-height: 54px;height: 54px;}
    .contact .contact-link a:hover em:after{bottom: 12px;}
    .contact .contactList .tel-list{height: 170px;}
    .contact .contactList .tel-list li{padding-top: 15px;padding-bottom: 10px;}
    .contact .contactList .tel-list li h3{font-size: 16px;line-height: 28px;height: 28px;}
    .contact .contact-general .general{font-size: 14px;line-height: 30px;margin-bottom: 25px;}



}

@media screen and (max-width: 481px) {
    .footer .copyright, .footer .copyright a{font-size: 12px;line-height: 18px;}

    .banner .titBan .ani{width: 85%;}
    .banner .titBan{top:20%;}
    .banner .titBan h3{font-size: 28px;line-height: 34px;}
    .banner .titBan p{font-size: 14px;  line-height: 36px;}
    .banner .titBan a{margin-top: 30px;padding: 8px 15px;font-size: 12px;line-height: 14px;}
    .banner .titBan a img{margin-left: 15px;width: 14px;}
    .swiperBtn{bottom: 55px;}
    .title .more{width: 90px;padding-top: 10px;}
    .inProduct .chainCon .inPro-intro .intro{padding: 10px 15px;}
    .inProduct .chainCon .inPro-intro h3{font-size: 18px;line-height: 28px;}
    .inProduct .chainCon .inPro-intro p{font-size: 12px;line-height: 20px;}
    .inProduct .chainCon .inPro-detail li,.inProduct .chainCon .inPro-detail li.first{width: 100%;float: none;}
    .inProduct .chainCon .inPro-detail{height: auto;}
     .inProduct .chainCon .inPro-detail li.first, .inProduct .chainConTwo .inPro-detail li, .inProduct .chainConThr .inPro-detail li,.inProduct .chainCon .inPro-detail li{height: 180px;}
    .inProduct .chainCon .inPro-detail li.first .mes{padding: 15px 15px;}
    .inProduct .chainCon .inPro-detail li h3,.inProduct .chainCon .inPro-detail li.first h3, .inProduct .chainConThr .inPro-detail li h3{font-size: 16px;line-height: 26px;height: 26px;}

    .inProduct .chainCon .inPro-intro a{border-bottom: 1px solid #fff;}
    .inProduct .chainCon .inPro-intro a img{margin-left: 10px;}

    .title{padding-top: 25px;margin-bottom: 20px;}
    .inAbout .profile{margin-bottom: 25px;}
    .inAbout .aboutLink{width: 100%;}
    .inAbout .inAbout-list{margin-top: 30px;}
    .inAbout .inAbout-list li{width: 100%;}
    .inAbout .inAbout-list li:after{width: 0;}
    .inAbout .inAbout-list li p:last-child{height: auto;}

    .inService .service-list li .titN{font-size: 16px;line-height: 30px;padding-left: 44px;}
    .inService .service-list li .titN img{width: 30px;}
    .inService .service-list li p{height: auto;}
    .serviceCase li{width: 49.6%;padding: 10px 0.2%;}
    .serviceCase{margin-top: 20px;padding-bottom: 10px;}

    .f-banner .img{height: 140px;}
    .bannerTit .cont{margin-top: 40px;padding-left: 40px;}
    .bannerTit .cont h3{font-size: 22px;line-height: 32px;}
    .proContent{padding: 20px 0;}
    .product-list li{width: 100%;margin-right: 0;}
    .product-list li:nth-child(3n){margin-right: 0;}
    .proName p{font-size: 12px;line-height: 18px;}
    .proDetail .functions li{width: 100%;margin-right: 0;height: auto;margin-bottom: 15px;}
    .proDetail .functions li:nth-child(3n){margin-right: 0;}
    .proDetail .functions li .con{padding: 15px 10px;}
    .service-net .net-tel h4{font-size: 14px;line-height: 22px;}
    .service-net .net-tel .hot a{font-size: 24px;line-height: 24px;}
    .service-net .net-tel .province{font-size: 14px;line-height: 26px;margin-top: 20px;}
    .service-net .net-tel .word{font-size: 12px;line-height: 28px;margin-top: 20px;}
    .serContent{padding-top: 15px;}
    .serContent .net-list{padding: 30px 0;}
    .serContent .net-list dl dd{padding: 10px 0;}
    .serContent .net-list dl p{padding: 0 5px;}
    .serContent .net-list dl dd em, .serContent .net-list dl dd span{position: static;display: block;float: none;height: auto;margin: 0 0;}
    .customer-list{margin-bottom: 35px;}
    .customer-list li{width:49.8%; padding: 6px 0.1%;}

    .news{margin-bottom: 30px;}
    .news .year span, .news .year a{font-size: 12px;line-height: 24px;margin: 0 3px;}
    .news .hotNews{padding: 10px 10px;margin-bottom: 25px;}
    .news .hotNews .img{height: 200px;}
    .news .hotNews .mes h3{font-size: 16px;line-height: 28px;height: 28px;}
    .news .newsList li{margin-bottom: 10px;padding: 0 5px;}
    .news .newsList li .mes h3{font-size: 16px;line-height: 26px;height: 26px;padding-top: 5px;}
    .news .newsList li .date em{font-size: 32px;line-height: 32px;}
    .news .newsList li .date{width: 80px;height: 80px;}
    .news .newsList li .mes{height: 80px;}
    .news .newsList li a{padding-left: 90px;padding-bottom: 10px;}
    .pages{margin: 10px 0;}
    .pages .prevpage, .pages .nextpage{background-size: 20px;}
    .newsDetail{margin-top: 20px;}
    .newsDetail-title h3{font-size: 18px;line-height: 26px;}
    .newsDetail-cont{margin-bottom: 15px;}
    .nomore{margin: 15px 0;}
    .nomore a{font-size: 12px;line-height: 24px;height: 24px;}

    .aboutTit{font-size: 20px;line-height: 30px;padding: 15px 0;}
    .aboutIntro, .aboutIntro .Intro{margin-bottom: 15px;}
    .aboutIntro .intro .company h3{font-size: 32px;line-height: 32px;}
    .aboutIntro .intro-num{padding: 15px 0;margin-bottom: 20px;}
    .aboutIntro .intro-num li h3{font-size: 24px;line-height: 20px;}
    .aboutIntro .intro-num li h3 em{font-size: 12px;line-height: 12px;}
    .aboutIntro .intro-num li{width: 33.33%;margin-bottom: 20px;}
    .aboutIntro .intro-num li .mes{padding: 0 1px;}
    .aboutIntro .intro-num li p{margin-top: 5px;}
    .culture{padding-bottom: 25px;padding-top: 10px;}
    .feedback .form-mes h3{padding: 15px 0;}
    .feedback .form-mes form .group{margin-bottom: 10px;}
    .feedback .form-mes form .group .fb{float: none;width: 100%;margin-right: 0;margin-bottom: 10px;}
    .feedback .form-mes form .group .fb:last-child{margin-bottom: 0;}
    .feedback .form-mes form .fb input, .feedback .form-mes form .group textarea, .feedback .form-mes form .fb select{line-height: 24px;}
    .feedback .form-mes form .fb input{height: 36px;}
    .feedback .form-mes form a{float: none;margin: 0 auto;line-height: 36px;width: 110px;}
    .feedback .form-mes{margin-bottom: 25px;}
    .feedback .form-mes form p.remind{line-height: 22px;height: 22px;}
    .feedback .form-mes form .group textarea{height: 100px;}

    .contact .contactList{padding-right: 0;}
    .contact .contact-link{position: static;width: 100%;margin-top: 4px;}
    .contact .contactList .tel-list{padding:0 10px;height: auto;padding-bottom: 5px;}
    .contact .contactList .tel-list li{padding-top: 10px;padding-bottom: 5px;}
    .contact .contactList .tel-list li h3{font-size: 14px;line-height: 22px;height: 22px;}
    .contact .contactList .tel-list li a{font-size: 12px;line-height: 16px;height: 16px;}
    .contact .contactList .tel-list li a img{width: 16px;margin-right: 5px;}
    .contact .contact-link a{font-size: 16px;line-height: 54px;height: 54px;}
    .contact{padding: 15px 0;}
    .contact .contact-link a:hover em:after{bottom: 14px;}

}


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

    .contact .contactList .tel-list li{width: 100%;}

}