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

   .footer .lef{padding-right: 70px;}
   .footer-nav dl {margin-right: 45px;}
   .footer .rig{padding-top: 160px;padding-left: 70px;}
   .title span{margin-bottom: 12px;}
   .title h3{font-size: 40px;line-height: 50px;}
   .title a{font-size: 16px;line-height: 18px;padding: 12px 15px;margin-top: 30px;}
   .title a img{width: 16px;margin-left: 12px;}
   .formu-list .item .mes h3{font-size: 28px;line-height: 38px;}
   .sec03 .txt{height: 800px;}
   .introNum li p{font-size: 16px;line-height: 22px;}
   .news-center .ctr .news-mes a,.news-center .ctr-nav a,.news-center .ctr-nav .oth{height: 170px;}
   .news-center .ctr .news-mes .img{width: 280px;}
   .news-center .ctr .news-mes .mes{padding:0 25px;}
   .news-center .ctr .news-mes h3{font-size: 24px;line-height: 32px;height: 96px;margin-top: 20px;}
   .news-center .ctr-nav .mes p{font-size: 26px;}
   .news-center .ctr-nav .oth .icon{margin-top: 30px;margin-bottom: 15px;}
   .news-center .ctr-nav .oth .icon img{height: 56px; }
   .news-center .ctr-nav .oth a{font-size: 20px;line-height: 40px;margin-right: 50px;}

}

@media screen and (max-width: 1460px) {
   .wrap{padding: 0 40px;}
   .wrapIn{padding: 0 60px;}
   .header .nav li>a{padding: 34px 15px;}
   .footer .lef{padding-right: 45px;}
   .footer .rig {padding-top: 120px;padding-left: 45px;}
   .footer-nav dl{margin-right: 25px;}
   .footer-nav dt a {font-size: 16px;line-height: 28px;}
   .footer-nav dd a {font-size: 14px;line-height: 28px;}
   .title span{font-size: 18px;line-height: 18px;}
   .title h3{font-size: 36px;line-height: 46px;}
   .title p{font-size: 14px;line-height: 22px;}
   .title h4{font-size: 18px;line-height: 26px;}
   .title a{font-size: 14px;line-height: 16px;padding: 10px 15px;margin-top: 25px;}
   .title a img{width: 14px;margin-left: 12px;}
   .title .info{margin-top: 25px;}
   .title .info p{font-size: 16px;line-height: 26px;margin-top: 0;}

   .banner .titBan h1{font-size: 62px;line-height: 82px;}
   .banner .titBan p{font-size: 22px;line-height: 32px;}

   .f-banner .img{height: 550px;}
   .current .cont{margin-top: 200px;}
   .current h1{font-size: 62px;line-height: 72px;margin-bottom: 8px;}
   .current p {font-size: 22px;line-height: 32px;}
   .banner-search .img{height: 500px;}
   .banner-search .current .cont{margin-top: 250px;}





   .f-navlist li a{line-height:80px;}

   .sec02 {padding-top: 110px;padding-bottom: 90px;}
   .introNum li .box {padding: 25px 25px ;}
   .introNum li img{width: 48px;}
   .introNum li .num{margin-top: 40px;}
   .introNum li .num .numCX{font-size: 68px;line-height: 60px;}
   .introNum li .num .dw{font-size: 20px;line-height: 30px;}
   .introNum li p{font-size: 14px;line-height: 20px;}
   .sec03 .txt{height: 550px;}
   .sec04 {padding: 70px 0;}
   .proIn{margin-top: 90px;}
   .product-intro .mes .xl{font-size: 18px;line-height: 24px;margin-bottom: 25px;}
   .product-intro .mes .nm{font-size: 40px;line-height: 60px;}
   .product-intro .mes em{font-size: 20px;line-height: 20px;}
   .product-intro .mes .en{font-size: 50px;line-height: 64px;padding: 0 22px;border-top-right-radius: 35px;border-bottom-left-radius: 35px;}
   .product-intro .mes p{font-size: 16px;line-height: 24px;}
   .product-intro .mes .use{margin-top: 25px;}
   .product-intro .mes .use span{font-size: 28px;line-height: 30px;margin-right: 30px;}
   .product-intro .mes .use span img{width: 30px;}
   .product-intro .mes .online-btn{margin-top: 50px;}
   .product-intro .mes .online-btn a{width: 150px;font-size: 16px;line-height: 48px;}
   #gallery .box .mes .more {font-size: 16px;line-height: 16px;padding: 15px 20px;margin-top: 25px;}
   #gallery .box .mes .more img{width: 16px;}
   #thumbs .swiper-slide {width: 70px;height: 70px;border: 7px solid #fff;}
   #thumbs .swiper-slide  .thumbs-img img{width: 40px;height: 40px;transform: translate(-20px,-20px);}
   #thumbs .swiper-slide.swiper-slide-thumb-active{width: 88px;height: 88px;margin-top: -8px;}
   #thumbs .swiper-slide.swiper-slide-thumb-active .thumbs-img{background-color: transparent;}
   #thumbs .swiper-slide.swiper-slide-thumb-active .thumbs-img img{width:88px;height: 88px;top: -20px;transform: translate(-44px,0);}
   /*.sec05{padding: 280px 0;}*/
   .sec05 .swiper-slide{height: 700px;}
   .sec05 .swiper-button-next,.sec05 .swiper-button-prev{width: 54px;height: 54px;background-size: 12px;}
   .sec05 .swiper-button-prev{right: 114px;}
   .sec05 .swiper-button-next{right: 40px;}

   .sec06 {padding: 70px 0px;}
   .newsIn .swiper-slide .mes {padding: 20px;}
   .newsIn .swiper-slide .mes span{font-size: 14px;line-height: 24px;margin-bottom: 20px;}
   .newsIn .swiper-slide .mes p{font-size: 24px;line-height: 34px;height:102px;}
   .newsIn .swiper-slide .img{height: 190px;}
   .newsIn .swiper-pagination{position: static;text-align: right;font-size: 30px;line-height: 30px;margin-bottom: 30px;}
   .newsIn .swiper-navigation{position: relative;padding-left: 190px;padding-top: 70px;}
   .newsIn .swiper-button-prev, .newsIn .swiper-button-next{width: 60px;height: 60px;background-size: 18px;}
   .newsIn .swiper-button-next{left: 80px;}
   .newsIn .news-mr a{font-size: 16px;line-height: 18px;padding: 15px 20px;margin-left: 20px;}
   .newsIn .news-mr a img{width: 18px;}

   .product{padding: 70px 0;}
   .product .product-intro .mes .bx {padding-left: 65px;}
   .tech {margin-top: 75px;}
   .tech-list{margin-top: 50px;}
   .tech-list li .mes {padding-left: 20px;height: 140px;}
   .tech-list li .mes p {font-size: 22px;line-height: 34px;}
   .product-effect{padding: 70px 0;}
   .product-effect .intro-item .mes .plef {padding-left: 100px;}
   .product-effect .intro-item .mes h3{font-size: 32px;line-height: 36px;margin-bottom: 35px;}
   .product-effect .intro-item .mes p{font-size: 26px;line-height: 32px;margin-bottom: 15px;}
   .product-effect .intro-item .mes p img{width: 30px;margin-right: 10px;}
   .cor-product{margin-top: 100px;}
   .cor-list li{padding-top: 30px;padding-bottom: 40px;}
   .cor-list li .img{height: 200px;margin-bottom: 30px;}
   .cor-list li .mes p{font-size: 26px;line-height: 38px;}
   .cor-list li .mes span{font-size: 18px;line-height: 28px;}
   .cert-info span{font-size: 70px;line-height: 60px;}
   .cert-info .info{padding: 35px 45px;}
   .cert-info .info p{font-size: 30px;line-height: 40px;}
   .certificate .swiper-slide .box{padding:0 10px;}
   .certificate .swiper-slide .img{height: 255px;padding: 20px 0 30px 0;}
   .certificate .swiper-slide .line{bottom: 10px;height: 4px;}
   .certificate .swiper-slide .mes{padding: 10px 10px;font-size: 16px;line-height: 26px;}
   .certificate .swiper-button{padding-bottom: 40px;margin-bottom: 45px;}
   .certificate .swiper-button .swiper-button-prev,.certificate .swiper-button .swiper-button-next{width: 32px;height: 32px;}
   .formu-list{margin-top: 70px;}
   .formu-list .item{margin-bottom: 70px;}
   .formu-list .item .mes{padding: 0 45px;background-size: 45px;}
   .formu-list .item .mes h3{font-size: 22px;line-height: 32px;}
   .formu-list .item .mes p{font-size: 16px;line-height: 26px;}
   .formu-list .item .mes span{font-size: 14px;line-height: 24px;}
   .formu-list .item:hover .mes{background-size: 55px;}
   .serve-list li .mes {padding: 25px 35px;}
   .serve-list li .mes h3{font-size: 26px;line-height: 36px;}
   .serve-list li .mes p{font-size: 18px;line-height: 26px;height: 78px;}

   .news-hot{margin-top: 100px;}
   .news-hot .img{height: 440px;}
   .news-hot .mes{height: 440px;}
   .news-hot .img{border-radius: 32px;}
   .news-hot .info {padding-left: 60px;padding-right: 40px;}
   .news-hot .info h3{font-size: 24px;line-height: 34px;max-height: 68px;margin-bottom: 20px;}

   .news-list li .mes {padding: 25px;}
   .news-list li .img{height: 270px;}
   .news-list li .mes h3{font-size: 24px;line-height: 30px;height: 60px;}
   .news-list li .mes .btw{margin-top: 40px;}
   .news-list li .mes .btw em{display: block;font-size: 16px;line-height: 32px;}
   .news-list li .mes .btw span{font-size: 14px;line-height: 38px;padding: 0 30px;}
   .pages .pg a{font-size: 24px;line-height: 32px;padding: 10px 15px;}
   .pages .pg a.on,.pages .pg a:hover{font-size: 32px;line-height: 32px;}
   .pages .pn .prevpage,.pages .pn .nextpage{width: 60px;height: 60px;background-size: 20px;}

   .news-detail {padding: 55px 35px;margin-bottom: 50px;border-radius: 20px;}
   .detail-ft {padding: 40px 35px;margin-bottom: 50px;border-radius: 20px;}
   .detail-title h1{font-size: 38px;line-height: 48px;margin-bottom: 35px;}
   .profile{padding-top: 70px;padding-bottom: 100px;}
   .about-pro .aboutIn-lef{width: 50%;}
   .about-pro .aboutIn-rig{width: 50%;}
   .about-pro .aboutIn-lef,.about-pro .aboutIn-rig{height: 480px;}
   .about-pro .news-right-container{padding-left: 50px;}
   .about-pro .aboutIn-rig .cont{paddingt-top: 120px;padding-bottom: 140px;}
   .about-pro .aboutIn-rig .mes{font-size: 16px;line-height: 30px;}
   .about-pro .aboutIn-rig .mes p{margin-bottom: 25px;}
   .about-pro .aboutIn-rig .num-list{margin-top: 60px;padding-bottom: 20px;}
   .about-pro .aboutIn-rig .num-list .box{padding-bottom: 20px;margin-bottom: 20px;}
   .about-pro .aboutIn-rig .num-list .num{width: 220px;}
   .about-pro .aboutIn-rig .num-list p{font-size: 16px;line-height: 30px;}
   .about-pro .aboutIn-rig .num-list .num .numCX{font-size: 56px;line-height: 46px;}
   .about-pro .aboutIn-rig .num-list .num .dw{font-size: 16px;line-height: 38px}
   .development{padding: 90px 0;}
   .development-swiper{margin-top: 100px;}
   #swiper-gallery{margin-bottom: 75px;}
   #swiper-gallery .box{padding-right: 25px;}
   #swiper-gallery .mes span{font-size: 52px;line-height: 52px;height: 52px;}
   #swiper-gallery .mes p{font-size: 14px;line-height: 24px;height: 96px;margin-top: 30px;}
   #swiper-gallery .img{margin-top: 20px;}
   .swiper-bottom{padding: 0 25px;}
   #swiper-thumbs{padding: 20px 0;}
   #swiper-thumbs .swiper-slide{width: 70px;}
   #swiper-thumbs .swiper-slide p{font-size: 18px;line-height: 28px;}
   .honor{padding: 75px 0;}
   .honor-info{font-size: 16px;line-height: 30px;padding-bottom: 35px;margin-top: 55px;}
   .honor-list{padding: 50px 0 10px 0;}
   .honor-list .swiper-slide p{font-size: 14px;line-height: 22px;}
   .honor-list .swiper-button .button{width: 48px;height: 48px;background-size: 18px;box-shadow: 0 0 18px rgba(0,0,0,0.10);}

   .culture{padding: 75px 0;}
   .culture-list{margin-top: 75px;}
   .culture-list li.mid{padding-top: 45px;}
   .culture-list li .img-box{padding-right: 20px;padding-bottom: 20px;}
   .culture-list li .img:after{bottom: -20px;right: -20px;}

   .culture-list li .mes{padding: 25px 0;}
   .culture-list li .mes h3{font-size: 32px;line-height: 42px;}
   .culture-list li .mes p{font-size: 22px;line-height: 32px;}

   .contact{padding-top: 115px;}
   .contact-mes{margin-top: 150px;margin-bottom: 50px;}
   .contact-mes .contact-tel{width: 380px;}
   .contact-mes .box .mes{padding-left: 45px;padding-top: 45px;padding-bottom: 45px;}
   .contact-mes .box img{width: 45px;}
   .contact-mes .box .info{margin-top: 20px;height: 140px;}
   .contact-mes .box .info a{font-size: 40px;}
   .contact-mes .box .info p{font-size: 20px;line-height: 30px;}
   .contact-mes .box .type{font-size: 18px;line-height: 28px;}


   .suggest{padding:60px 45px;margin-bottom: 70px;}
   .suggest h3{font-size: 24px;line-height: 34px;}

   .suggest .form-mes{margin-top: 45px;}
   .suggest .form-mes form .user .user-fb,.suggest .form-mes form .msg{margin-bottom: 35px;box-sizing: border-box;padding: 15px 0;}
   .suggest .form-mes form .user-fb input,.suggest .form-mes form .msg textarea{font-size: 18px;line-height: 36px;padding: 0 20px;}
   .suggest .form-mes form .user-fb input{height: 36px;}
   .suggest .form-mes form .msg textarea{height:216px;}
   .suggest .form-mes form .submit-bt{width: 150px;font-size: 20px;line-height:50px; }
   .talent{margin-top: 70px;margin-bottom: 100px;}
   .talent .item.one,.talent .item.two,.talent .item.three{height: 280px;}
   .talent .item.four,.talent .item.five{height: 380px;}
   .talent .item .mes p{padding: 0 25px;font-size: 28px;line-height: 36px;}

   .join .joinList{margin-top: 75px;}
   .join .joinList .row {font-size: 18px;line-height: 28px;padding-top: 25px; padding-bottom: 25px;}
   .join .joinList .row2{font-size: 14px;}
   .join .joinList .row1 { font-size: 18px;}
   .join .joinList .row .line{margin: 0 10px;}
   .join .joinList .row .line2{margin: 0 7px;}
   .join .joinList .row3 .icon{height: 28px;}
   .join .joinList dd {margin-bottom: 20px; }
   .join .joinList dd .joinT{padding: 0 20px;}
   .join .joinList .joinCon { padding: 0 20px 25px 20px; }
   .join .joinList .joinCon .joinMes {font-size: 18px;line-height: 28px;padding-top: 30px;padding-bottom: 45px;}

   .join .joinList .joinCon h3{width: 300px;padding-right: 20px;}
   .join .joinList .joinCon .mes{padding-right: 20px;}
   .join .joinList .joinBott {padding-top: 20px;}
   .join .joinList .joinBott a {font-size: 14px;line-height: 50px; padding: 0 30px;}

   #container{width: 100%;height: 700px;}
   .tooltip-cont h3{font-size: 20px;line-height: 30px;}
   .imglist .mes{width: 56px;margin-right: 10px;}
   .imglist .mes p{font-size: 12px;line-height: 22px;margin-top: 5px;}
   .imglist .mes .img{width: 45px;height: 45px;}


   .map-box{position: relative;width: 1000px;margin: 50px auto;}
   .city-list .item span{font-size: 16px;line-height: 24px;padding: 0 16px;}
   .xj{left: 155px;top:255px;}
   .yn{left: 397px;top:657px;}
   .sc{left: 421px;top:521px;}
   .gs{left: 454px;top:424px;}
   .nmg{left: 512px;top:298px;}
   .sx{left: 532px;top:440px;}
   .gx{left: 533px;top:671px;}
   .hn{left: 614px;top:445px;}
   .jx{left: 664px;top:575px;}
   .sd{left: 685px;top:390px;}
   .fj{left: 710px;top:610px;}

   .city-list .item .city-mes{padding: 40px 0;}
   .city-list .item .city-mes:after{bottom: 20px;border-top: 30px solid #fff;margin-left: -20px;}
   .city-list .item .city-mes .mes{padding: 30px 20px;border-radius: 16px;}
   .city-list .item .city-mes h3{font-size: 20px;line-height: 30px;}
   .city-list .item .city-mes .list{margin-top: 20px;}
   .city-list .item .city-mes .list li{margin-right:15px; }
   .city-list .item .city-mes .list li p{font-size: 12px;line-height: 22px;}
   .city-list .item .city-mes .list li .img{width: 50px;height: 50px;}




   .search-nav{margin-bottom: 70px;}
   .search-nav .s-navlist li{margin-right: 40px;}
   .search-nav .s-navlist li a{font-size: 20px;}

   .search-box{padding: 50px 0;}
   .search-box form{padding-right: 100px;border-radius: 16px;}
   .search-box #inp-search {font-size: 18px;line-height: 54px;height: 54px;}
   .search-box .btn{width: 100px;height: 54px;font-size: 22px;line-height: 54px;}

   .load-nore{margin-top: 70px;margin-bottom: 80px;}
   .load-nore .moreBtn{padding: 18px 40px;}

   .search-list li {border-radius: 16px;}
   .search-list li a{padding: 0 25px;}
   .search-list li h3{font-size: 18px;line-height: 60px;}
   .search-list li span{font-size: 14px;line-height: 60px;}

   .news-center .ctr .news-mes a,.news-center .ctr-nav a,.news-center .ctr-nav .oth{height: 160px;}
   .news-center .ctr .news-mes .img{width: 240px;}
   .news-center .ctr .news-mes .mes{padding:0 15px;}
   .news-center .ctr .news-mes h3{font-size: 20px;line-height: 28px;height: 84px;margin-top: 20px;}
   .news-center .ctr .news-mes .mes .dt{font-size: 14px;line-height: 18px;}
   .news-center .ctr-nav .mes p{font-size: 22px;}

   .news-center .ctr-nav .oth .icon img{height: 46px; }
   .news-center .ctr-nav .oth a{font-size: 16px;line-height: 36px;margin-right: 40px;}




}

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

}




@media screen and (max-width: 1024px) {
   .wrap{width: 94%;padding: 0 0;}
   .wrapIn{width: 94%;padding: 0 0;}
   .header{height: 58px;padding: 0 0;background-color: rgba(0,0,0,0.9)}
   .menu-handler{display: block;}
   .headerNav{display: none;}
   .header .logo{padding-top: 14px;}
   .header .logo img{height: 30px;}
   .footer .lef{float: none;width: 100%;padding-right: 0;padding-top: 40px;padding-bottom: 10px;}
   .footer .lef:after{width: 0;}
   .footer .rig {float: none;width: 100%;padding-top: 10px;padding-left: 0;}
   .footer .search,.footer .footer-nav{display: none;}
   .addr-list li{border-top: 1px solid rgba(255, 255, 255, 0.2);border-bottom: none;padding-top: 20px;padding-bottom: 20px;margin-bottom: 0;margin-top: 0;}
   .addr-list li:last-child{border-bottom: 1px solid rgba(255, 255, 255, 0.2);padding-bottom: 20px;}
   .addr-list li h3{font-size: 16px;line-height: 26px;margin-bottom: 10px;}
   .addr-list li p,.addr-list li p a{font-size: 14px;line-height: 26px;}
   .copyright{margin-top: 0;text-align: center;}
   .copyright, .copyright span, .copyright a{font-size: 14px;line-height: 22px;}
   .footer .rig .ewm {display: block;text-align: center;margin-top: 20px;}



   .banner .swiper-slide{height: 450px;}
   .banner .swiper-button-next img, .banner .swiper-button-prev img{width: 24px;}
   .banner .titBan{top:120px;}
   .banner .titBan h1{font-size: 42px;line-height: 52px;}
   .banner .titBan p{font-size: 16px;line-height: 26px;}
   .f-banner .img{height: 450px;}
   .current .cont{margin-top: 150px;}
   .current h1{font-size: 42px;line-height: 52px;}
   .current p {font-size: 16px;line-height: 26px}

   .banner-search .img{height: 350px;}
   .banner-search .current .cont{margin-top: 170px;}

   .f-navlist li a {font-size: 16px;line-height: 60px;}

   .title span{font-size: 16px;line-height: 16px;margin-bottom: 10px;}
   .title h3{font-size: 30px;line-height: 40px;}
   .title p{font-size: 12px;line-height: 20px;}
   .title h4{font-size: 16px;line-height: 24px;margin-top: 5px;}
   .title a{font-size: 12px;line-height: 14px;margin-top: 20px;}
   .title a img{width: 12px;margin-left: 10px;}
   .title .info{margin-top: 20px;}
   .title .info p{font-size: 14px;line-height: 24px;}
   .introNum li{border-radius: 20px;}
   .introNum li .box {padding: 20px 15px;}
   .introNum li img{width: 32px;}
   .introNum li .num{margin-top: 20px;}
   .introNum li .num .numCX{font-size: 48px;line-height: 40px;}
   .introNum li .num .dw{font-size: 14px;line-height: 24px;}
   .introNum li p{font-size: 12px;line-height: 18px;}

   .sec02 {padding-top: 70px;padding-bottom: 70px;}

   .sec03 .txt{height: 350px;}
   .sec03 .txt p{font-size: 24px;line-height: 34px;}
   .sec04 {padding: 70px 0;}

   .centerCont{display: block;}
   .centerCont .introIn{width: 100%;}
   .centerCont .introNum{width: 100%;margin-top: 30px;}
   .proIn{margin-top: 50px;}
   #gallery{width: 100%;overflow: hidden;}
   #gallery .box{display: block;}
   #gallery .box .img{width: 100%;}
   #gallery .box .mes{width: 100%;margin-top: 20px;}
   #gallery .swiper-slide.swiper-slide-active .box .img img{width: 200px;}
   #gallery .box .img img{padding-top: 0;}
   #gallery .swiper-button-next, #gallery .swiper-button-prev{width: 40px;height: 40px;background-size: 20px;background-color: #fff;border-radius: 50%;}
   #gallery .swiper-button-prev{left: 0;}
   #gallery .swiper-button-next{right: 0;}
   #gallery .box .mes .bx{padding-left: 60px;}
   .product-intro .mes .nm{font-size: 30px;line-height: 50px;}
   .product-intro .mes em{font-size: 18px;line-height: 18px;}
   .product-intro .mes .en{font-size: 30px;line-height: 44px;border-top-right-radius: 15px;border-bottom-left-radius: 15px;}
   .product-intro .mes p{font-size: 14px;line-height: 24px;}
   .product-intro .mes .use{margin-top: 20px;}
   .product-intro .mes .use span{font-size: 22px;line-height: 24px;}
   .product-intro .mes .use span img{width: 24px;}
   .product-intro .mes .online-btn{margin-top: 30px;}
   .product-intro .mes .online-btn a{width: 120px;font-size: 14px;line-height: 36px;}
   #gallery .box .mes .more {font-size: 14px;line-height: 18px;padding: 12px 15px;margin-top: 20px;}
   #gallery .box .mes .more img{width: 16px;margin-left: 10px;}
   #thumbs .swiper-slide {width: 40px;height: 40px;border: 4px solid #fff;}
   #thumbs .swiper-slide  .thumbs-img img{width: 20px;height: 20px;transform: translate(-10px,-10px);}
   #thumbs .swiper-slide.swiper-slide-thumb-active{width: 50px;height: 50px;margin-top: -5px;}
   #thumbs .swiper-slide.swiper-slide-thumb-active .thumbs-img img{width:50px;height: 50px;top: -10px;transform: translate(-24px,0);}
   /*.sec05{padding: 180px 0;}*/
   .sec05 .title{width: 80%;}

   .sec05 .swiper-slide{height: 450px;}
   .sec05 .swiper-button-next,.sec05 .swiper-button-prev{width: 40px;height: 40px;}
   .sec05 .swiper-button-prev{right: 90px;}
   .sec05 .swiper-button-next{right: 30px;}

   .newsIn .swiper-slide .mes {padding: 15px;}
   .newsIn .swiper-slide .mes span{margin-bottom: 15px;}
   .newsIn .swiper-slide .mes p{font-size: 20px;line-height: 30px;height:90px;}
   .newsIn .swiper-slide .img{height: 160px;}
   .newsIn .swiper-pagination{font-size: 24px;line-height: 24px;margin-bottom: 20px;}
   .newsIn .swiper-navigation{position: relative;padding-left: 190px;padding-top: 70px;}
   .newsIn .swiper-button-prev, .newsIn .swiper-button-next{width: 40px;height: 40px;background-size: 18px;}
   .newsIn .swiper-button-next{left: 50px;}
   .newsIn .news-mr a{font-size: 14px;line-height: 16px;padding: 10px 15px;margin-left: 20px;}
   .newsIn .news-mr a img{width: 16px;}

   .product .product-intro .mes .bx {padding-left: 0;}
   .product-intro .img{width: 100%;}
   .product-intro .img img{width: 200px;}
   .product-intro .mes {width: 100%;padding-top: 20px;}
   .product-intro .product-name span{font-size: 16px;line-height: 26px;}
   .product-intro .product-name h3{font-size: 36px;line-height: 42px;}
   .tech-list li {width: 32.4%;margin-right: 1.4%;margin-bottom: 20px;}
   .tech-list li:nth-child(5n){margin-right: 1.4%;}
   .tech-list li:nth-child(3n){margin-right: 0;}
   .tech-list li .mes {padding-left: 15px;height: 120px;}
   .tech-list li .mes p {font-size: 20px;line-height: 30px;}

   .product-effect .effect-intro {padding: 35px 30px;margin-top: 100px;}
   .product-effect .effect-intro:before {left: -30px;top: -30px;height: 300px;}
   .bottom-bg{position: absolute;right: -30px;bottom:-50px;height: 300px;}

   .product-effect .intro-item .mes .plef{padding-left: 30px;}
   .product-effect .intro-item .mes h3{font-size: 26px;line-height: 30px;margin-bottom: 25px;}
   .product-effect .intro-item .mes p{font-size: 20px;line-height: 26px;margin-bottom: 10px;}
   .product-effect .intro-item .mes p img{width: 26px;margin-right: 10px;}

   .product-effect .effect-intro .swiper-button-next, .product-effect .effect-intro .swiper-button-prev{width: 40px;height: 40px;background-size: 14px;}
   .product-effect .effect-intro .swiper-button-prev{left: -10px;}
   .product-effect .effect-intro .swiper-button-next{right: -10px;}

   .cor-product{margin-top: 70px;}
   .cor-list li{padding-top: 25px;padding-bottom: 30px;}
   .cor-list li .img{height: 160px;margin-bottom: 20px;}
   .cor-list li .mes p{font-size: 20px;line-height: 30px;}
   .cor-list li .mes span{font-size: 16px;line-height: 26px;}
   .online{padding: 70px 0;}
   .online .form-mes form .submit-bt{width: 130px;font-size: 16px;line-height:46px;border-radius: 30px;}
   .online .form-mes{margin-top: 50px;}
   .secIn{padding-top: 70px;}
   .strength-cont{margin-top: 50px;}
   .strength-cont .list li{width: 49%;}
   .strength-cont .list li:nth-child(2n){margin-right: 0;}
   .strength-cont .list li .box{padding: 30px 20px 25px 20px;}
   .strength-cont .list li .flx{margin-bottom: 25px;}
   .strength-cont .list li .flx img{height: 32px;}
   .strength-cont .list li .flx span{font-size: 22px;line-height: 32px;margin-left: 10px;}
   .strength-cont .list li p{font-size: 14px;line-height: 22px;height: 66px;}
   .strength-cont .intro{margin-top: 0;}
   .base-swiper .img-box .box .img{height: 180px;}
   .base-swiper .img-box .box2 .img{height: 360px; }
   .cert-info{margin-top: 30px;}
   .cert-info .info{padding: 25px 30px;}
   .cert-info span{font-size: 50px;line-height: 40px;}
   .cert-info .info p{font-size: 22px;line-height: 32px;}
   .certificate .swiper-button{padding-bottom: 20px;margin-bottom: 25px;}
   .certificate .swiper-button .swiper-button-prev,.certificate .swiper-button .swiper-button-next{width: 28px;height: 28px;}
   .certificate .swiper-slide .img{height: 200px;}
   .certificate .swiper-slide .line{bottom: 10px;height: 2px;}

   .formu-list{margin-top: 50px;}
   .formu-list .item{width: 31.2%;margin-right: 3.2%;margin-bottom: 40px;}
   .formu-list .item:nth-child(4n){margin-right: 3.2%;}
   .formu-list .item:nth-child(3n),.formu-list .item:nth-child(12n){margin-right: 0;}
   .formu-list .item .mes{padding: 0 30px;background-size: 30px;}
   .formu-list .item .mes h3{font-size: 18px;line-height: 28px;}
   .formu-list .item .mes p{font-size: 14px;line-height: 24px;}
   .formu-list .item .mes span{font-size: 12px;line-height: 22px;}
   .formu-list .item:hover .mes{background-size: 40px;}

   .product-tank{margin-top: 70px;}
   .serve-list{margin-top: 40px;}
   .serve-list li{margin-bottom: 50px;}
   .serve-list li .mes {padding: 20px 20px;}
   .serve-list li .mes h3{font-size: 24px;line-height: 34px;margin-bottom: 15px;}
   .serve-list li .mes p{font-size: 16px;line-height: 24px;height: 72px;}
   .news-hot{margin-top: 70px;}
   .news-hot .img{height: 360px;}
   .news-hot .mes{height: 360px;}
   .news-hot .img{border-radius: 26px;}
   .news-hot .info {padding-left: 40px;padding-right: 0;}
   .news-hot .info h3{font-size: 22px;line-height: 32px;max-height: 64px;margin-bottom: 15px;}
   .news-list{margin-top: 70px;}
   .news-list li{width: 48.5%;margin-right: 3%;margin-bottom: 50px;}
   .news-list li:nth-child(3n){margin-right: 3%;}
   .news-list li:nth-child(2n),.news-list li:nth-child(6n){margin-right: 0;}
   .news-list li .mes {padding: 20px;}
   .news-list li .img{height: 240px;}
   .news-list li .mes h3{font-size: 22px;line-height: 28px;height: 56px;}
   .news-list li .mes .btw{margin-top: 40px;}
   .news-list li .mes .btw em{font-size: 14px;line-height: 30px;}
   .news-list li .mes .btw span{font-size: 12px;line-height: 32px;padding: 0 20px;}
   .pages{margin-bottom: 100px;display: block;}
   .pages .pg a{font-size: 22px;line-height: 24px;padding: 10px 10px;}
   .pages .pg a.on,.pages .pg a:hover{font-size: 28px;line-height: 28px;}
   .pages .pn .prevpage,.pages .pn .nextpage{width: 40px;height: 40px;background-size: 14px;margin-left: 15px;}

   .detail-top{display: block;}
   .detail-top .curr{width: 100%;display: none;}
   .detail-top .comeback{width: 100%;text-align: right;margin-top: 10px;}
   .detail-top .comeback a{display: inline-block;width: 130px;font-size: 16px;line-height: 48px;;}
   .news-detail {padding: 35px 25px;margin-bottom: 30px;border-radius: 16px;}
   .detail-ft {padding: 35px 25px;margin-bottom: 30px;border-radius: 16px;}
   .detail-title h1{font-size: 30px;line-height: 40px;margin-bottom: 25px;}
   .detail-title {padding-bottom: 20px;margin-bottom: 20px;}
   .news-detail .content{font-size: 16px;line-height: 32px;}
   .detail-ft a p{font-size: 20px;line-height: 30px;}
   .detail-ft a span{width: 80px;font-size: 16px;line-height: 30px;margin-left: 20px;}
   .detail-ft a.prev {margin-bottom: 10px;padding-bottom: 15px;}

   .qualityW {padding-top: 70px;padding-bottom: 100px;}
   #container{height: 500px;}
   .tooltip-cont h3{font-size: 18px;line-height: 28px;}
   .imglist .mes .img{width: 40px;height: 40px;}


   .curr a{font-size: 14px;line-height: 24px;}
   .curr span{font-size: 14px;line-height: 22px;max-width: 300px;}
   .curr .home{width: 14px;}
   .curr .jt{width: 12px;margin: 0 6px;}

   .profile{padding-bottom: 70px;}
   .about-pro .aboutIn-cont{padding-top: 60px;}
   .about-pro .aboutIn-lef{width: 100%;}
   .about-pro .aboutIn-rig{width: 100%;}
   .about-pro .aboutIn-lef{height: 320px;}
   .about-pro .aboutIn-rig{height: 300px;margin-top: 30px;}
   .about-pro .news-right-container{padding-left: 0;}
   .about-pro .aboutIn-rig .cont{paddingt-top: 0;padding-bottom: 40px;}
   .about-pro .aboutIn-rig .mes{font-size: 14px;line-height: 26px;}
   .about-pro .aboutIn-rig .mes p{margin-bottom: 20px;}
   .about-pro .aboutIn-rig .num-list{margin-top: 40px;padding-bottom: 20px;}
   .about-pro .aboutIn-rig .num-list .box{padding-bottom: 10px;margin-bottom: 10px;}
   .about-pro .aboutIn-rig .num-list .num{width: 220px;}
   .about-pro .aboutIn-rig .num-list p{font-size: 14px;line-height: 24px;}
   .about-pro .aboutIn-rig .num-list .num .numCX{font-size: 42px;line-height: 36px;}
   .about-pro .aboutIn-rig .num-list .num .dw{font-size: 14px;line-height: 32px}
   .video-mask .video-box{position: absolute;top: 50%;left: 10%;max-height: 80%;transform: translate(0, -50%);width: 80%;z-index: 1000;}
   .video-mask .closeVideo {right: -25px;top: 0;width: 24px;height: 24px;background-size: 10px;}



   .development{padding: 70px 0;}
   .development-swiper{margin-top: 60px;}
   #swiper-gallery{margin-bottom: 55px;}
   #swiper-gallery .box{padding-right: 15px;}
   #swiper-gallery .mes span{font-size: 40px;line-height: 40px;height: 40px;}
   #swiper-gallery .mes p{font-size: 12px;line-height: 22px;height: 88px;margin-top: 20px;}

   .swiper-bottom{padding: 0 30px;}
   #swiper-thumbs{padding: 20px 0;}
   #swiper-thumbs .swiper-slide{width: 50px;}
   #swiper-thumbs .swiper-slide p{font-size: 14px;line-height: 24px;}
   .honor {padding: 70px 0;}
   .honor-list .swiper-button .button{width: 40px;height: 40px;background-size: 14px;}

   .culture{padding: 70px 0;}
   .culture-list{margin-top: 55px;}
   .culture-list li.mid{padding-top: 35px;}
   .culture-list li .img-box{padding-right: 10px;padding-bottom: 10px;}
   .culture-list li .img:after{bottom: -10px;right: -10px;}

   .culture-list li .mes{padding: 15px 0;}
   .culture-list li .mes h3{font-size: 24px;line-height: 34px;}
   .culture-list li .mes p{font-size: 16px;line-height: 26px;}
   .contact{padding-top: 70px;}
   .contact-mes{margin-top: 60px;margin-bottom: 30px;}
   .contact-mes .contact-tel{width: 40%;}
   .contact-mes .contact-addr{width: 60%;}
   .contact-mes .box .mes{padding-left: 20px;padding-top: 20px;padding-bottom: 25px;}
   .contact-mes .box img{width: 25px;}
   .contact-mes .box .info{margin-top: 10px;height: 120px;}
   .contact-mes .box .info a{font-size: 28px;}
   .contact-mes .box .info p{font-size: 16px;line-height: 26px;}
   .contact-mes .box .type{font-size: 14px;line-height: 24px;}

   .suggest{padding:30px 20px;margin-bottom: 50px;}
   .suggest h3{font-size: 20px;line-height: 30px;}
   .suggest .form-mes{margin-top: 20px;}
   .suggest .form-mes form .user .user-fb,.suggest .form-mes form .msg{margin-bottom: 25px;box-sizing: border-box;padding: 10px 0;}
   .suggest .form-mes form .user-fb input,.suggest .form-mes form .msg textarea{font-size: 14px;line-height: 30px;padding: 0 10px;}
   .suggest .form-mes form .user-fb input{height: 30px;}
   .suggest .form-mes form .msg textarea{height:180px;}
   .suggest .form-mes form .submit-bt{width: 120px;font-size: 16px;line-height:40px; }

   .joinW{padding: 70px 0;}
   .talent{margin-top: 50px;margin-bottom: 60px;}
   .talent .item.one,.talent .item.two,.talent .item.three{height: 200px;}
   .talent .item.four,.talent .item.five{height: 300px;}
   .talent .item .mes p{padding: 0 15px;font-size: 24px;line-height: 32px;}

   .join .joinList{margin-top: 35px;}
   .join .joinList .row {font-size: 14px;line-height: 24px;padding-top: 15px; padding-bottom: 15px;}
   .join .joinList .row2{font-size: 12px;width: 39%;padding-right: 1%;}
   .join .joinList .row1 { font-size: 14px;width: 54%;padding-right: 1%;}
   .join .joinList .row .line{margin: 0 10px;}
   .join .joinList .row .line2{margin: 0 7px;}
   .join .joinList .row3 .icon{height: 24px;background-size: 18px;}

   .join .joinList dd .joinT{padding: 0 10px;}
   .join .joinList .joinCon { padding: 0 10px 20px 10px; }
   .join .joinList .joinCon .joinMes {font-size: 14px;line-height: 24px;padding-top: 20px;padding-bottom: 25px;}

   .join .joinList .joinCon h3{width: 130px;padding-right: 20px;}
   .join .joinList .joinCon .mes{padding-right: 20px;}
   .join .joinList .joinBott {padding-top: 20px;}
   .join .joinList .joinBott a {font-size: 14px;line-height: 50px; padding: 0 30px;}

   /*.map-box{display: none;}*/

   .search-nav{margin-bottom: 50px;}
   .search-nav .s-navlist li{margin-right: 15px;}
   .search-nav .s-navlist li a{font-size: 16px;padding: 10px 0;}

   .search-box{padding: 35px 0;}
   .search-box form{padding-right: 70px;border-radius: 12px;}
   .search-box #inp-search {font-size: 14px;line-height: 50px;height: 50px;}
   .search-box .btn{width: 70px;height: 50px;font-size: 16px;line-height: 50px;}

   .load-nore{margin-top: 50px;margin-bottom: 60px;}
   .load-nore .moreBtn{padding: 15px 30px;font-size: 14px;}

   .search-list li {border-radius: 12px;}
   .search-list li a{padding: 0 15px;}
   .search-list li h3{font-size: 14px;line-height: 50px;}
   .search-list li span{font-size: 12px;line-height: 50px;}

   .map-box{width: 100%;}
   .map-box .map-img{display: none;}
   .map-box .city-list{padding: 0 3%;}
   .city-list .item{position: static;margin-bottom: 35px;}
   .city-list .item>span{display: none;}
   .city-list .item .city-mes .close{display: none;}
   .city-list .item .city-mes{position: static;display: block;transform:translate(0);padding: 0 0;}
   .city-list .item .city-mes .mes{background-image: url("../images/city_probg2.png");background-position: top center;padding: 40px 50px 10px 50px;}
   .city-list .item .city-mes h3{font-size: 32px;line-height: 42px;color: #3b3b3b;}

   .city-list .item .city-mes .list{display: block;margin-top: 15px;}
   .city-list .item .city-mes .list li{float: left;width: 19.6%;margin-right: 0.5%;margin-bottom: 30px;}
   .city-list .item .city-mes .list li:nth-child(5n){margin-right: 0;}
   .city-list .item .city-mes .list li .img{width: 106px;height: 106px;}
   .city-list .item .city-mes .list li p{font-size: 20px;line-height: 30px;color: #3b3b3b;margin-top: 15px;}


   .video-bg .video-box {width: 80%;transform: translate(-50%, -40%);}
   .video-bg .closeVideo{right: -25px;width: 20px;height: 20px;background-size: 8px;}

   .newsW{margin-top: 50px;padding-top: 50px;}
   .news-center{margin-top: 35px;}
   .news-center .ctr{width: 100%;margin-right: 0;}



}




@media screen and (max-width: 768px) {
   .tech-list li .mes {padding-left: 15px;height: 110px;}
   .tech-list li .mes p {font-size: 18px;line-height: 28px;}
   .product-effect .effect-intro {padding: 25px 20px;margin-top: 70px;}
   .product-effect .effect-intro:before {left: -20px;top: -20px;height: 300px;}
   .product-effect .intro-item .mes .plef{padding-left: 20px;}
   .product-effect .intro-item .mes h3{font-size: 22px;line-height: 28px;margin-bottom: 20px;}
   .product-effect .intro-item .mes p{font-size: 16px;line-height: 22px;margin-bottom: 6px;}
   .product-effect .intro-item .mes p img{width: 22px;margin-right: 5px;}
   .strength-cont .list li{width: 100%;margin-right: 0;}
   .strength-cont .list li p{height: auto; -webkit-line-clamp: 10;}
   .base-swiper .img-box .box .img{height: 140px;}
   .base-swiper .img-box .box2 .img{height: 280px; }

   .serve-list li{width: 100%;margin-right: 0;margin-bottom: 35px;}
   .serve-list li .mes p{height: auto;-webkit-line-clamp: 10;}
   .serve-list li .mes {padding: 30px 20px;}
   .serve-list li .mes h3{margin-bottom: 10px;}

   .qualityW {padding-bottom: 70px;}
   #container{height: 440px;}

   .news-hot{background-color: #fff;border-radius: 16px;}
   .news-hot .img{width: 100%;height: 320px;border-radius: 16px; }
   .news-hot .mes{width: 100%;height: auto;}
   .news-hot .info{padding:20px 20px;}
   .news-hot .info span{font-size: 14px;line-height: 24px;}
   .news-hot .info .dl{font-size: 14px;line-height: 36px;margin-top: 30px;margin-bottom: 20px;padding: 0 20px;}
   .news-hot .info h3{font-size: 18px;line-height: 28px;max-height:initial;margin-bottom: 15px;}
   .news-hot .info p{font-size: 14px;line-height: 22px;max-height: 88px;}
   .news-list li{width: 100%;margin-right: 0;margin-bottom: 40px;}
   .news-list li:nth-child(3n){margin-right: 0;}
   .news-list li .mes h3{font-size: 18px;line-height: 24px;height: auto; -webkit-line-clamp: 10;margin-top: 15px;}
   .news-list li .mes .ty{font-size: 14px;line-height: 22px;}
   .news-list li .mes .btw span{line-height: 26px;padding: 0 15px;}
   .news-list li .mes .btw{margin-top: 25px;}
   .detail-top{margin-bottom: 25px;}
   .detail-top .comeback a{font-size: 16px;line-height: 42px;}
   .detail-title h1{font-size: 24px;line-height: 34px;margin-bottom: 20px;}
   .detail-title .date span{font-size: 14px;line-height: 20px;}
   .news-detail .content{font-size: 14px;line-height: 30px;}
   .detail-ft {padding: 20px 15px;}
   .detail-ft a p{font-size: 16px;line-height: 26px;}
   .detail-ft a span{width: 70px;font-size: 14px;line-height: 26px;margin-left: 10px;}
   .detail-ft a.prev {margin-bottom: 10px;padding-bottom: 10px;}
   .culture-list li{width: 49%;margin-right: 2%;margin-bottom: 30px;}
   .culture-list li:nth-child(3n){margin-right: 3%;}
   .culture-list li:nth-child(2n),.culture-list li:nth-child(6n){margin-right: 0;}
   .join .joinList .joinCon .joinMes{display: block;}
   .join .joinList .joinCon h3{width: 100%;padding-right: 0;}
   .join .joinList .joinCon .mes{width: 100%;padding-right: 0;}
   .talent{margin-top: 35px;margin-bottom: 50px;}
   .talent .item.one,.talent .item.two,.talent .item.three{height: 160px;}
   .talent .item.four,.talent .item.five{height: 240px;}
   .talent .item .mes{top:20px;}
   .talent .item .mes p{padding: 0 10px;font-size: 20px;line-height: 28px;}


   .search-nav{margin-bottom: 35px;}
   .search-nav .s-navlist li{margin-right: 10px;}
   .search-nav .s-navlist li a{font-size: 14px;padding: 8px 0;}

   .search-box{padding: 30px 0;}
   .search-box form{padding-right: 50px;border-radius: 10px;}
   .search-box #inp-search {font-size: 12px;line-height: 40px;height: 40px;}
   .search-box .btn{width: 50px;height: 40px;font-size: 12px;line-height: 40px;}

   .load-nore{margin-top: 40px;margin-bottom: 60px;}
   .load-nore .moreBtn{padding: 10px 20px;font-size: 12px;}
   .load-nore img{height: 14px;}
   .search-list li {border-radius: 10px;}
   .search-list li a{padding: 0 15px;}
   .search-list li h3{font-size: 14px;line-height: 50px;}
   .search-list li span{font-size: 12px;line-height: 50px;}
   .search-list li h3{width: 71%;}


   .city-list .item .city-mes .mes {padding: 30px 30px 10px 30px;}
   .city-list .item .city-mes h3{font-size: 28px;line-height: 38px;}
   .city-list .item .city-mes .list li{margin-bottom: 20px;}
   .city-list .item .city-mes .list li .img{width: 90px;height: 90px;}
   .city-list .item .city-mes .list li p{font-size: 18px;line-height: 28px;margin-top: 10px;}


}



@media screen and (max-width: 640px) {
   .banner .swiper-slide{height: 360px;}
   .banner .swiper-button-next img, .banner .swiper-button-prev img{width: 24px;}
   .banner .titBan{top:110px;}
   .banner .titBan h1{font-size: 32px;line-height: 42px;}
   .banner .titBan p{font-size: 14px;line-height: 24px;}
   .banner .swiperBtn{bottom: 40px;}
   .f-banner .img{height: 360px;}
   .current .cont{margin-top: 120px;}
   .current h1{font-size: 32px;line-height: 42px;}
   .current p {font-size: 14px;line-height: 24px}
   .banner-search .img{height: 260px;}
   .banner-search .current .cont{margin-top: 130px;}

   .f-navlist li a {font-size: 14px;line-height: 44px;}
   .f-navlist li:after{height: 2px;}
   .title span{font-size: 14px;line-height: 14px;margin-bottom: 8px;}
   .title h3{font-size: 24px;line-height: 34px;}
   .title h4{font-size: 14px;line-height: 20px;}
   .title .info{margin-top: 10px;}
   .title .info p{font-size: 12px;line-height: 22px;}

   .introNum li{border-radius: 20px;}
   .introNum li .box {padding: 20px 15px;}
   .introNum li img{width: 32px;}
   .introNum li .num{margin-top: 20px;}
   .introNum li .num .numCX{font-size: 48px;line-height: 40px;}
   .introNum li .num .dw{font-size: 14px;line-height: 24px;}
   .introNum li p{font-size: 12px;line-height: 18px;}

   .sec02 {padding-top: 50px;padding-bottom: 50px;}

   .sec03 .txt{height: 280px;}
   .sec03 .txt p{font-size: 24px;line-height: 34px;}
   .sec04 {padding: 50px 0;}
   #gallery .swiper-button-next, #gallery .swiper-button-prev {width: 36px;height: 36px;background-size: 16px;}
   #gallery .box .mes .bx{padding-left: 45px;}
   .product-intro .mes .nm{font-size: 24px;line-height: 44px;}
   .product-intro .mes em{font-size: 14px;line-height: 14px;}
   .product-intro .mes .en{font-size: 20px;line-height: 24px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;}
   .product-intro .mes p{font-size: 12px;line-height: 22px;}
   .product-intro .mes .use{margin-top: 15px;}
   .product-intro .mes .use span{font-size: 18px;line-height: 20px;}
   .product-intro .mes .use span img{width: 20px;}
   .product-intro .mes .online-btn{margin-top: 20px;}
   .product-intro .mes .online-btn a{width: 120px;font-size: 14px;line-height: 36px;}
   #gallery .box .mes .more {font-size: 12px;line-height: 14px;padding: 10px 12px;margin-top: 20px;}
   #gallery .box .mes .more img{width: 12px;margin-left: 10px;}
   #thumbs .swiper-slide {width: 36px;height: 36px;border: 3px solid #fff;}
   #thumbs .swiper-slide.swiper-slide-thumb-active{width: 44px;height: 44px;margin-top: -5px;}
   #thumbs .swiper-slide.swiper-slide-thumb-active .thumbs-img img{width:44px;height: 44px;top: -10px;transform: translate(-22px,0);}
   /*.sec05{padding: 150px 0;}*/
   .sec06 {padding: 50px 0;}

   .newsIn .swiper-slide .img{height: 180px;}
   .newsIn .swiper-pagination{font-size: 22px;line-height: 22px;margin-bottom: 20px;}
   .newsIn .swiper-navigation{position: relative;padding-left: 110px;padding-top: 50px;}
   .newsIn .swiper-button-prev, .newsIn .swiper-button-next{width: 36px;height: 36px;background-size: 14px;}
   .newsIn .swiper-button-next{left: 44px;}
   .newsIn .news-mr a{font-size: 12px;line-height: 14px;padding: 10px 15px;margin-left: 20px;}
   .newsIn .news-mr a img{width: 12px;}

   .product-effect{padding: 50px 0;}
   .product {padding: 50px 0;}
   .product-intro .product-name span{font-size: 14px;line-height: 24px;}
   .product-intro .product-name h3{font-size: 28px;line-height: 34px;}
   .tech-list li {width: 32.4%;margin-right: 1.4%;margin-bottom: 20px;}
   .tech-list li:nth-child(5n){margin-right: 1.4%;}
   .tech-list li:nth-child(3n){margin-right: 0;}
   .product-effect .effect-intro {padding: 20px 15px;margin-top: 50px;}
   .product-effect .effect-intro:before {left: -15px;top: -15px;height: 260px;}
   .product-effect .intro-item{display: block;margin-bottom: 40px;}
   .product-effect .intro-item .img,.product-effect .intro-item .mes{width: 100%;}
   .product-effect .intro-item .mes{margin-top: 20px;}
   .product-effect .intro-item .mes .plef{padding-left: 0;}
   .product-effect .intro-item .mes h3{font-size: 20px;line-height: 26px;}
   .product-effect .intro-item .mes p{font-size: 14px;line-height: 20px;}
   .product-effect .intro-item .mes p img{width: 18px;}
   .cor-product{margin-top: 50px;}
   .cor-list li{width: 49%;padding-top: 20px;padding-bottom: 20px;margin-bottom: 30px;}
   .cor-list li:nth-child(2n){margin-right: 0;}
   .cor-list li .img{height: 140px;}
   .cor-list li .mes p{font-size: 18px;line-height: 28px;}
   .cor-list li .mes span{font-size: 14px;line-height: 24px;}
   .online{padding: 50px 0;}
   .online .form-mes form .submit-bt{width: 110px;font-size: 14px;line-height:40px;border-radius: 30px;}
   .online .form-mes{margin-top: 40px;}
   .online .form-mes form .user .user-fb{width: 49%;margin-bottom: 25px;}
   .online .form-mes form .user .user-fb:nth-child(3n){margin-right: 2%;}
   .online .form-mes form .user .user-fb:nth-child(2n),.online .form-mes form .user .user-fb:nth-child(6n){margin-right: 0;}
   .online .form-mes form .form-code{padding-right: 100px;}
   .online .form-mes form .form-code .vc{width: 100px;}
   .online .form-mes form .form-code img{height: 30px;max-width: 90px;}
   .online .form-mes form .user-fb input, .online .form-mes form .user-fb select, .online .form-mes form .code input {font-size: 14px;line-height: 44px;}
   .online .form-mes form .user-fb input{height: 44px;}



   .formu-list .item{width: 48.5%;margin-right: 3%;margin-bottom: 40px;}
   .formu-list .item:nth-child(3n){margin-right: 3%;}
   .formu-list .item:nth-child(2n),.formu-list .item:nth-child(6n){margin-right: 0;}

   .secIn{padding-top: 50px;}
   .base-swiper .img-box .box .img{height: 120px;}
   .base-swiper .img-box .box2 .img{height: 240px; }

   .cert-info .info{padding: 20px 25px;}
   .cert-info span{font-size: 40px;line-height: 32px;}
   .cert-info .info p{font-size: 18px;line-height: 28px;}
   .certificate .swiper-button{padding-bottom: 20px;margin-bottom: 20px;}
   .certificate .swiper-button .swiper-button-prev,.certificate .swiper-button .swiper-button-next{width: 24px;height: 24px;}
   .certificate .swiper-slide .img{height: 160px;}
   .strength-cont .list li .box {padding: 20px 15px;}
   .strength-cont .list li .flx img{height: 24px;}
   .strength-cont .list li .flx span{font-size: 18px;line-height: 24px;}

   .product-tank{margin-top: 50px;}
   .serve-list li .mes {padding: 25px 15px;}
   .serve-list li .mes h3{font-size: 20px;line-height: 30px;margin-bottom: 12px;}
   .serve-list li .mes p{font-size: 14px;line-height: 22px;}


   .qualityW {padding-top: 50px;padding-bottom: 50px;}
   #container{height: 400px;}
   .news-list{margin-top: 50px;}
   .pages .pn .prevpage,.pages .pn .nextpage{width: 36px;height: 36px;background-size: 12px;margin-left: 10px;}
   .detail-top{margin-bottom: 20px;}
   .detail-top .comeback a{font-size: 14px;line-height: 36px;}
   .detail-title h1{font-size: 20px;line-height: 30px;margin-bottom: 15px;}
   .news-detail {padding: 20px 15px;border-radius: 12px;}
   .detail-ft {padding: 15px 12px;border-radius: 12px;}
   .detail-ft a p{font-size: 14px;line-height: 24px;}
   .detail-ft a span{width: 60px;font-size: 12px;line-height: 24px;margin-left: 8px;}
   .profile{padding-top: 50px;padding-bottom: 50px;}
   .about-pro .aboutIn-rig{height: auto;}
   .about-pro .aboutIn-rig .cont{padding-bottom: 10px;}
   .about-pro .aboutIn-lef{height: 240px;}
   .about-pro .aboutIn-rig .num-list .box{display: block;}
   .about-pro .aboutIn-rig .num-list .num{width: 100%;}
   .development,.honor{padding: 50px 0;}
   #swiper-gallery .mes span{font-size: 30px;line-height: 30px;height: 30px;}
   #swiper-gallery .mes p{margin-top: 10px;}
   .honor-info{ font-size: 14px;line-height: 24px;padding-bottom: 25px;margin-top: 35px;}
   .honor-list .swiper-slide-active .img,.honor-list .swiper-slide-duplicate-active .img{transform: scale(1);}
   .honor-list .swiper-slide p{margin-top: 10px;}
   .honor-list .swiper-button .button{width: 36px;height: 36px;background-size: 12px;}
   .contact{background-size: auto 300px;}
   .contact-mes{display: block;}
   .contact-mes .contact-tel{width: 100%;}
   .contact-mes .contact-addr{width: 100%;}
   .contact-mes .contact-tel .mes{border-right: none;border-bottom: 1px solid #d3d3d3;}
   .contact-mes .box .mes{padding-left: 15px;padding-top: 20px;padding-bottom: 20px;}
   .contact-mes .box .info{height: auto;}
   .contact-mes .box .info a{font-size: 24px;}
   .contact-mes .box .info p{font-size: 14px;line-height: 24px;}
   .contact-mes .box .type{font-size: 12px;line-height: 22px;}
   .culture-list li .mes h3{font-size: 20px;line-height: 30px;}
   .culture-list li .mes p{font-size: 14px;line-height: 24px;}
   .about-pro .aboutIn-cont{padding-top: 30px;}
   .joinW{padding: 50px 0;}
   .join .joinList .row2{width: 48%;}
   .join .joinList .row1 {width: 45%;}
   .join .joinList .joinBott a {font-size: 12px;line-height: 40px; padding: 0 20px;}

   .talent .item .mes p{font-size: 16px;line-height: 24px;}
   .join .joinList .joinCon .joinMes{font-size: 12px;line-height: 22px;}

   /*.city-list .item .city-mes .mes {padding: 30px 30px 10px 30px;}*/
   .city-list .item .city-mes h3{font-size: 24px;line-height: 34px;}
   .city-list .item .city-mes .list li{margin-bottom: 20px;}
   .city-list .item .city-mes .list li .img{width: 70px;height: 70px;}
   .city-list .item .city-mes .list li p{font-size: 14px;line-height: 24px;margin-top: 8px;}


   .news-center .ctr .news-mes a,.news-center .ctr-nav a,.news-center .ctr-nav .oth{height: 140px;border-radius: 20px;}
   .news-center .ctr .news-mes .img{width: 200px;}
   .news-center .ctr .news-mes .mes{padding:0 10px;}
   .news-center .ctr .news-mes h3{font-size: 18px;line-height: 26px;height: 78px;margin-top: 15px;}
   .news-center .ctr .news-mes .mes .dt{font-size: 12px;line-height: 16px;}
   .news-center .ctr-nav .mes p{font-size: 20px;}
   .news-center .ctr .news-mes,.news-center .ctr-nav{margin-bottom: 20px;}

   .news-center .ctr-nav .oth .icon{margin-top: 25px;margin-bottom: 10px;}
   .news-center .ctr-nav .oth .icon img{height: 36px; }
   .news-center .ctr-nav .oth a{font-size: 14px;line-height: 28px;margin-right: 20px;border-bottom: 1px solid #fff;}


}



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

   .banner .titBan h1{font-size: 26px;line-height: 36px;}
   .banner .titBan p{font-size: 12px;line-height: 22px;}
   .current .cont{margin-top: 120px;}
   .current h1{font-size: 26px;line-height: 36px;}
   .current p {font-size: 12px;line-height: 22px}

   .banner-search .img{height: 220px;}
   .banner-search .current .cont{margin-top: 110px;}



   .f-navlist li a {font-size: 12px;line-height: 42px;}
   .title span{font-size: 12px;line-height: 14px;}
   .title h3{font-size: 20px;line-height: 30px;}
   .introNum li{width: 100%;margin-right: 0;}
   #gallery .swiper-slide.swiper-slide-active .box .img img{width: 140px;}
   #gallery .swiper-button-next, #gallery .swiper-button-prev {width: 30px;height: 30px;background-size: 12px;}
   #gallery .box .mes .bx{padding-left: 20px;}
   .newsIn .swiper-button-prev, .newsIn .swiper-button-next {width: 30px;height: 30px;background-size: 12px;}
   .newsIn .swiper-navigation {padding-left: 90px;}
   .newsIn .swiper-slide .mes p {font-size: 18px;line-height: 28px;height: 84px;}
   .tech-list li{width: 100%;margin-right: 0;}
   .tech-list li:nth-child(5n){margin-right: 0;}
   .product-intro .img img{width: 160px;}
   /*.product-intro .mes .nm{font-size: 26px;line-height: 26px;}*/
   .cor-list li .img{height: 100px;}
   .online .form-mes form .user .user-fb{width: 100%;margin-right: 0;margin-bottom: 20px;}

   .formu-list .item{width: 100%;margin-right: 0;margin-bottom: 30px;}
   .formu-list .item .mes h3 {font-size: 16px;line-height: 26px;}
   .formu-list .item .mes p{font-size: 12px;line-height: 22px;}
   .base-swiper .img-box .box .img{height: 100px;}
   .base-swiper .img-box .box2 .img{height: 200px; }

   .serve-list li .mes h3{font-size: 18px;line-height: 28px;margin-bottom: 10px;}
   .serve-list li .mes p{font-size: 12px;line-height: 20px;}

   .qualityW {padding-bottom: 20px;}
   #container{height: 360px;}

   .suggest h3{font-size: 18px;line-height: 28px;}
   .suggest .form-mes form .user .user-fb{width: 100%;margin-right: 0;}
   .suggest .form-mes form .user .user-fb,.suggest .form-mes form .msg{margin-bottom: 20px;box-sizing: border-box;padding: 6px 0;}

   .culture-list li{width: 100%;margin-right: 0;padding-bottom: 20px;border-bottom:1px solid #d3d3d3; }
   .culture-list li.mid{padding-top: 0;}
   .talent .item.one,.talent .item.two{width: 100%;}
   .talent .item.three{width: 100%;}
   .talent .item.four{width: 100%;}
   .talent .item.five{width: 100%;}
   .cert-info .info p{font-size: 16px;line-height: 26px;}
   .search-nav .s-navlist li{margin-right: 5px;}
   .search-nav .s-navlist li a{font-size: 12px;line-height: 20px;padding: 10px 0;}

   .city-list .item .city-mes .mes {padding: 20px 20px 10px 20px;}
   .city-list .item .city-mes h3{font-size: 20px;line-height: 30px;}
   .city-list .item .city-mes .list li{width:24.7%;margin-right: 0.4%; }
   .city-list .item .city-mes .list li:nth-child(5n){margin-right: 0.4%;}
   .city-list .item .city-mes .list li:nth-child(4n),.city-list .item .city-mes .list li:nth-child(20n){margin-right: 0;}
   .city-list .item .city-mes .list li .img{width: 50px;height: 50px;}
   .city-list .item .city-mes .list li p{font-size: 12px;line-height: 20px;}

   .news-center .ctr .news-mes a,.news-center .ctr-nav a,.news-center .ctr-nav .oth{height: 120px;}
   .news-center .ctr .news-mes .img{width: 160px;}
   .news-center .ctr .news-mes .mes{padding:0 10px;}
   .news-center .ctr .news-mes h3{font-size: 18px;line-height: 26px;height: 52px;-webkit-line-clamp:2;}
   .news-center .ctr-nav .mes p{font-size: 18px;}

   .news-center .ctr-nav .oth a{font-size: 12px;line-height: 24px;margin-right: 15px;}



}