@media (max-width: 1607px) {
}
@media (max-width: 1400px) {
}
@media (max-width: 1200px) {
}
@media (max-width: 1150px) {
}
@media (max-width: 1100px) {
}
@media (max-width: 914px) {
}
@media (max-width: 768px) {
    #header .h-top .ht-list,
    .cttbox,
    #header .h-bot .logotxt p:nth-child(2),
    nav{display: none;}
    #scrollobj{overflow: hidden;white-space: nowrap;margin: auto;width: 300px;}
    #header .h-bot{position: relative;}
    #header .h-bot .list{flex-direction: column;display: none;position: absolute;top: 70%;right: -5px;background-color: #fff;z-index: 100;padding: 0 10px;}
    #header .h-bot .list li{text-align: center;height: 40px;line-height: 40px;border-bottom: 1px solid #ededed;}
    #header li:last-child{margin-right: 24px!important;}  
    
    #header .wechat,#header .wechat-txt{display: none!important;}
    #header .h-bot{height: 50px;}
    #banner .bannerSwiper{height: 200px;}
    #header .h-bot .logobox .logo{width: 40px;}
    #header .h-bot .logotxt p:nth-child(1){font-size: 16px;}
    #header{position: relative;}
    .menu{display: block;position: absolute;top: 50%;right: 10px;transform: translateY(3px);}
    nav{position: absolute;top: 100%;right: 0;height: auto;z-index: 10;}
    nav .list{flex-direction: column;}
    nav .list li{height: 40px;line-height: 40px;padding: 0 10px;min-width: 100px;}
    nav .list li a{font-size: 14px;}
    #header li:last-child{margin-right: 0!important;}
    .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 10px!important;}

    #product{display: block;margin-top: 20px;position: relative;}
    .submenu img{width: 20px;transform: rotate(-90deg);}
    #product .subnav{position: relative;z-index: 10;top: -15px;left: -102%;transition: all .3s linear;height: 20px;}
    #product .sllist{transform: translateY(0);}
    #product .sltitle{height: 48px;}
    #product .subnav.active{left: 0;}
    #product .submenu{display: flex;align-items: center;margin-bottom: 10px;position: absolute;left: 0px;top: -8px;}
    #product .content{margin-left: 0;}
    #product .sr-box li{width: calc(50% - 10px);height: 180px;}
    #product .botline{width: 100%;}
    #product .close{position: absolute;top: -15px;right: 6px;font-size: 30px;color: #fff;display: block;}
    #product .subnav .title,#product .sllist{width: initial;}
    #product .subnav .title{text-align: left;text-indent: 20px;}
    #product .sltitle{padding-left: 0;}
    #product .sllist li{padding-left: 10px;}
    #product .sr-box .list{max-height: initial;}
    #about,.a-lbc{flex-direction: column;}
    #about .about-l,#about .about-r{width: 100%;}
    .a-lbc,#about .about-l{height: initial;}
    .a-lb .yy{display: none;}
    .a-lbc .img{margin-right: 0;text-align: center;height: 200px;}
    .a-lbc .img img{height: 100%;}
    .a-lbc .txt .title{text-align: center;}
    .a-lbc .txt .more{margin-left: auto;margin-right: 20px;width: 70px;height: 30px;line-height: 30px;font-size: 12px;bottom: 20px;}
    .a-rb{height: 290px;}
    .a-lbc .txt .more:after{height: 10px;bottom: -12px;}
    #news{flex-direction: column;}
    #news .left,#news .right,#contact .about-l,#contact .about-r{width: 100%;}
    #news .left .top{margin-bottom: 10px;}
    #news .img{margin-right: 10px;}
    #news .txt{min-width: 0;}
    #news .txt .title{font-size: 16px;}
    #contact,#contact .about-l .a-lb{flex-direction: column;height: initial;text-align: center;}
    #contact .about-l .txt .line1{font-size: 18px;}
    #contact .about-l .txt .line-{margin-top: 10px;}
    #contact .about-l .img{margin: 0 auto;}
    #contact .about-l .a-lb{padding-left: 0;padding-top: 10px;padding-bottom: 10px;margin: 0;}
    #feat .a-lb ul{flex-wrap: wrap;}
    #feat .a-lb li{width: calc(50% - 5px);margin-bottom: 5px;}
    #botnav,.footer-er{display: none;}
    #insidepage-con{flex-direction: column;}
    #insidepage-con .leftnav{width: 100%;}
    #insidepage-con .rightcon{margin-left: 0;}
    .my-map{margin: 0;}
    #contact .a-ltl{text-align: left;}
    .insidepagemain .my-map{width: 100%;height: 200px;}
}
@media (max-width: 500px) {
}
@media (max-width: 477px) {
}
@media (max-width: 459px) {
}
@media (max-width: 375px) {
}