@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 980px) {
    body{ font-size:.32rem;}
    .fsyi{font-size: .5rem;}
    .fser{font-size: .5rem;}
    .iconfont{font-size: .4rem;}
    .layout{padding: 1rem 5%;}

    header{height: 1.2rem;transition: all 0.3s;padding: 0 5%;background: #FFF;}
    header:after{left: 5%;top: 1.2rem;right: 5%;}
    header h1{width: 3rem;}

    header .navm { display: block;}
    .nav{position: fixed;left: 0;top: 1.2rem;right: 0;bottom: 0;z-index: 1000;padding: 0;display: none;background: #000;}
    .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;}
    .nav li dl:after{display: none;}
    .nav li dd{font-size: .32rem;}
    .nav li dd a{padding: .2rem 5%;}
    
    header .dh{display:none;}
    
    header .yuyan{right: 2rem;line-height: 1.2rem;font-size: .32rem;}
    header .yuyan li a{width: .8rem;height: .8rem;background: #f5f5f5;}
    header .yuyan i{height: .24rem;margin: 0 .2rem;}

    .h_active{box-shadow: 0 0 .1rem rgba(0,0,0,.1);height: 1.2rem;}
    .h_active:after{left: 0;top: 1.2rem;right: 0;}
    .h_active h1{left: 5%;top: .2rem;z-index: 100;}
    .h_active .yuyan{right: 2rem;line-height: 1.2rem;font-size: .32rem;}
    .h_active .nav li p{line-height: 1.2rem;}
    .h_active .nav li p a{color: #FFF;}
    .h_active .nav li:hover p a{text-decoration: none;color: #FFF;}
    .h_active .nav li.current p a{color: #FFF;}

    .banner{margin-top: 1.2rem;}
    .banner .swiper-slide .m{display: block;}
    .banner .swiper-slide .pc{display: none;}
    .banner .swiper-pagination .swiper-pagination-bullet{margin:0 .1rem;}
    .banner .swiper-pagination-bullets{bottom: .2rem;}
    .banner .swiper-pagination-bullet{width: .2rem;height: .2rem;}
    .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: 0.6rem;}


    .dyip .left{width: 100%;}
    .dyip .left .txt .more a{padding-top: .2rem;}
    .dyip .left .txt .more i{font-size: .32rem;margin-left: .1rem;}
    .dyip video{width: 100%;margin-top: .4rem;}

    .derp{padding: 1rem 5%;}
    .derp .title p{font-size: .32rem;}
    .derp .er{margin-top: .3rem;}
    .derp .er li{width: 100%;position: relative;margin-bottom: .2rem;}
    .derp .er li h2{padding: .3rem;font-size: .5rem;}

    .dsanp{padding: 1rem 0;}
    .dsanp .title p{font-size: .32rem;}
    .dsanp .index_solutions{padding-bottom: .5rem;margin-top: .4rem;}
    .dsanp .index_solutions .swiper-slide h2{font-size: .32rem;padding: .3rem 0;}
    .dsanp .swiper-button-next:after,.dsanp .swiper-button-prev:after{font-size: .8rem;}

    .dsip .title{margin-bottom: .3rem;}
    .dsip .left{width: 100%;}
    .dsip .left li{width: 100%;padding-bottom: .3rem;margin-bottom: .2rem;}
    .dsip .left li .txt{padding: .3rem;}
    .dsip .left li .txt h2{font-size: .4rem;}
    .dsip .right{width: 100%;padding-top: .3rem;}
    .dsip .right li{padding-top: .1rem;padding: .3rem;}
    .dsip .right li h2{font-size: .4rem;padding-bottom: .1rem;}

    .dwup .txt{left: 5%;top: 0%;right: 5%;}
    .dwup .txt h2{font-size: .5rem;}
    .dwup .txt .more{font-size: .32rem;}

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

    .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;}
    
    .subnav{padding:0 5%;display: block;}
    .subnav i{font-size: .32rem;padding: 0 .1rem;}
    .subnav p{padding: .15rem 0;border-bottom: 1px solid #DDD;display: none;}
    .subnav ul{display: flex;align-items: center;justify-content: space-between;padding: .2rem 0;}
    .subnav li{width: 30%;text-align: center;margin-right: 0;padding: 0;}
    .subnav li a{padding: .15rem 0;}
    .subnav li a:after{height: .03rem;}
    .subnav li:last-child:nth-child(3n+2) {margin-right: calc((100% - 30%) / 2 * 1);}

    .about .txt{width: 100%;}
    .about .pic{width: 100%;}

    .shebei li{width: 48%;margin-left: 2%;margin-bottom: 2%;}

    .zhengshu li{width: 47%;}
    .zhengshu li .pic .fdj i{font-size: .4rem;}
    .zhengshu li .pic .fdj p{margin-top: .2rem;font-size: .32rem;}

    .huoban li{width: 33.333%;box-sizing: border-box;border-bottom: 1px solid #CCC;float: left;border-right: 1px solid #CCC;}

    .subnaver{width: 100%;float: none;}
    .subnaver li{font-size: .4rem;}
    .subnaver li i{font-size: .32rem;width: .5rem;height: .5rem;line-height: .5rem;margin-right: .2rem;}
    .subnaver li a{padding: .2rem 0;}
    .subnaver li dl{padding-left: .7rem;}

    .con_r{width: 100%;float: none;border-left: none;}
    .con_r .products{padding-left: 0;font-size: .32rem;margin-top: .5rem;}
    .con_r .products h2{font-size: .4rem;padding-bottom: .2rem;}

    .con_l{width: 100%;float: none;}
    .con_l .title{padding: .2rem;font-size: .4rem;}
    .con_l li p a{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 h2{font-size: .5rem;padding: .2rem 0;}

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

    .products_related .title{font-size: .4rem;}


    .news_t{box-shadow: 0 0 .1rem rgba(0,0,0,.2);}
    .news_t .swiper-slide figure{padding-bottom: 35%;width: 40%;}
    .news_t .swiper-slide .txt{width: 60%;padding: 2% 5%;}
    .news_t .swiper-slide .txt strong{font-size: .4rem;margin-top: .2rem;}
    .news_t .swiper-slide .txt p{display: none;}
    .news_t .swiper-slide .txt .more{margin-top: .2rem;font-size: .32rem;}
    .news_t .swiper-pagination-bullet{width: .13rem;height: .13rem;}
    .news_t .swiper-pagination-bullets{bottom: .1rem;}

    .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;}

    .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 li .txt strong{font-size: .4rem;}

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

    .con .contact .txt{width: 100%;padding: .3rem;}
    .con .contact .txt .title{font-size: .4rem;}

    .zhaopin .cpxqer .tit{font-size: .32rem;}
    .zhaopin .cpxqer .position{width: 60%;}
    .zhaopin .cpxqer .address{display: none;}
    .zhaopin .cpxqer .salary{display: none;}
    .zhaopin .cpxqer .time{width: 40%;}
    .zhaopin .cpxqer .time i{font-size: .2rem;}


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

    .liuyan .title{font-size: .5rem;margin-top: .6rem;}
    .liuyan .txt{margin-top: .1rem;font-size: .32rem;}
    .liuyan ul{margin-left: 0%;margin-top: .4rem;}
    .liuyan li{ width:100%;float: none;margin-left: 0%;}
    .liuyan li .input_txt{font-size: .32rem;}
    .liuyan .li .input_txt{font-size: .32rem;}
    .liuyan .textarea textarea{height:2rem; padding:1%;font-size: .32rem;}
    .liuyan .more{margin-top:.2rem;}
    .liuyan .input_btn{padding: .1rem .4rem;font-size: .32rem;}

    footer{padding-bottom: .3rem;}
    footer .foot_t{padding:1rem 5% .5rem 5%;display: block;}
    footer .foot_t .left{width: 100%;}
    footer .foot_t .left dl{width: 100%;border-bottom: 1px solid rgba(0, 0, 0, .1);padding-bottom: .1rem;margin-bottom: .2rem;}
    footer .foot_t .left dt{font-size: .4rem;margin-bottom: .1rem;}
    footer .foot_t .left dd{float: left;padding-right: .3rem;}
    footer .foot_t .center{color: #FFF;width: 100%;}
    footer .foot_t .center h2{font-size: .4rem;margin-bottom: .1rem;}
    footer .foot_t .right{width: 100%;margin-left: 0;margin-top: 1rem;display: none;}

    footer .foot_b{padding: .5rem 5%;}
    

}