@charset "utf-8";
@media screen and (max-width:1600px) {
    .pc-top-cont ul{
		padding-right: 6vw;
	}
}
@media screen and (max-width:1440px) {
    .news .newsitems ul li .right h1{margin-top: 20px;}
    .news .newsitems ul li .right .more{margin-top: 5%;}
    .b-ser-box ul li{height:100px;padding-top: 16px;}
    .b-ser-box{top:-5.5vh}
    .footer-box{font-size: 14px;}
}
@media (max-width:1399px) {
    .pc-top{height:70px;}
    .pc-top-cont::before{border-bottom: 70px solid #fff;border-right: 50px solid transparent;}
    .pc-top-cont ul{padding-left: 4vw;}
    .pc-top-cont ul li{width:60%;text-align: left;line-height: 30px;height:30px;margin-left: 0;}
	.pc-top-cont ul li:nth-child(1){width:35%;}
	.pc-top-cont ul li:nth-child(3){width:35%;}
    .pc-headlog .logo-img{width:86%;height:unset;top:5vh}
    .ban-text{ width: 36vw;}
    .services .fwlist ul li{margin: 5px;}
    .ban-text .bap2{margin-bottom: 2vw;}
    
}
@media (max-width:1280px) {
    .services .fwlist ul li .con h3{font-size: 28px;}
    .services .fwlist ul li .con p{font-size: 16px;}
    .news .newsitems ul li{margin: 50px 0px;}
    
}


@media (max-width:1199px){
    #pcNav .lang a,#pcNav>ul>li a{font-size: 14px;}
    .footer-cont .flink-name {
        line-height: 20px;
        margin-bottom: 50px;
        padding-top: 22px;
    }
}

@media (max-width:1024px){

    .ban-text{ width: 48vw;}
    .news .newsitems ul li .left{width: 100%;}
    .news .newsitems ul li .right{width: 100%;}
    .news .newsitems ul li:nth-child(odd) .right{padding-left: 0;}
    .news .newsitems ul li:nth-child(even) .right{padding-right: 0;}
    .b-ser-box{width: 95vw;}
    .b-ser-box ul li{height:90px;padding-top: 10px;}
    .ind-cont-tit,.contact .peo_list .h1 h1,.news .newsitems ul li .right h1,.m-form-cont>h3,.news-cont-box h3,.ser-nav-item>h3, .ser-nav>h3, .ser-nav-cont>h3{font-size: 30px;}
    .ind-cont-notice{font-size: 30px}
    .contact .peo_list ul li{font-size: 16px}
	.pc-top-cont ul li div{display:none}
	.pc-top-cont ul li{width:48%;text-align: left;line-height: 30px;height:30px;margin-left: 0;}
	.pc-top-cont ul li:nth-child(1){width:48%;}
	.pc-top-cont ul li:nth-child(3){width:48%;}
}

@media screen and (max-width:996px) {
    .container{width: 90vw;}
    .ind-air-cont,.ind-ping-cont,.ind-service-cont,.ind-about-cont,.service-cont,.news-cont-box,.contact-cont{width: 90vw;}
    .services .fwlist ul{justify-content: space-between;}
    .services .fwlist ul li{max-width: 48%;margin: 15px 0;}
    
    .b-ser-box ul li{height:80px;padding-top: 10px;}
    .b-ser-box ul li img{width: 36px;height:36px}
    .b-ser-box ul li p {font-size: 14px;}

}

@media (max-width:960px) {
    #pcNav{padding-right: 1vw;}
    .pc-top-cont ul{padding-right: 1vw;}
    .ban-text .bap1,.ban-text h3{margin-bottom: 1vw;}
    .ban-text .bap2{margin-bottom: 2vw;}
    .ind-about-box{padding-top: 100px;padding-bottom: 60px;}
    .ban-text h3{font-size: 26px}
    .ban-text .bap1{font-size: 16px}
    
}
@media (max-width:959px){
    .copy-design,.copy-text{text-align: center;margin-top: 0!important;    line-height: 20px;padding-top:10px}
   
}

@media(max-width:768px) { 
    
    .ind-cont-notice,.ind-cont-tit{font-size: 36px;}
    .gotop{width:70px;height:70px;padding-top: 10px;}

}
@media(max-width:767px) {
    .pc-header{display: none;}
    .footer-cont.ind-air-cont,.ind-ping-cont,.ind-service-cont,.ind-about-cont,.service-cont,.news-cont-box,.contact-cont{width: 100vw;padding:0 15px}
    .mobile-header{width:100vw;height:80px;display: flex;align-items: center;position: fixed;top:0;left:0;z-index: 100;background: url('../images/head-bg.png') no-repeat 100% #fff;
        background-size: cover;background-position: center}
    .mobile-header .uk-navbar-toggle{color:#1A919F;font-size:30px;padding-right:20px}
    .mobile-header .uk-navbar-toggle svg{width: 40px;height:30px;}
    .mobile-header .uk-navbar-toggle svg rect{width: 40px;}
    .mobile-logo{height:60px;}
    .mobile-sx-logo-box{border-bottom:1px solid #ddd;background: url('../images/head-bg.png') no-repeat 100%;height: 80px;line-height: 80px;padding-left:2vw;
        background-size: cover;background-position: center}
    .mobile-xs-logo{width:80%}
    .mobile-logo-box{margin-left:2%}
    .uk-offcanvas-bar{background: #fff!important;}
    #mobile-nav .uk-offcanvas-bar{padding:0px}
    #mobile-nav .uk-nav {padding:0 5px;}
    #mobile-nav .uk-nav li a{color:#333;padding:0;font-weight: bold;}
    #mobile-nav .uk-nav li a img{width:25px;height:25px;margin-right:5px;}
    #mobile-nav .uk-nav li{min-height: 45px;height:auto;line-height: 45px;border-bottom:1px solid #1A919F;position: relative;}
    #mobile-nav .uk-nav li>ul{display: none;}
    #mobile-nav .uk-nav li>ul>li{padding-left: 15px;}
    #mobile-nav .uk-nav li>ul>li:last-child{border-bottom: 0;}
    #mobile-nav .mhasc .fa{position: absolute;right:0;top:15px;color:#1A919F;transition: all 0.3s ease;}
    #mobile-nav .mhasc .fa.active{transform: rotate(-180deg);}

    
    #mobile-nav .msb li:last-child{border-bottom: 0;}
    #mobile-nav .uk-offcanvas-close{color:#1A919F}
    #mobile-nav .langm {padding: 0;}
    #mobile-nav .langm li{text-align: center;background:#00BCE4;}
    #mobile-nav .langm li a{color:#fff}



    #banner{margin-top: 80px}
    #banner .swiper-pagination-bullet{width:20px;height:3px}
    .ban-text{width:70vw}
    .ban-text .bap2{padding:0.2rem 1rem}
    .more-m, .more-s{padding:3px 6px;font-size: 0.5rem;}
    .ind-cont-text, .ind-cont-img{display: block!important;width: 100%!important;}
    .ind-cont-text{margin-bottom: 4vh;}
    .indc2 .ind-cont-text{padding-left: 0;}
    .ind-air-box{padding-top: 2vh;}
    .ind-cont-tit{text-align: center;margin-bottom:20px}
    .ind-service-box {padding-bottom: 5vh;}
    .ind-ping-box{padding-top: 1vh;padding-bottom: 1vh;}
    .plink-box{margin-bottom: 5vh;}
    .ind-parter-box { background-size: 100% 38%}

    .container{width: 100%;padding-left: 15px;padding-right: 15px;}

    .nysection .inner h1{font-size: 24px;}
    .nysection .inner .bread a{font-size: 14px;}
    .nysection .inner .bread{margin-top: 5px;}
    .services .txt h1{font-size: 28px;}
    .services .txt{width: 100%;  margin-top: 20px;}
    .services .fwlist ul li{max-width: 100%;}
    .contact .peo_list .h1 h1{font-size: 36px;}
    .contact .peo_list ul li{font-size: 14px;}

    .b-ser-box{box-shadow: unset;position: unset;}
    .b-ser-box ul{display: block;margin-top: 20px}
    .b-ser-box ul li{display:inline-block;width:32%;border-right:0}
    .ind-about-box{padding-top: 20px;}
    .gotop{width:60px;height:60px;padding-top: 6px;}

    .services{overflow: hidden;position: relative;padding: 0px 0px;}
    .services .fwlist ul{display: flex;flex-wrap: wrap;margin: 20px 0px;}
    .contact,.news{padding:20px 0;}
    .news .newsitems ul li{margin:20px 0;}
    #banner .swiper-pagination{display: none}
}
@media(max-width:639px) {
    
.ser-nav,.ser-cont-box{padding-left: 0;}

.ser-nav-cont img{margin-bottom: 20px;width: 100%;}
.m-form-cont {padding-top: 30px;}
.m-form-cont>h3{margin-bottom:20px;font-size: 16px;}
.ind-cont-notice,.ind-cont-tit{font-size: 26px;}
.footer-cont .flink-name {margin-bottom: 20px;}

   
}
@media(max-width:600px) {
    .ban-text{width:80vw;top:10vw;}
    .ban-text h3{margin-bottom: 5vw;}
    .ban-text .bap1,.ban-text .bap2{display: none;}
    .more-text{height: 20px;line-height: 20px;}
    #banner .swiper-button-prev, #banner .swiper-button-next{display: none;}
    .banner-page .ban-text h3{font-size: 36px}
.clink-item-box{margin-bottom: 20px;display: block;}
.clink-item{display: inline-block;text-align: center;min-height: 150px;height:auto;width: 48%; overflow: auto;justify-content: space-between;}
.clink-item p{text-align: center;font-size: 14px;word-break: break-all;}
.pj-swiper{min-height:280px}

.next-prev .np-tit{display: none;}
 .next-prev{padding-bottom:10px}
}


@media(max-width:414px){ 
    .contact .peo_list .h1 h1{font-size: 28px;}
    
}
@media(max-width:400px) {

   
}
@media(max-width:350px) {
    .ban-text{width:85vw;left:8vw}
    .b-ser-box ul li{width:45%;}
    
}
@media(max-width:320px) {
    .mobile-logo{height:40px;}
    
   
}
