@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1200px) {
    .layout{padding:5% 10%;}
    header{padding: 0 10%;}
    .subnav{padding:2% 10%;}
    footer{padding: .3rem 10%;}
}

@media screen and (max-width: 980px) {
    body{ font-size:.32rem;}
    .fs{font-size: .5rem;}
    .iconfont{font-size: .4rem;}
    .layout{padding: .5rem 5%;}

    header{height: 1.2rem;transition: all 0.3s;padding: 0 5%;}
    header:after{left: 5%;top: 1.2rem;right: 5%;}
    header h1{left: 5%;top: .1rem;z-index: 100;width: 3rem;}

    header .navm { display: block;color: #333;}
    .nav{position: fixed;left: 0;top: 1.2rem;right: 0;bottom: 0;z-index: 1000;padding: 0;display: none;background: #000;margin-right: 0;}
    .nav li{display: block;border-bottom: 1px solid rgba(255, 255, 255, .1);margin-left: 0;}
    .nav li:after{display: none;}
    .nav li p{line-height: 1.2rem;font-size: .4rem;padding:0 .02rem;}
    .nav li p:after{display: none;}
    .nav li p a{padding: 0 5%;display: flex;align-items: center;justify-content: space-between;color: #FFF;}
    .nav li p a i{display: block;transition: all .3s;}
    .nav li.on p a i{transform: rotate(90deg);}
    .nav li dl{position: initial;width: 100%;box-shadow: none;font-size: .32rem;left: 0;transform: translateX(0%);text-align: left;}
    .nav li dl:after{display: none;}
    .nav li dd{font-size: .32rem;}
    .nav li dd a{padding: .2rem 5%;}
    
    .hezuo i{display: none;}
    .hezuo span{display: none;}

    .banner{margin-top: 1.2rem;}
    .banner .swiper-slide .m{display: block;}
    .banner .swiper-slide .pc{display: none;}
    .banner .swiper-pagination{bottom: 5%;left: 5%;font-size: .32rem;}
    .banner .swiper-pagination-bullet{width: .2rem;height: .2rem;}
    .banner .swiper-pagination .swiper-pagination-current{font-size: .6rem;}
    .banner .swiper-button-next,.banner .swiper-button-prev{width: .8rem;height: .8rem;text-align: center;line-height: .8rem;margin-top: -.4rem;}
    .banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: .6rem;}

    .dyip .title span:nth-of-type(1){display: none;}
    .dyip .title span:nth-of-type(2){display: block;}
    .dyip ul{margin-top: .5rem;}
    .dyip li h2{font-size: .32rem;}
    

    .derp .pic{width: 5rem;}
    .derp strong{font-size: .5rem;margin-top: .2rem;}
    .derp ul{display: flex;margin-top: .1rem;font-weight: bold;}
    .derp li{padding: 0 .4rem;position: relative;}
    .derp li:after{width: 1px;height: .3rem;right: 0;top: .1rem;}

    .about_dyip .txt{width:100%;font-size: .32rem;}
    .about_dyip .pic{width: 100%;margin-top: .5rem;}

    .about_derp ul{margin-top: .4rem;}
    .about_derp li{width: 48%;font-size: .32rem;}

    .subnav{padding:3% 5%;margin-top: 1.2rem;}
    .subnav ul{margin-left: -2%;}
    .subnav li{width: 31.333%;margin-left: 2%;}

    .fenye{margin-top: .5rem;}
    .fenye li{font-size: .32rem;}
    .fenye li a{padding: .3rem;}
    .fenye li i{font-size: .32rem;}

    .banner_pic{margin-top: 1.2rem;}
    .banner_pic figure{padding-bottom: 50%;}
    .banner_pic .title{font-size: .4rem;}
    .banner_pic .mouse {width: .6rem;height: .6rem;margin-left:cvb xn -.3rem;top: 60%;}
    .banner_pic:after{height: 1.6rem;}
    
    .banner_er{margin-top: 1.2rem;}
    
    .products .title h2{font-size: .5rem;}
    .products .title .left{width: 100%;}
    .products .title .right{width: 100%;margin-top: .2rem;}
    .products ul{margin-top: .5rem;}
    .products li h2{padding: .1rem 0;font-size:.4rem;margin:.1rem .8rem 0 .8rem;}

    .news li figure{width: 100%;padding-bottom: 50%;}
    .news li time{font-size: .32rem;}
    .news li .txt{padding: .3rem 0;width: 100%;}
    .news li .txt strong{font-size: .4rem;margin-top: .2rem;}
    .news li .txt p{margin-top: .12rem;font-size: .32rem;}
    .news li .txt .more{margin-top: .6rem;font-size: .32rem;padding: .1rem .2rem;}

    .products li{width: 48%;}
    .products li strong{padding: .2rem;font-size: .32rem;}

    .products_con .products_con_t .left{width: 100%;float: none;}
    .products_con_t .right{width: 100%;float: none;}
    .products_con_t .right strong{font-size: .5rem;padding: .2rem 0;}

    .products_con_b .titleer{padding: .2rem 0;font-size: .4rem;}

    .news_con .title h2{font-size: .4rem;}

    .news_con .left{width: 100%;float: none;}
    .news_con .left .title h2{font-size: .4rem;}
    .news_con .right{width: 100%;float: none;margin-top: .6rem;}
    .news_con .right h2{font-size: .5rem;}
    .news_con .news_r_t{margin-top: .3rem;}
    .news_con .right li a{padding: .2rem 0;display: block;}
    .news_con .right .txt{padding: .2rem 0;}
    .news_con .right strong{font-size: .4rem;}

    .video li{width: 49%;margin-bottom: 2%;}

    .syt li i{font-size: .32rem;}

    .con .contact{margin: 0;}
    .con .contact li{width: 100%;margin-bottom: .4rem;}
    .con .contact li i,.con .contact li em{width: .8rem;height: .8rem;line-height: .8rem;font-size: .5rem;}
    .con .contact li strong{margin-top: .2rem;font-size: .4rem;}
    .con .contact li .xian{width: .3rem;}

    #map_container{width: 100%; height:6rem;float: none;}

    footer{padding: .5rem 5%;}
    footer .foot_t .left{width: 100%;}
    footer .foot_t .left ul{margin-top: .2rem;}
    footer .foot_t .left li i{font-size: .4rem;}
    footer .foot_t .center{width: 100%;padding: .5rem 0;}
    footer .foot_t .right{width: 100%;}
    footer .foot_t .right i,footer .foot_t .right em{margin-right: .1rem;font-size: .32rem;}
    footer .foot_t .right .txt p{font-size: .32rem;margin-top: .1rem;}
    footer .foot_b{margin-top: .5rem;padding-top: .5rem;}
    

    .kefu{display: none;}
    

}