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

    header .top{height: 1.2rem;}
    header .logo{left: 5%;top: .15rem;}
    header .logo h1{width: 1.8rem;float: none;}
    header .logo .txt{display: none;}
    header .top_r{display: none;}
    .nav{display: none;}
    header .m-btn { display: block;}

    .banner{margin-top: 1.2rem;}
    .banner .swiper-pagination-bullets{bottom: 0px;}
    .banner .swiper-pagination-bullet{width: 6px;height: 6px;}

    .dyip{padding:1rem 5%;background: #F5F5F5;}
    .dyip .title{font-size: .5rem;}
    .dyip ul{margin-top: .4rem;}
    .dyip li{width: 48%;margin-bottom: .2rem;}
    .dyip li i{font-size: .6rem;width: 1.2rem;height: 1.2rem;line-height: 1.2rem;}
    .dyip li p{line-height: 3;margin-top: .06rem;font-size: .32rem;}

    .derp{padding:1rem 5% .5rem 5%;}
    .derp .title{font-size: .5rem;}
    .derp li .pic{width: 1.2rem;height: 1.2rem;line-height: 1.2rem;}
    .derp li i{font-size: .6rem;}
    .derp li h2{line-height: 3;font-size: .32rem;padding-top: .06rem;}

    .dsanp{padding: 1rem 5%;}
    .dsanp .title{font-size: .5rem;}
    .dsanp ul{margin-left: -2%;margin-top: .4rem;}
    .dsanp li{width: 48%;margin-bottom: 2%;}
    .dsanp li .pic{padding: .1rem;}
    .dsanp li img{width: 100%;}
    .dsanp li p{line-height: 3;font-size: .32rem;}

    .dsip{padding: 1rem 5%;}
    .dsip .title{font-size: .5rem;}
    .dsip ul{margin-left: -2%;margin-top: .4rem;}
    .dsip li{width: 31.333%;}
    .dsip li img{width: 100%;}

    .banner_ny{margin-top: 1.2rem;position: relative;}

    .subnaver li{font-size: .32rem;}
    .subnaver li a{display: block;padding: 0 .15rem;}

    .dqwz{padding:.2rem 5%;margin-top: 1.2rem;font-size: .32rem;}
    .dqwz .txt span{margin:0 .05rem;}
    .dqwz i{font-size: .08rem;padding: 0 10px;color: #CCC;}

    .fenye li{font-size: .32rem;}
    .fenye li a{width: .6rem;height: .6rem;line-height: .6rem;}

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

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

    .about .video{width: 100%;float: none;margin-top: 1rem;}
    .about .txt_r{width: 100%;float: none;font-size: .32rem;}
    .about .qywh .title{font-size: .4rem;}

    .news ul{margin-left: 0%;display: flex;flex-wrap: wrap;}
    .news li{width: 100%;margin-left: 0%;margin-bottom: 4%;background: none;}
    .news li .pic{width: 40%;display: inline-table;vertical-align: middle;}
    .news li .box{padding:0 .3rem;display: inline-table;vertical-align: middle;width: 60%;box-sizing: border-box;}
    .news li h2{font-size: .4rem;}
    .news li p{display: none;}
    .news li .more{margin-top: .4rem;font-size: .32rem;}

    .news_con .title h2{font-size: .4rem;padding:.3rem 0;}
    .news_con .title p{margin-top: .1rem;font-size: .32rem;}
    .news_con .txt{line-height: 1.5;margin-top: .2rem;padding: .2rem 0;font-size: .32rem;}

    .gongchang li{width: 48%;}
    .gongchang li p{font-size: .32rem;}

    .case ul{margin-left: 0%;}
    .case li{width: 100%;float: none;margin-left: 0%;margin-bottom: 2%;}
    .case li .txt{padding: .3rem;}
    .case li h2{font-size: .4rem;}
    .case li p{margin-top: .2rem;font-size: .32rem;}

    .products ul{margin-top: .1rem;}
    .products li{margin-bottom: .2rem;padding-bottom: .2rem;}
    .products li .title{font-size: .4rem;padding-bottom: .1rem;}
    .products li .pic{width: 30%;box-shadow: 0 0 .15rem rgba(0,0,0,0.5);}
    .products li .txt{width: 70%;}
    .products li .txt h2{font-size: .4rem;}
    .products li .txt p{display: none;}
    .products li .txt .more{font-size: .32rem;margin-top: .2rem;}
    .products li .txt .more a{display: block;color: #FFF;padding: .03rem .1rem;}
    .products li .txt .more a:hover{display: block;color: #FFF;text-decoration: none;}

    .subnav_san{width: 100%;float: none;margin-top: 1rem;}
    .subnav_san h2{font-size: .32rem;padding: 0 5%;}
    .subnav_san li{margin-top: 1%;font-size: .32rem;}
    .subnav_san li a{padding: .1rem 5%;}
    .subnav_san li a:hover{display: block;padding: .1rem 5%;}

    .products_list{width: 100%;float: none;}
    .products_list .box li{padding-bottom: .3rem;width: 48%;}
    .products_list .box li h2{padding: .1rem;font-size: .32rem;}

    .products_con_t{padding: 1rem 5%;}
    .products_con .products_con_t .left{width: 100%;float: none;}
    .products_con_t .right{width: 100%;float: none;margin-top: 1rem;}
    .products_con_t .right h2{font-size: .4rem;}
    .products_con_t .right .txt h3{font-size: .32rem;}
    .products_con_t .right .txt .xian{width: 1.3rem;height: 1px;margin: .1rem 0 .1rem 0;}
    .products_con_t .right .txter pre{line-height: 2;white-space: pre-wrap;word-wrap: break-word;font-size: .32rem;}

    .products_con_b .titleer{font-size: .4rem;}
    .products_con_b .box{padding: .4rem 5%;}

    .xgcp .titleer{font-size: .4rem;}
    .xgcp .box{padding: .4rem 5%;}
    .xgcp .swiper-slide h2{font-size: .32rem;}

    .fangan_yi_dyip{position: relative;padding:.1rem 5%;margin-top: 1.2rem;}
    .fangan_yi_dyip .title{top: .4rem;padding: .1rem .2rem;font-size: .4rem;}
    .fangan_yi_dyip .pic{padding-top: 1.3rem;}

    .fangan_yi_dsip{padding:1rem 5%;}
    .fangan_yi_dsip li{width: 22%;margin: 0 2.5%;}

    .fangan_yi_dwup{padding: 1rem 5%;}
    .fangan_yi_dwup .left{float: none;width: 100%;}
    .fangan_yi_dwup .left h2{font-size: .4rem;font-weight: bold;}
    .fangan_yi_dwup .left ul{margin-top: .3rem;}
    .fangan_yi_dwup .left li{font-size: .32rem;padding-bottom: .2rem;}
    .fangan_yi_dwup .right{float: none;width: 100%;margin-top: .5rem;}
    .fangan_yi_dwup .right h2{font-size: .4rem;font-weight: bold;}
    .fangan_yi_dwup .right ul{width: 100%;margin-top: .3rem;}
    .fangan_yi_dwup .right li{padding-bottom: .3rem;}
    .fangan_yi_dwup .right li .shu{font-size: .4rem;}
    .fangan_yi_dwup .right li p{margin-left: .15rem;font-size: .32rem;}
    .fangan_yi_dwup .right li p span{font-size: .36rem;}

    .fangan_er_dwup{padding: 1rem 5%;}
    .fangan_er_dwup .title{font-size: .4rem;padding: .1rem .2rem;font-weight: bold;}
    .fangan_er_dwup ul{margin-top: .4rem;margin-left: 0%;}
    .fangan_er_dwup li{float: none;width: 100%;margin-left: 0%;margin-bottom: .3rem;}
    .fangan_er_dwup li h2{position: initial;padding: .1rem;font-size: .4rem;}
    .fangan_er_dwup li p{margin-top: .3rem;font-size: .32rem;}

    .fangan_er{margin-top: 1.2rem;}
    .fangan_er_dyip{padding:1rem 5%;}
    .fangan_er_dyip .pic{width: 100%;}
    .fangan_er_dyip .txt{width: 100%;padding: 0%;}
    .fangan_er_dyip .txt h2{font-size: .4rem;}
    .fangan_er_dyip .txt p{font-size: .32rem;margin-top: .2rem;}

    .fangan_er_dsip{padding:1rem 5%;}
    .fangan_er_dsip .title{font-size: .4rem;}
    .fangan_er_dsip .box .left{width: 100%;float: none;margin-top: .2rem;}
    .fangan_er_dsip .box .left .txt h2{font-size: .4rem;}
    .fangan_er_dsip .box .left .txt p{line-height: 1.6;padding-top: .1rem;font-size: .32rem;}
    .fangan_er_dsip .box .right{width: 100%;float: none;margin-top: 1rem;}
    .fangan_er_dsip .box .right .txt h2{font-size: .4rem;}
    .fangan_er_dsip .box .right .txt p{padding-top: .1rem;font-size: .32rem;}

    .download ul{margin-left: 0%;}
    .download li{width: 100%;margin-left: 0%;}
    .download li i{padding: .3rem 0;font-size: .6rem;}
    .download li .txt{font-size: .32rem;}

    .cpxqer li .title{ padding:.2rem 3%;font-size: .32rem;}
    .cpxqer li .con_er{font-size: .32rem;}

    .con .contact .txt{float: none;width: 100%;padding: .2rem;}
    .con .contact .txt li h2{font-size: .32rem;}
    .con .contact .txt li i,.con .contact .txt li em{font-size: .32rem;margin-right: .1rem;}
    .con .contact .txt li p{font-size: .32rem;}
    #map_container{width: 100%; height:450px;float: none;}

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

    .foot .foot_t{display: none;}
    .foot .foot_b{padding:.3rem 5%;border-top: none;font-size: .32rem;}


    .y-kefu-box{display: none;}
}