@charset "utf-8";
/* CSS Document */
@media screen and  (max-width:1440px){
    .w1520 {width: 100%;}
    header {height: 100px;}
    .logo {width: 310px;}
    .tel-wrap {width: 300px;height: 100px;padding-top: 3px;}
    .nav a {margin-right: 0;padding: 0 9px;height: 100px;line-height: 100px;}
    .w1692,.w1325 {width: 1200px;}
    .pic-wrap .pic-item {margin: 0 30px 0 0}
    .pic-wrap .pic-item .pic {width: 380px;height: 230px;}
    .pic-wrap .pic-item:nth-child(4n+0){margin: 0 30px 30px 0;}
    .pic-wrap .pic-item:nth-child(3n+0){margin: 0 0 30px 0;}
    .service-item,.service-item:nth-child(2n+0){float:none;margin: 0 auto 30px}
    .top-bg {width: 446px;  height: 390px;}

    .news-item,.news-item:nth-child(3n+0) {margin: 0 50px 40px 50px}
    .tel-wrap .text {width: 170px;font-size: 20px;}
}
@media screen and  (max-width:1024px) {
    .menu-handler{ display:block;}
    .nav {display: none}
    .tel-wrap {display: none}
    header {height: auto}
    .page {padding-bottom:0;position:static;box-sizing: border-box;width: 100%}
    .page .footer {position:static;width: 100%}
    .top-bg {display: none}

    center img {max-width: 100%;height: auto}
    .ny-con img {max-width: 100%;height: auto}
    .nav>ul{display: none}
    .w1692,.w1220,.w1325{width:98%}
    header {padding: 5px 0}
    .logo {width:130px;height: auto}
    header.on .logo {width:130px;transition: 0.5s ease}
    .menu-handler {width:33px;top: 13px;}
    .menu-handler .burger {width: 33px;margin: 0;left: 0;height: 4px;}
    .menu-handler .burger-2 {top: 8px;}
    .menu-handler .burger-3 {top: 16px;}
    .menu-handler.active .burger-1 {top: 10px;}
    .menu-handler.active .burger-3 {top: 10px;}
    .swiper-container {display:block;}
    .banner .swiper-pagination {bottom: 5px !important;}
    .banner .swiper-pagination-bullet {width: 8px;height: 8px;margin: 0 3px !important;}
    .i-hd {padding: 10px 0 87px 0;border-width:0 4px 4px 4px;width: 230px;}
    .i-hd h3 {font-size: 24px;}
    .i-hd .en {font-size: 14px;}
    .i-hd .int {width: 320px;font-size: 12px;left:-45px;}
    .pic-show {margin-top: 20px;}
    .pic-show h3 {padding-top: 10px}
    .more {padding: 20px 0}
    .more a {width: 130px;height: 30px;line-height: 30px;}
    .text-show {margin-top: 0}
    .text-show .swiper-slide {width: 100%}
    .text-show .swiper-slide a{display: inline-block;width: 100%}
    .footer .text {padding-left: 0;padding-top: 78px;background-position: top center;background-size: 8%;text-align: center;float: none}
    .qr-code {float: none;margin: 10px auto 0}

    .ny-banner {height: 120px;}
    .s-bg1,.s-bg2 {padding:0}
    .service .text {padding:10px 0 25px 0;box-sizing: border-box;width: 100%}
    .service .text h2 {font-size: 40px;}
    .service .text h2:after {height: 50px;}
    .service .text .con h3 {font-size: 20px;}
    .service .text .con p {padding-top: 5px;}
    .service .pic {width: 100%;height: 150px;}

    .ny-main {background-size:30%}
    .ny-tit h3 {font-size: 24px;}
    .ny-tit h3:before,.ny-tit h3:after {width: 40px;height: 8px;top: 10px;}
    .ny-tit h3:before{right: -55px;}
    .ny-tit h3:after{left: -55px;}
    .pic-wrap .pic-item {width:48%;margin:0 2% 20px 0; }
    .pic-wrap .pic-item .pic {width: 100%;}
    .pic-wrap .pic-item p {font-size: 16px;padding: 10px 0}
    .ny-page {padding: 10px 0 20px 0}
    .ny-page a {margin: 0 5px 10px}

    .service-item{width:49%;margin: 0 1% 20px 0;height: auto;padding-left: 0}
    .service-item:nth-child(2n+0) {margin:0 0 20px 1%}
    .service-item .pic{width: 100%;margin: 0;height: 257px;padding-left: 0;position: static}
    .service-item .text {padding: 10px 10px 20px 10px;height: 234px;overflow: scroll}
    .service-item .text p {padding-top: 5px;}
    .service-item .text h3 {font-size: 20px;}

    .ser-wrapper {width: 80%}
    .ser-wrapper input {width:70%;box-sizing: border-box;height: 40px;font-size: 14px;padding-left: 5px;}
    .ser-wrapper input::-webkit-input-placeholder {
        /* placeholder颜色  */
        color: #999;
        /* placeholder字体大小  */
        font-size:14px;
        /* placeholder位置  */
        text-align: left;
    }
    .ser-wrapper button {width: 27%;margin-left: 2%;height: 40px;line-height: 40px;font-size:14px;}
    .pic-b .tit {font-size: 16px;line-height: 30px;height: 30px;}
    .et-pic .pic-wrap {margin-top: 30px;}
    .news-item, .news-item:nth-child(3n+0) {width: 100%;max-height:none;margin: 0 0 20px 0}
    .about-con .pic {width: 25%;height: auto}
    .about-con .pic img{width: 100%;height: auto}
    .about-con p {padding-top: 20px;}

}
@media screen and (max-width: 768px){
    .service-item{width: 100%;margin: 0;height: auto;padding-left: 0}
    .service-item .pic{width: 100%;margin: 0;height: auto;padding-left: 0;position: static}
    .service-item .text {padding: 10px 10px 20px 10px;height: auto}
    .footer .text {background-size:11%}
    .about-con .pic {width: 50%;height: auto}

}
@media screen and (max-width: 640px) {
    .ny-tit {padding: 40px 0}
    .pic-wrap .pic-item {width: 100%;margin: 0}
    .pic-wrap .pic-item .pic {width: 100%;}
    .footer .text {background-size:18%}

}