@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 720px) {

    header{height: 1.2rem;transition: all 0.3s;}
    header h1{left: 5%;top: .28rem;z-index: 100;width: 5rem;}

    .h_active{box-shadow: 0 0 .1rem rgba(0,0,0,.1);}

    .nav{display: none;}
    .search{line-height: 1.2rem;width:1.2rem;height: 1.2rem;right: 1.2rem;top: 0;}
    .search i{font-size: .6rem;}
    .h_active .search i{color: #0039C8;}
    .search_box{height: 1.2rem;top: 1.2rem;border-bottom: none;}
    .search_box .box{width: 100%;left: 0%;right: 0;top: 0px;margin-left: 0%;}
    .search_box .input_txt{float: left;width: 80%;height: 1.2rem;border: none;padding:0 .3rem;font-size: .32rem;background: #FFF;border-top: 1px solid #EEE;border-bottom: 1px solid #EEE;}
    .search_box .input_btn{float: right;width: 20%;height: 1.2rem;background: #0039C8 url(../images/pic2_1.png) no-repeat center;background-size: .7rem;}
    .search_box .guangbi{width: 1.2rem;height: 1.2rem;line-height: 1.2rem;text-align: center;position: fixed;right: 1.2rem;top: 0px;background: #FFF;color: #333;}

    header .m-btn { display: block;}

    .banner:after{height: 1.6rem;}
    .banner .swiper-slide .m{display: block;}
    .banner .swiper-slide .pc{display: none;}
    .banner .swiper-pagination .swiper-pagination-bullet{margin:0 .1rem;}
    .banner .swiper-pagination-bullet{width: 0.15rem;height: 0.15rem;}
    .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{padding: 1rem 5%;}
    .dyip .title{padding: 0 0;}
    .dyip .title .bt{font-size: .5rem;}
    .dyip .title p{padding-top: .2rem;font-size: .32rem;}
    .dyip ul{margin-left: -2%;margin-top: .6rem;}
    .dyip li{width: 48%;margin-left: 2%;margin-bottom: .4rem;}
    .dyip li h2{font-size: .4rem;}

    .derp{padding:1rem 5%;}
    .derp .hd li{font-size: .32rem;padding: .1rem .2rem;}
    .derp .bd{margin-top: .5rem;}
    .derp .pic{width: 100%;float: none;}
    .derp .right{width: 100%;margin-left: 0%;float: none;margin-top: .5rem;}
    .derp .right p{margin-bottom: .1rem;font-size: .32rem;}

    .dqwz{line-height: 3;padding:0 5%;font-size: .32rem;}

    .con{padding: .4rem 5%;}

    .con .about{font-size: .32rem;}

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

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

    .con .contact .txt{float: none;width: 100%;padding: .3rem;font-size: .32rem;}
    #map_container{width: 100%; height:400px;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;}

    .foot .foot_t{padding:1rem 5% 1rem 5%;display: block;}
    .foot .foot_t .left{width: 100%;}
    .foot .foot_t .left dt{font-size: .4rem;}
    .foot .foot_t .left dd{line-height: 2;font-size: .32rem;}
    .foot .foot_t .right{width: 100%;margin-left: 0;margin-top: 1rem;}
    .foot .foot_t .right li{padding-bottom: .2rem;}
    .foot .foot_t .right li h2{font-size: .4rem;}
    .foot .foot_t .right li i{font-size: .6rem;margin-right: .2rem;}
    .foot .foot_t .right li .box p{font-size: .32rem;}

    .foot .foot_b{padding: .5rem 5%;font-size: .32rem;}
    

}